Listas, enlaces y un mini-sitio de 2 páginas navegables
Al terminar vas a poder:Aplicar listas (ul/ol/li) y enlaces internos y externos (a href, target) para construir dos páginas HTML navegables entre sí, funcionales y entregadas con el nombre y carpeta correctos.
Listas: cuando el orden importa (y cuando no)
Enlaces: la H de HTML
Reto: tu mini-sitio navegable, en vivo
Cierre: verifica a la IA, checklist y entrega
Lo que entregas
Mini-sitio de 2 páginas funcionando en clase: index.html y pagina2.html enlazadas ida y vuelta, con al menos una lista ul y una ol con contenido propio y un enlace externo que abre en pestaña nueva; ambos archivos entregados con nombre y carpeta correctos en Drive, junto con la primera entrada de la bitácora de IA (la prueba del charset).
Cómo se califica
- Navegación ida y vuelta funcionando en el navegador 30%
- listas ul y ol con contenido propio 20%
- enlace externo correcto (dirección completa con https y pestaña nueva) 15%
- esqueleto completo en ambas páginas 15%
- primera entrada de bitácora de IA (prompt + lo que comprobó + veredicto) 10%
- entrega con nombre y carpeta correctos 10%.
Antes de irte: piensa en lo que hiciste
- ¿Cuándo conviene una lista numerada (ol) y cuándo una de viñetas (ul)? Da un ejemplo tuyo de cada una.
- ¿Por qué el enlace interno lleva solo el nombre del archivo y el externo la dirección completa?
- ¿Qué viste en el navegador al quitar el charset, y qué te enseña eso sobre confiar en la IA sin comprobar?
- Transferencia: ¿en qué otra materia te sirve el hábito de «no le creas, compruébalo contra la fuente»?
Resultado de aprendizaje
RAP 1.2 — Aplica etiquetas básicas (encabezados, párrafos, listas, enlaces) para construir una página funcional; y cierra el RAP 1.1 entregando el mini-sitio con el estándar de nombres y carpetas en Drive.