Tablas para organizar datos de verdad (no para maquetar)
Al terminar vas a poder:Construir tablas HTML (table, caption, thead/tbody, tr, th, td) para organizar información escolar real (horario, materiales, calificaciones) de forma clara y correcta, integrada dentro de una section del main.
Filas y columnas que significan algo
Las piezas de una tabla: table, caption, thead, tbody, tr, th, td
Tu horario real, en tu página, funcionando
Checklist de tabla y entrega en Drive
Lo que entregas
Página del sitio con una tabla del horario real del alumno (con caption, thead con th, tbody con td y todas las filas con el mismo número de celdas), integrada dentro de una section con id en el main, con su enlace de ancla en el menú, abierta y funcionando en el navegador durante la clase, y entregada con nombre y carpeta correctos en Drive.
Cómo se califica
- Estructura completa de la tabla (table + caption + thead + tbody) 30%
- th en encabezados, td en datos y filas parejas (mismo número de celdas) 25%
- datos reales propios (horario del alumno, no inventado ni copiado) 20%
- integrada en una section del main con ancla funcional en el menú 15%
- entrega con nombre y carpeta correctos en Drive 10%.
Antes de irte: piensa en lo que hiciste
- Si en pantalla thead y tbody se ven casi iguales, ¿para qué molestarse en separarlos? ¿A quién le sirve esa separación además de a ti?
- Da un ejemplo de información de tu vida que SÍ va en tabla y uno que NO, y explica por qué.
- Transferencia: ¿en qué otra materia organizas datos en filas y columnas (un registro de laboratorio, una lista de resultados)? ¿Qué sería ahí el "encabezado" y qué el "dato"?
Resultado de aprendizaje
RAP 4.1 — Construye tablas HTML para organizar información de manera clara y correcta. (RAP 4.2 —formularios accesibles— se trabaja en la Clase B de esta semana.)