Ejercicio: Proyecto: tu página personal
Objetivo
Crear, revisar y publicar tu página personal. Este es el trabajo final del curso.
Pasos
Marca cada paso a medida que lo completes. Tu avance se guarda en este navegador.
💡 Pista 1: no sé qué poner en mi página
Responde en voz alta: «Quién soy, qué hago, qué me gusta, cómo me encuentran». Cada respuesta es una sección. Empieza con textos cortos y amplíalos después.
💡 Pista 2: algo se ve bien en mi computadora pero no en línea
Revisa mayúsculas, minúsculas y rutas relativas. Prueba abrir la dirección de la imagen directamente en el navegador para saber si está en el lugar esperado.
🔎 Comprueba tu trabajo
Pega tu código y pulsa Comprobar. La revisión ocurre en tu navegador; nada se envía a ningún sitio. Cada punto en rojo incluye una pista.
✅ Ver el esqueleto mínimo
Intenta resolverlo antes de mirar. Tu versión puede ser distinta y también correcta.
Esta vez no hay una única solución. Usa la plantilla de la lección y la lista de revisión como guía. Si quieres comparar estructura, aquí está el esqueleto mínimo:
<header>…título, subtítulo y <nav>…</header>
<main>
<section id="sobre-mi">…</section>
<section id="intereses">…</section>
<section id="proyectos">…</section>
<section id="contacto">…</section>
</main>
<footer>…</footer>💡 🏁 Reto extra (opcional)
Agrega una segunda página (por ejemplo, blog.html) con la misma cabecera y pie, y enlázalas entre sí. Si quieres ir más allá, añade un modo oscuro con prefers-color-scheme.