{"id":47,"date":"2008-06-19T17:00:16","date_gmt":"2008-06-19T15:00:16","guid":{"rendered":"http:\/\/cursos.hostinet.com\/?p=47"},"modified":"2024-05-30T14:24:33","modified_gmt":"2024-05-30T12:24:33","slug":"que-es-un-index-html","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/panel-alojamiento\/que-es-un-index-html\/","title":{"rendered":"\u00bfQu\u00e9 es un index.html?"},"content":{"rendered":"
<\/div>

\"Qu\u00e9<\/p>\n

Tener un archivo index subido a nuestro dominio es fundamental si se quiere tener una p\u00e1gina web que funcione<\/strong>. Se puede decir m\u00e1s alto pero no m\u00e1s claro: sin index no hay p\u00e1gina web<\/strong>. As\u00ed pues es sumamente importante tener un archivo index.<\/p>\n

El tema est\u00e1 en que cuando creamos una p\u00e1gina web en Internet el primer paso que hay que tener en cuenta es crear el archivo index.html. El archivo index.html es la p\u00e1gina principal del dominio al cual se accede desde Internet, lo que vemos en primer lugar a la hora de acceder a ese nombre de dominio.<\/p>\n

Al acceder a un dominio, escribiendo por ejemplo www.hostinet.com<\/a><\/strong>\u00a0o simplemente hostinet.com<\/a><\/strong>\u00a0en la barra de direcciones, el navegador de Internet que estemos utilizando lo primero de todo buscar\u00e1 ese archivo index y tratar\u00e1 de reproducir lo que en \u00e9l aparezca (im\u00e1genes, textos, v\u00ednculos a otros archivos, enlaces…).<\/p>\n

\n

\"Hosting<\/a><\/p>\n<\/div>\n

El archivo index puede tener diferentes terminaciones<\/strong>, seg\u00fan el tipo de lenguaje bajo el cual est\u00e9 creada la p\u00e1gina, pero siempre deber\u00e1 estar nombrado en min\u00fasculas. Siendo .html .htm y .php<\/strong> las terminaciones m\u00e1s usadas por los webmasters.<\/p>\n

index.html, index.htm, index.php …<\/strong><\/em><\/p>\n

\"\"<\/p>\n

Para poder crear un archivo index.html a modo de inicio de nuestra p\u00e1gina web podemos utilizar cualquier editor de texto enriquecido<\/b> como podr\u00edan ser Microsoft Word<\/a>, Open Office<\/a> (desde Hostinet recomendamos Open Office rotundamente, adem\u00e1s es completamente gratuito) o cualquier otra aplicaci\u00f3n para el dise\u00f1o de p\u00e1ginas webs (Microsoft FrontPage<\/a>, Adobe Dreamweaver<\/a>, ect).<\/p>\n

\n

Si quieres subir tu p\u00e1gina web a un alojamiento contratado en Hostinet basta con que accedas al panel de control cPanel<\/strong> de tu alojamiento. Este se encuentra en:<\/p>\n

http:\/\/tudominio.org.es\/cpanel<\/strong><\/em><\/p>\n

\"\"<\/p>\n

Una vez logueado en el cPanel debes buscar la opci\u00f3n Administrador de Archivos (1).<\/strong> Es la primera, no tiene perdida, y escoger la opci\u00f3n de la carpeta que contenga la instalaci\u00f3n de tu p\u00e1gina web (suele ser \/public_html (2)<\/strong> como se ve en la imagen de abajo ) y darle a \u00abGo\u00bb (3)<\/strong> o lo que es lo mismo \u00abIr\u00bb.<\/p>\n

\"\"<\/p>\n

Tras ello y desde el administrador de archivos podr\u00e1s subir los archivos para crear tu propia p\u00e1gina web. Recuerda que el archivo index siempre debe ir dentro del directorio ra\u00edz o public_html de tu servidor<\/strong>. Si lo subes a cualquier otro directorio no funcionara.<\/p>\n

Crear o Modificar un Archivo Index desde cPanel<\/h2>\n

Una vez se contrata cualquier alojamiento web en Hostinet, se crea autom\u00e1ticamente un archivo index.html<\/strong>.<\/p>\n

Esto se crea para que cuando el alojamiento est\u00e9 online no muestre un error, ya que si no hay un index se mostrar\u00e1 un error 500<\/strong>.<\/p>\n

\"index<\/p>\n

En el mensaje de bienvenida que muestra este index.html<\/strong>, se indica que el alojamiento ha sido creado y se invita al cliente a que sustituya este index por el de su web para empezar a disfrutar del alojamiento que ha contratado.<\/p>\n

En muchas ocasiones, el sitio web a\u00fan no se realizado, y cuando se crea el alojamiento web este index se queda ah\u00ed durante todo el tiempo que se necesite para tener el sitio web acabado y poder subirlo.<\/p>\n

Muchos usuario prefieren cambiar esto por un mensaje de Sitio en creaci\u00f3n<\/strong>, o Estaremos Online en unos D\u00edas<\/strong>, etc\u2026<\/p>\n

Si tenemos un index<\/strong> preparado solo debemos acceder a cPanel<\/strong>, como hemos comentado antes, y subir nuestro archivo para sustituirlo.<\/p>\n

Si no tenemos nada preparado podemos editar el archivo desde el Administrador de Archivos<\/strong> que tenemos disponibles en cPanel.<\/p>\n

Una vez en cPanel debemos dirigirnos al Administrador de Archivos<\/strong> y despu\u00e9s acceder al directorio public-html<\/strong>.<\/p>\n

Dentro del directorio del public-html<\/strong> veremos nuestro famoso archivo index.html<\/strong> y un directorio llamado cgi-bin<\/strong> que crea cPanel de manera interna y que podemos dejar tranquilo.<\/p>\n

S\u00f3lo debemos seleccionar el archivo index.html<\/strong> y hacer click en Editor de HTML<\/strong> que podemos encontrar en el men\u00fa superior.<\/p>\n

\"Editor<\/p>\n

No aparecer\u00e1 una ventana en la que se muestra una advertencia. Para continuar pulsamos sobre Edit<\/strong>.<\/p>\n

Esto abrir\u00e1 una nueva ventana que se parecer\u00e1 mucho a un editor de texto pero con algunas diferencias.<\/p>\n

En realidad es un editor de HTML online, bastante simple, pero suficiente para cambiar el texto de bienvenida <\/strong>que aparece por defecto en los alojamientos web de Hostinet, por otro texto deseado.<\/p>\n

El editor HTML<\/strong> con el que podemos editar nuestro index.html<\/strong> tiene varias opciones interesantes, pero vamos a ver las m\u00e1s b\u00e1sicas que son, a\u00f1adir una imagen<\/strong> y editar el texto<\/strong>.<\/p>\n

Editar el texto con editor HTML es tan sencillo como hacerlo con un programa tipo Word. Podemos eliminar y a\u00f1adir texto, aplicar negritas o cursivas, cambiar el tama\u00f1o de los textos o simplemente el color.<\/p>\n

A\u00f1adir una imagen tambi\u00e9n es muy sencillo. S\u00f3lo hay que buscar el icono de Imagen<\/strong> en el men\u00fa y pulsarlo. Podemos dejar el puntero del rat\u00f3n un segundo encima de los iconos para saber el nombre de cada uno de ellos.<\/p>\n

En la ventana de carga podemos seleccionar una imagen que tengamos ya subida o hacer click en Cargar<\/strong> y seleccionarla desde nuestro ordenador, pulsar sobre Enviar al Servidor<\/strong> y Aceptar<\/strong>.<\/p>\n

Algunos navegadores dan problema con esto, si es as\u00ed es mejor subir la imagen y a\u00f1adir la URL directamente.<\/p>\n

Luego s\u00f3lo nos quedar\u00e1 ver c\u00f3mo queda y guardar para publicar nuestro nuevo index.HTML<\/strong>.<\/p>\n

\"A\u00f1adir<\/p>\n

C\u00f3mo Subir un index.html a Nuestro Hosting<\/h2>\n

Es posible que tengamos nuestro archivo index.html<\/strong> en nuestro ordenador y queramos subirlo a nuestro hosting<\/strong>.<\/p>\n

Muchas veces se crea la web de manera local en un ordenador con alg\u00fan programa de edici\u00f3n HTML<\/a> o lo ha creado un dise\u00f1ador web y nos ha facilitado los archivos de la web.<\/p>\n

Lo que tenemos que hacer es subir nuestros archivos web al alojamiento web que tengamos contratado, para poder publicar la web y est\u00e9 accesible a todo el mundo.<\/p>\n

Puedes subir el archivo index.html desde el panel de control cPanel, con la herramienta Administrador de Archivos<\/strong>, aunque muchos usuarios prefieren utilizar un cliente de FTP, siendo el m\u00e1s popular, FileZilla<\/strong>.<\/p>\n

 <\/p>\n

Subir index.html desde cPanel<\/h3>\n

Para subir nuestro index.html a nuestra web desde el panel de control cPanel, lo primero que tenemos que hacer es acceder a nuestro panel<\/strong> y una vez dentro, ir al Administrador de Archivos<\/strong>.<\/p>\n

\"Administrador<\/p>\n

Una vez accedamos al Administrador de Archivos, tienes que encontrar la carpeta public_html<\/strong> y acceder a ella, pero ten en cuenta que esta carpeta es la principal del hosting y est\u00e1 asociado al dominio principal.<\/p>\n

Si tienes un hosting multidominio o quieres utilizar un subdominio, deber\u00e1s acceder al directorio correspondiente.<\/p>\n

Una vez accedas a la carpeta correspondiente, s\u00f3lo tienes que hacer click en Cargar<\/strong> en el men\u00fa superior.<\/p>\n

Esto abrir\u00e1 una pantalla nueva desde la que podemos buscar el archivo index.html que tengamos en nuestro ordenador para seleccionarlo para subirlo<\/strong>.<\/p>\n

\"Cargar<\/p>\n

Una vez subido el archivo index, deber\u00edas ver algo as\u00ed y ya estar\u00eda, ahora s\u00f3lo queda que compruebes la web, para comprobar que funciona correctamente.<\/p>\n

\"index.html<\/p>\n

Subir index.html desde FileZilla<\/h3>\n

FileZilla<\/a><\/strong> es un cliente de FTP muy popular, ya que es gratuito<\/strong> y funciona muy bien.<\/p>\n

Los clientes FTP (File Transfer Protocol), conectan nuestro ordenador con el hosting, sin tener que acceder al panel de control, para poder subir o descargar los archivos.<\/p>\n

Si quieres utilizar un FTP, lo tienes que configurar con los datos de acceso correctos, que son:<\/p>\n