INSTITUTO DE EDUCACION SUPERIOR TECNOLGICO PUBLICO

CHONGOYAPE

Sesin de Aprendizaje.

1. DATOS GENERALES

G.R.E.L : Gerencia Regional de Educacin Lambayeque.

I.E : Instituto de Educacin Superior Tecnolgico

Pblico Chongoyape.

NIVEL : Superior Tecnolgico.

ESPECIALIDAD : Computacin e Informtica.

SEMESTRE ACADEMICO : 2017-I.

SEMESTRE CURRICULAR : V.

ACTIVIDAD APRENDIZAJE : Programacin Web Con HTML5 y CSS3.

Introduccin a Responsive Web Design.

TURNO : Maana HORAS : 50

DOCENTE : Tec. CALDERN CALDERN, Eber Manuel.

2. PLAN DE CLASE (Modular por Competencia).

SOFTWARE INFORMATICO : Programacin Web Con HTML5 y CSS3.

Introduccin a Responsive Web Design.

CAPACIDAD TERMINAL
: Programacin Web Con HTML5 y CSS3. Conocer que HTML5
y CSS3 en la actualidad es el mtodo ms avanzado para el diseo
y programacin de pginas web para dispositivos mviles, laptops
y pc entre otros. Su gran funcionalidad hace de HTML5 Y CSS3
que las pginas web tengan un gran rendimiento en carga de
imgenes, video, videojuegos, publicidad electrnica o
animaciones multimedia.
Con la interaccin de Responsive Web Design la tecnologa
de gran novedad en la actualidad hace que estas pginas web
puedan no solo ejecutarse sino adaptarse en todos los dispositivos
ya sean mviles.

ELEMENTO DE LA CAPACIDAD: Crear un archivo compatible con HTML5 ya sea en el notepad

u otro software en mi caso utilizare Adobe Dreamweaver,
disear la estructura semntica de HTML5, marquetear esta
estructura con CSS3, ejecutar un ejemplo para luego seguir
programando.
Indicadores de
Momento Acciones Recursos Tiempo
evaluacin.
- Se inici la actividad
formando grupos de
alumnos los cuales tratan
el ttulo de la clase.

- Oralmente averiguo los

saberes previos con la
siguientes preguntas:
Qu es una pgina web?
Qu es HTML? - Participa
Qu es html5 CSS3 activamente.
Responsive Web Design? - Monitor.
Diferencias entre el - Software.
- Responde las
Inicio antiguo HTML y su - Comunicacin
10 preguntas.
sucesor HTML5. verbal.
Principales etiquetas. - Plumones.
- Respeta las
- Pizarra.
Por qu usar HTML5? ideas de sus
Qu equipos o maquinas compaeros.
necesito para disear y
programar una sitio o
portal web en HTML5?
Qu es Responsive web
Design?
Es obligatorio usar
Responsive Web Design?
Beneficios de
Responsive Web Design.
 - Con la ayuda del
coordinador de grupo el
profesor entrega UN
MODELO DE
PLANTILLA WEB, y
las preguntas a resolver
- Material
antes de comenzar a - Los alumnos
Informativo.
disear una pgina web, dan respuesta a
Proceso - Software. 15
para que as los alumnos las
- Plumones.
piensen y expongan sus interrogantes.
- Pizarra.
ideas.
- Desarrollan el
ejercicio.
Evaluacin Prctica

Trabajos.
Disear y programar una
estructura HTML5.

Crear una hoja de estilos

con programacin CSS3.
Salida 05
Investigar para que
sirven y como incluir
Media Queries de CSS3

Pregunta del Auditorio.

3. ACTIVIDADES DEL APRENDIZAJE.

CONTENIDOS
Procedimentales Conceptuales Actitudinales
Aprecia el inters y respeto por la
Analiza la programacin Web Con HTML5 y comunicacin y confrontacin de
Construye prcticas
CSS3 ideas.
haciendo uso de
Historia de HTML y CSS. Valora la importancia de HTML5,
HTML5 y CSS3 en el
Explica lo entendido del tema. CSS3. Como una forma de
computador.
consolidar su aprendizaje, para
resolver situaciones problemticas.

4. COMPETENCIA:
Reconocer la ventaja de trabajar con html5, css3 y la interaccin de Responsive Web Design en el
Diseo y programacin de pginas web ya sea estticas o dinmicas.

5. ESTRATEGIAS METODOLOGICAS:

RESULTADO Anotan sus conclusiones.

Practico -Ponen en prctica lo aprendido con ayuda del computador.
Evaluacin - Resuelven la prctica.
- (grupo o personal)
Extensin - Imprime la estructura semntica de HTML5, seale las diferentes
etiquetas.
 Ejemplo de Evaluacin Prctica.
(Duracin: 15 min)

Vista desde un Simulador mvil.

Utilizando programacin web Html5, Hojas de Estilo en Cascada CSS3 para as lograr realizar los
diseos anteriores.

HE CONCLUIDO GRACIAS