top of page

Etapa 3: Actividades

¿Qué les debe pasar para poder hacer eso?

SESIÓN 3

Uso de las etiquetas  de formato de párrafo, de formato de texto, de inserción de imagen, de inserción de vídeo, de inserción de códigos de vídeos  y de sus atributos.

Se les presenta un vídeo de una dinámica motivacional relativo a fomentar valores, sobre el derecho de autoría y la importancia de las citas al diseñar páginas web.

URL del video: https://www.youtube.com/watch?v=xpWmWmEpBCc

Actividad inicial-dinámica (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.

URL de Padlet: https://padlet.com/monteroccesar/eaehx9i2va12

Actividad 2-Plenaria de retroalimentación (20 minutos)

Esta actividad está dividida en cuatro secciones siguientes:

Actividad 3 (50 minutos)

proceden a codificar la etiqueta <HR/>, para generar una línea divisoria, también el título principal del contenido mediante las etiquetas <H1></H1>, ej. <H1>TÍTULO DEL CONTENIDO</H1>

Sección1.- Inserción de línea divisoria de espacios y del título del contenido de la página

Ingresan contenidos de texto mediante las etiquetas párrafo <P>…</P>. También codifican las etiquetas <FONT></FONT>, con varios de sus atributos y sus equivalencias, para darle formato al texto.

Sección 2.- Inserción y codificación de párrafos

Insertan imágenes relativas a la temática de la página, codificando la etiqueta <IMG>, con sus atributos SRC, WIDTH y HEIGHT.

Sección 3.- Inserción y codificación de imágenes en párrafos

Ingresan vídeos descargados en el ordenador  mediante la codificación de las etiquetas <VÍDEO> y </VÍDEO>, con sus atributos SRC, AUTOPLAY, CONTROLS, LOOP, WIDTH y HEIGHT. También ingresan vídeos directamente desde el YouTube mediante la etiqueta <IFRAME>, que contiene el código del vídeo.

Sección 4.- Inserción y codificación de vídeos

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 <P>…</P>, <FONT>…</FONT>, <IMG>, <VIDEO>…</VIDEO> e <IFRAME>…</IFRAME> .

​URL de la presentación: https://docs.google.com/presentation/d/1EPg4_ofsAbjzbKJUgjMQdfkgU0P2Kjdkpj4m-ZorhGU/edit?usp=sharing

Actividad 4-Trabajo colaborativo (30 minutos)

bottom of page