De cero a internet: tu primer sitio web

Usted, está a punto de pasar de cero a internet creando su primera página personal en la web.

Le contaré un pequeño secreto: los sitios web son sólo archivos con texto. No requieren software sofisticado y costoso para crearlos. Puede crear un sitio web con las herramientas de edición de texto gratuitas que vienen con su computadora. De hecho, eso es lo que haremos ahora.

Paso 1. Cree una carpeta en su equipo

Elija una ubicación en su computadora y cree una carpeta. Llámelo mi-sitio o algo similar. Es mejor nombrar las carpetas y archivos de su sitio web con letras minúsculas, números, guiones o guiones bajos. Evite espacios en los nombres de archivos. Esto garantiza que sus archivos serán compatibles con muchas computadoras y servidores diferentes.

Captura de pantalla de una ventana de un explorador de archivos mostrando una carpeta llamada "Websites" seleccionado en el panel izquierdo y una carpeta llamada "mi-sitio" mostrando dentro la carpeta "Websites" en el panel derecho. Traducido por Victorhck

Paso 2. Crear un archivo llamado index.html

Por convención, la página de inicio de un sitio web es index.html. Puede que tenga otras páginas (como acercade.html o cualquier otra que desee), pero llegaremos a eso más adelante.

Para crear el archivo index.html, abra TextEdit en Mac o Notepad en Windows o un editor de texto sencillo.

Escriba una frase o dos sobre usted. Esta es la mía, por ejemplo:

Mi nombre es Victorhck. Disfruto haciendo sitios web y enseñando a otras personas a hacer lo mismo.

Ahora guarde este archivo con el nombre de index.html y colóquelo en la carpeta mi-sitio que creó en el paso 1.

Captura que muestra la ventana de un editor de texto que muestra el contenido de un archivo llamado "index.html." El texto dice: "Mi nombre es Victorhck. Disfruto haciendo sitios web y enseñando a otras personas a hacer lo mismo.

Paso 3. Previsualizar su sitio web

Puede abrir su sitio web haciendo doble clic en el archivo index.html. Debería abrir su navegador predeterminado. También puede abrir primero su navegador y después hacer clic sobre la opción Archivo > Abrir archivo…, y después seleccionar el archivo index.html dentro de la carpeta.

¡Debería ver su (ciertamente simple) sitio web en su navegador! Siéntase libre de ajustar el texto y corregir errores tipográficos, porque estamos a punto de publicar esta página con el mundo.

No se preocupe ahora por su aspecto. Más adelante vamos a solucionar eso.

Se muestra una ventana de un navegador que muestra una página web simple con un texto en negro sobre un fondo blanco. Se puede leer en el texto: "Mi nombre es Victorhck. Disfruto haciendo sitios web y enseñando a otras personas a hacer lo mismo." La URL de la página web muestra una dirección en la barraa que es la ruta de un archivo local.

Paso 4. Publicar su sitio web

Hay muchas opciones para publicar su sitio web. Para nuestros propósitos, necesitamos algo gratuito, fácil y dirigido a individuos en lugar de empresas. Afortunadamente, conseguimos precisamente eso con Neocities.

Diríjase a Neocities y cree una cuenta. Es gratis. También deberá elegir un nombre de usuario/nombre de sitio. Su sitio web finalmente estará en un subdominio en SUNOMBRE.neocities.org. Sugiero usar su nombre real o su nombre de usuario en línea o nick si tiene uno. O, si sabe de qué quiere que se trate su página, puede elegir algo que se ajuste al tema. (por ejemplo, fandegatos).

Una vez que haya creado su cuenta, vaya al panel de control del sitio o dashboard. Verá que ya existen algunos archivos iniciales ya creados. Puede ignorarlos por ahora. Para publicar la página que acaba de crear en su computadora, arrastre el archivo index.html de su equipo hasta el panel de control de Neocities. Eso reemplazará el archivo index.html que ya existía.

Captura de pantalla del panel de control de Neocities mostrando una web llamada "My Cool Website" que pertenece al usuario blakewatson. La interfaz muestra opciones para crear un nuevo archivo, una carpeta o subir archivos y también infromación sobre el almacenamiento utilizado y la actividad del sitio.

Una vez que haya hecho eso, haga clic en el enlace a su sitio en la parte superior del panel.

¡Felicidades, acaba de hacer una página web! 🎉

A continuación

En el próximo capítulo, agregaremos más contenido a nuestro sitio web y aprenderemos sobre algunas etiquetas HTML.

Saltar al menú