Etapa 3: Actividades
¿Qué les debe pasar para poder hacer eso?
SESIÓN 4
Uso de las etiquetas <TABLE>…</TABLE>, <TR>…</TR>, <TD>…</TD> y sus atributos. Para codificar tablas en una página web.
Se les presenta un vídeo de una dinámica motivacional relativo a fomentar valores, sobre la importancia de las páginas web.
URL del video: https://www.youtube.com/watch?v=t4T6oZxOSqY
Actividad inicial-dinámica (10 minutos)
Enlace de la prueba: https://forms.gle/322yHofQ93bm5sFo9
Actividad 1-Evaluación diagnóstica (10 minutos)
A través de la aplicación Padlet los estudiantes comparten a la sala sus respuestas del test de conocimientos previos de la actividad anterior.
Enlace del Padlet: https://padlet.com/monteroccesar/mhmka4c2zs35
Actividad 2-Plenaria de retroalimentación (20 minutos)
Esta actividad está dividida en cinco secciones siguientes:
Actividad 3 (50 minutos)
Los estudiante codifican la etiqueta <TABLE> y </TABLE>, con sus atributos BORDER y WIDTH.
Sección 1.- Inserción y codificación de tablas
Proceden a codificar la etiqueta <TR> de inicio y </TR> de cierre, para insertar una fila en la tabla a desarrollarse, Con sus atributos BGCOLOR y ALIGN.
Sección 2.- Inserción y codificación de filas
Proceden a codificar de la etiqueta <TD> de inicio y </TD> de cierre, para insertar una celdas en la fila a desarrollarse, con sus principales atributos BGCOLOR y ALIGN.
Sección 3.- Inserción y codificación de celdas
Los estudiantes codifican el atributo COLSPAN, mismo que lo utilizan para combinar celdas de forma horizontal, con su respectiva equivalencia en dígito que indica el número de celdas a combinarse.
Sección 4.- Combinación horizontal de celdas
Los estudiantes proceden a codificar el atributo ROWSPAN, mismo que lo utilizan para combinar celdas de forma vertical, con su respectiva equivalencia en dígito que indica el número de celdas a combinarse.
Sección 5.- Combinación vertical de celdas
Los estudiantes hacen un trabajo colaborativo en grupos de 5, y realizan una presentación en Google Drive, para mostrar las características de las etiquetas <TABLE> </TABLE>, <TR> </TR> y <TD> </TD>.
URL de la presentación: https://docs.google.com/presentation/d/11tHgy9HTBW3kJPnGg_T5Fk4HAed-bzmusPQv_1JCQ-s/edit?usp=sharing
Actividad 4- Trabajo colaborativo (30 minutos)