De «no sé por dónde»
a «lo hice yo».
Tu primera página empieza con tres piezas: una estructura, un estilo y una pequeña interacción.
VISTA PREVIA / PRUEBA EL BOTÓN
MI PRIMER PROYECTO
Hola, esta es mi web.
Una idea sencilla que ya tiene su propio espacio.
01 HTML → EL CONTENIDO02 CSS → LA APARIENCIA03 JAVASCRIPT → LA INTERACCIÓN04 PUBLICAR → COMPARTIR
EL RECORRIDO / CUATRO ETAPASNo necesitas aprenderlo todo.
No necesitas aprenderlo todo.
Necesitas un primer proyecto.
Explora cada pieza y entiende qué aporta antes de personalizar tu página.
LABORATORIO / CAMBIA ALGO, OBSERVA QUÉ PASATu idea.
Tu idea.
Tus primeras decisiones.
Personaliza el ejemplo de la portada. El código y la vista previa cambian juntos. No se ejecuta código que escribas: el taller aplica opciones preparadas.
Cuando te guste, descarga una página de ejemplo que puedes abrir en el navegador.
Volver a ver mi resultado ↑Los cambios se procesan solo en tu navegador.
ANTES DE PUBLICAR / TU LISTA DE CONTROLHaz que funcione.
Haz que funcione.
Después, compártelo.
0 de 4 comprobaciones marcadas.
Para continuar: MDN · Tu primer sitio web · MDN · Publicar tu sitio. Contenido revisado: 30 de octubre de 2026.
RESPONSABLE DEL SITIO EDUCATIVO
Juliana María Valencia GaviriaCédula de ciudadanía: 52.691.279
Calle 76 # 34-43, Barranquilla
Sebastianamaya0102@gmail.com
EL SIGUIENTE PASO ES PEQUEÑOCambia una línea.
Volver al laboratorio ↗