Tabla de contenidos:<\/p>
- \u00bfQu\u00e9 es el index?<\/a>
- \u00bfEs lo mismo index que index.html?<\/a><\/li><\/ul><\/li>
- \u00bfPara qu\u00e9 sirve el archivo index.html?<\/a><\/li>
- C\u00f3mo crear el index.html<\/a>
- Ejemplo de un index.html<\/a><\/li><\/ul><\/li>
- C\u00f3mo subir el index.html a tu hosting<\/a>
- Subir el index.html con el Administrador de archivos de cPanel<\/a><\/li>
- Subir el index.html por FTP<\/a><\/li><\/ul><\/li>
- Comprueba el index.html<\/a><\/li>
- C\u00f3mo modificar el archivo index.html<\/a>
- Modificar el index.html a trav\u00e9s del Administrador de archivos<\/a><\/li>
- Modificar el index.html a trav\u00e9s de un gestor FTP<\/a><\/li><\/ul><\/li>
- \u00a1Importante! Haz una copia de seguridad<\/a><\/li><\/ul><\/div>\n\n
\u00bfQu\u00e9 es el index?<\/span><\/h2>\n
El archivo index es el primer archivo de tu hosting al que un navegador intenta acceder cuando alguien busca tu dominio en Internet.<\/p>\n
Dicho en otras palabras, el archivo index es el que, por defecto, se muestra como p\u00e1gina principal de un sitio web.<\/p>\n
Sin un archivo index, la p\u00e1gina no se mostrar\u00eda y se mostrar\u00eda un error como el Error 404 \u2013 Not Found<\/a><\/strong>.<\/p>\n
Por tanto, cuando un usuario escribe en el navegador www.lucushost.com<\/em>, este le devuelve nuestro archivo index. Esto es lo m\u00e1s habitual, aunque el orden en el que el servidor busca el fichero de inicio a mostrar puede modificarse en el DirectoryIndex.<\/p>\n
\u00bfEs lo mismo index que index.html?<\/span><\/h3>\n
La extensi\u00f3n del archivo, es decir, lo que va detr\u00e1s del punto (.), es el formato del fichero.<\/p>\n
Por tanto, el archivo index.html est\u00e1 escrito en el lenguaje de marcado HTML y normalmente es el que se utiliza para p\u00e1ginas web est\u00e1ticas. Tambi\u00e9n puedes encontrar la extensi\u00f3n .htm con este tipo de lenguaje.<\/p>\n
Cuando se trata de p\u00e1ginas web din\u00e1micas y programadas en PHP, lo l\u00f3gico es que su \u00edndice fuese index.php.<\/p>\n
En el caso de WordPress, el \u00edndice o primer archivo que se carga no ser\u00e1 index.html, sino index.php; puesto que este gestor de contenidos<\/a> est\u00e1 escrito en PHP.<\/p>\n
\u00bfPara qu\u00e9 sirve el archivo index.html?<\/span><\/h2>\n
Para que una p\u00e1gina web funcione.<\/p>\n
El archivo index o \u00edndice contiene diferentes elementos html como, por ejemplo, texto, im\u00e1genes, enlaces, v\u00eddeos, formulario o cualquier otro elemento que le permite a un usuario interactuar con una p\u00e1gina web. Tambi\u00e9n permite a\u00f1adir c\u00f3digo CSS<\/a> o JavaScript para controlar las funcionalidades y darle estilo al sitio.<\/p>\n
En resumen, el index.html es esencial en cualquier p\u00e1gina web, ya que proporciona la estructura y el contenido inicial de la p\u00e1gina web que se muestra a las visitas del mismo.<\/p>\n
C\u00f3mo crear el index.html<\/span><\/h2>\n
Aunque puedes crear el index.html directamente en tu hosting mediante el Administrador de archivos de cPanel, lo m\u00e1s recomendable es crearlo con un editor de texto en local y, despu\u00e9s, subirlo a tu web.<\/p>\n
Cualquier editor de texto te sirve para crear el index.html, pero yo suelo utilizar alguno de estos:\u00a0\u00a0<\/b><\/p>\n
- \n
- Sublime Text<\/strong><\/li>\n
- Notepad++<\/strong><\/li>\n
- Brackets<\/strong><\/li>\n<\/ul>\n
Lo \u00fanico que tienes que hacer es abrir el editor y a\u00f1adir el c\u00f3digo HTML al archivo.<\/p>\n
Ejemplo de un index.html<\/span><\/h3>\n
Aqu\u00ed te dejo un ejemplo muy sencillo de c\u00f3digo HTML para crear una p\u00e1gina web est\u00e1tica:<\/p>\n
<!DOCTYPE html>\r\n\r\n<html>\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n\r\n<title> Este es mi primer sitio web con LucusHost <\/title>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<h1> Mi primer sitio web con LucusHost<\/h1>\r\n\r\n<p> Esta p\u00e1gina est\u00e1 en construcci\u00f3n <\/p>\r\n\r\n<\/body>\r\n\r\n<\/html><\/pre>\n
![\"Ejemplo](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/ejemplo-index-html.png\" "\\"\\"")
<\/p>\nUna vez que hayas agregado todo el c\u00f3digo, guarda el fichero con el nombre index.html<\/em>. A continuaci\u00f3n, sube el index.html a tu plan de hosting.<\/p>\n
C\u00f3mo subir el index.html a tu hosting<\/span><\/h2>\n
Para subir el archivo index.html a tu plan de hosting te recomiendo que lo hagas mediante el Administrador de archivos de cPanel, que lo tienes disponible en todos nuestros planes de hosting.<\/p>\n
En el caso de utilizar un panel de control diferente, puedes cargarlo mediante un cliente FTP.<\/p>\n
A continuaci\u00f3n te explico c\u00f3mo hacerlo por ambas v\u00edas.<\/p>\n
Subir el index.html con el Administrador de archivos de cPanel<\/span><\/h3>\n
Es la forma m\u00e1s sencilla y r\u00e1pida de cargar ficheros en tu hosting. \u00danicamente tienes que acceder a tu cuenta de cPanel y seguir estos pasos:<\/p>\n
- \n
- Lo primero, ve a cPanel y selecciona la opci\u00f3n \u00abAdministrador de archivos\u00bb.
![\"Administrador](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/03\/administrador-archivos-cpanel-2.png\" "\\"\\"")
<\/li>\n - Ve al directorio ra\u00edz de tu dominio. En este ejemplo, es el public_html
![\"public-html-cpanel\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/cpanel-public.png\" "\\"\\"")
<\/li>\n - En la barra del men\u00fa superior ver\u00e1s la opci\u00f3n \u00abCargar ficheros\u00bb. Pulsa sobre esta opci\u00f3n y selecciona el fichero index.html que creaste en el paso anterior.
![\"Opci\u00f3n](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/cpanel-cargar.png\" "\\"\\"")
![\"Subir](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/subir-index-html-cpanel.png\" "\\"\\"")
<\/li>\n<\/ol>\nSubir el index.html por FTP<\/span><\/h3>\n
Si no tienes la herramienta del Administrador de archivos, tambi\u00e9n puedes subir el contenido a tu hosting mediante FTP con un cliente como FileZilla<\/a>.<\/p>\n
Para esto, tienes que abrir tu cuenta de cPanel y, en la secci\u00f3n \u00abCuentas de FTP\u00bb crea una cuenta. Si nunca lo has hecho, aqu\u00ed te dejo una gu\u00eda que puede ayudarte:<\/p>\n
C\u00f3mo crear una cuenta FTP en cPanel<\/a><\/strong><\/p>\n
Una vez creada la cuenta de FTP, sigue estos pasos:<\/p>\n
- \n
- Abre FileZilla o el gestor que hayas elegido y crea una conexi\u00f3n FTP<\/strong><\/a> a tu plan de hosting.<\/li>\n
- Tal y como has realizado anteriormente, sube el contenido al \/public_html. Para ello, dir\u00edgete al directorio y, con el bot\u00f3n derecho del rat\u00f3n, pulsa en \u00abSubir\u00bb. Tambi\u00e9n puedes arrastrar el archivo index directamente desde tu equipo.
![\"\"](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/filezilla-subir-index-html.png\" "\\"\\"")
<\/li>\n<\/ol>\nComprueba el index.html<\/span><\/h2>\n
Independientemente de c\u00f3mo hayas subido el index.html a tu web, lo ideal es que compruebes que es correcto. Para ello, solamente tienes que introducir tu dominio en el navegador y pulsar en \u00abEnter\u00bb.<\/p>\n
![\"Comprobar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/index-html-navegador-1.png\" "\\"\\"")
<\/p>\nC\u00f3mo modificar el archivo index.html<\/span><\/h2>\n
Para hacer cualquier cambio en el archivo index.html, esta vez s\u00ed puedes hacerlo directamente desde el Administrador de archivos de cPanel; sin necesidad de descargar el archivo y modific\u00e1ndolo en local.<\/p>\n
Al igual que antes, si no dispones de esta herramienta, puedes hacer el cambio por FTP.<\/p>\n
Modificar el index.html a trav\u00e9s del Administrador de archivos<\/span><\/h3>\n
Si necesitas hacer un cambio peque\u00f1o en el index.html puedes hacerlo directamente desde el Administrador de archivos de cPanel.<\/p>\n
Para esto, accede a tu cuenta de cPanel y ve a la secci\u00f3n \u00abAdministrador de archivos\u00bb. A continuaci\u00f3n, ve a la ruta donde tengas el fichero (en este ejemplo \/public_html) y localiza el archivo index.<\/p>\n
Para modificarlo, haz clic con el bot\u00f3n derecho del rat\u00f3n y selecciona la opci\u00f3n \u00abEdit\u00bb.<\/p>\n
![\"Editar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/cpanel-edit-index-html.png\" "\\"\\"")
<\/p>\nAhora ver\u00e1s una pantalla como esta en la que puedes hacer los cambios directamente.<\/p>\n
![\"Editar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/cpanel-edit-codigo.png\" "\\"\\"")
<\/p>\nOtra opci\u00f3n, aunque no tan r\u00e1pida, es descargar el fichero en local, modificarlo y, posteriormente, cargarlo con esta misma herramienta.<\/p>\n
Modificar el index.html a trav\u00e9s de un gestor FTP<\/span><\/h3>\n
A trav\u00e9s de un cliente como FileZilla puedes realizar los cambios que necesites. En este caso, debes dirigirte al directorio de tu aplicaci\u00f3n y descargar el fichero index en tu equipo.<\/p>\n
![\"Descargar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/descargar-index-html-ftp.png\" "\\"\\"")
<\/p>\nA continuaci\u00f3n, abre el archivo con un editor de texto y modif\u00edcalo. En este ejemplo lo hago con Sublime Text:<\/p>\n
![\"Editar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/editar-index-html-sublime.png\" "\\"\\"")
<\/p>\nUna vez que hayas guardado los cambios del fichero, autom\u00e1ticamente FileZilla ya los detecta y te da la posibilidad de subirlo directamente a tu cuenta de cPanel. Confirma la subida de datos y listo \ud83d\ude42 .<\/p>\n
![\"Subir](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2023\/06\/subir-cambios-index-html-ftp.png\" "\\"\\"")
<\/p>\nAl igual que hiciste antes, puedes comprobar que los cambios se han realizado correctamente introduciendo tu dominio en el navegador.<\/p>\n
\u00a1Importante! Haz una copia de seguridad<\/span><\/h2>\n
Siempre lo digo. Antes de hacer cualquier cambio en tu web, por peque\u00f1o que sea, aseg\u00farate de tener una copia de seguridad reciente de tu sitio. En el caso de que sea la primera vez que vayas a hacer una copia, aqu\u00ed te dejo una gu\u00eda que puede ayudarte:<\/p>\n
- Tal y como has realizado anteriormente, sube el contenido al \/public_html. Para ello, dir\u00edgete al directorio y, con el bot\u00f3n derecho del rat\u00f3n, pulsa en \u00abSubir\u00bb. Tambi\u00e9n puedes arrastrar el archivo index directamente desde tu equipo.
- Abre FileZilla o el gestor que hayas elegido y crea una conexi\u00f3n FTP<\/strong><\/a> a tu plan de hosting.<\/li>\n
- Notepad++<\/strong><\/li>\n
- Modificar el index.html a trav\u00e9s de un gestor FTP<\/a><\/li><\/ul><\/li>
- Subir el index.html por FTP<\/a><\/li><\/ul><\/li>
- C\u00f3mo subir el index.html a tu hosting<\/a>
- \u00bfPara qu\u00e9 sirve el archivo index.html?<\/a><\/li>
- \u00bfEs lo mismo index que index.html?<\/a><\/li><\/ul><\/li>