Guía rápida

🌍 Mi sitio en la red

💻 Ver explicación en video de youtube.

🟢 Preparación y Entorno

◆ Descargar e instalar Visual Studio Code (VSC)

  • . Ingresá al sitio web oficial code.visualstudio.com.
  • . Haz click en el botón de descarga según tu sistema operativo. (Windows, macOS, o Linux).
  • . Ejecuta el instalador descargado y sigue los pasos por defecto hasta finalizar.
◆ Crear la Carpeta del Proyecto
  • . Vea tu escritorio o a tu ubicación preferida en la computadora.
  • . Crea una nueva carpeta para tu sitio web. Por ejemplo, nómbrala: mi-primer-sitio.
◆ Abrir VSC y Cargar la Carpeta
  • . Abre el programa Visual Studio Code.
  • . En el menú superior, ve a File > Open Folder... (o Archivo > Abrir carpeta...).
  • . Busca y selecciona la carpeta mi-primer-sitio que acabas de crear y haz clic en Seleccionar carpeta.

💥 Desarrollo del HTML

◆ Crear el Archivo y Autocompletar

  • . En el panel izquierdo (ExploradordeVSC), haz click en el ícono de Nuevo Archivo y nómbralo exactamente index.html.
  • . En el editor en blanco, escribe únicamente el símbolo ! y presiona Enter (o la tecla Tab). ¡Esto generará automáticamente la estructura básica de HTML5 !
◆ Personalizar el Código HTML
Modificá las etiquetas <title> y <body> 
    <!DOCTYPE html>
    <html lang="es">
          <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>Mi sitio web</title>
          </head>
          <body>
                <h1>Un sitio web a mi estilo</h1>
          </body>
    </html>

Guardá los cambios presionando ctrl + s o (cmd + s en mac).

| 🌐 Publicación en Netlify

◆ Crear Cuenta en Netlify

  • . Abre tu navegador y entra a netlify.com.
  • . Haz clic en Sign Up para registrarte (puedes usar tu correo electrónico o tu cuenta de GitHub/Google).
◆ Subir la Carpeta (Deploy)
  • . Una vez dentro del panel principal (Dashboard) de Netlify, busca la sección Projects.
  • . Encontrarás un área que dice "Drag and drop your site folder here" (Arrastra y suelta la carpeta de tu sitio aquí).
  • . Arrastra la carpeta mi-primer-sitio desde tu computadora y suéltala en esa zona. ¡Tu sitio se publicará en segundos!
◆ Personalizar el Dominio Gratuito
  • . Netlify le asignará un nombre aleatorio a tu web. Para cambiarlo, ve a Project Configuration > Domain Management.
  • . Junto al dominio predeterminado, haz clic en Options > Edit project name .
  • . Escribe un nombre disponible a tu gusto (por ejemplo: mi-web-unica).
  • . Guarda los cambios. Tu enlace final será similar a: https://mi-web-unica.netlify.app .
¡Listo para compartir! Cualquier persona con el enlace personalizado podrá acceder a tu sitio web publicado desde cualquier parte del mundo.

▶️ Mi sitio en la red

📌 Descargar instrucciones

Ejercicio Presentación→