¡Es hora de empezar a programar! En la Lección 9 de nuestra serie de Desarrollo Web Full Stack, creamos tu primer sitio web desde cero.
Este es un tutorial completo paso a paso donde configuramos nuestras carpetas de proyecto, preparamos nuestras imágenes y escribimos nuestras primeras líneas de código HTML utilizando el editor de texto Brackets. Aprenderás la estructura fundamental de cada página web en internet y verás tu trabajo cobrar vida con una vista previa en tiempo real.
📌 Tiempos:
0:00:00 Introducción: Lo que vamos a construir hoy
0:01:05 Configurando tu directorio de proyecto y subcarpetas
0:02:40 Mejores prácticas para nombrar carpetas (minúsculas y guiones)
0:03:45 Conseguir imágenes gratuitas de Unsplash.com
0:05:00 Redimensionando imágenes para la web usando Microsoft Paint
0:06:10 Lanzando Brackets y abriendo tu carpeta de proyecto
0:07:55 Creando tu archivo index.html
0:09:20 La declaración DOCTYPE: Diciéndole al navegador que es HTML
0:10:15 La estructura de los elementos HTML, Head y Body
0:13:00 La importancia de la indentación del código
0:14:40 Meta Charset UTF-8: Haciendo tu sitio global
0:15:55 Agregando un título de página para la pestaña del navegador
0:17:35 Agregando contenido: Encabezados H1 y etiquetas de párrafo (P)
0:19:10 Cómo insertar imágenes usando la etiqueta IMG y texto alternativo
0:22:05 Vista previa en vivo: Viendo tu sitio web en Google Chrome
Al final de este video, tendrás una página web funcional con texto e imágenes corriendo en tu máquina local.
🔔 ¡Suscríbete para unirte al Curso de Colocación Gratuito 2026!
#CreaUnSitioWeb #HTMLParaPrincipiantes #AprendeACodificar #DesarrolladorFullStack #TutorialDeCodificación #DesarrolloWeb #HTML5 #Lección9 #CursoDeColocaciónGratuito #EditorBrackets #WebDev2026