V.
PROGRAMACIÓN ANALÍTICA
Módulo # 1. Título: HTML5
• Crea Sitios Web demostrando dominio del lenguaje de marcado HTML5 al incluir diferentes elementos, mediante el uso avanzado de las
nuevas etiquetas y atributos.
Sub – Competencias
• Explica las novedades que
aporta HTML5 para el
desarrollo de sitios web.
• Utiliza los elementos
estructurales de HTML5 en
la creación de páginas web.
• Explica qué elementos de
texto fueron redefinidos por
HTML5.
• Implementa las nuevas
características de los
formularios, para hacer más
atractivas las páginas web.
• Crea sitios web que utilicen
la inserción nativa de
elementos multimedia
(audio y video)
Duración (horas) Total: 20 Teóricas:10 Laboratorio: 10 Competencias del Módulo:
Contenidos Estrategias Didácticas/Recursos Evaluación
HTML5
1. Doctype. • Presentación de las nuevas características Diagnóstica:
2. Nuevos elementos que trae la última evolución del estándar • Interrogatorio oral
3. Elementos estructurales para la creación de contenidos web:
3.1 Header HTML5. /(1,6-10,12-15) Formativa:
3.2 Footer • Investigaciones
• Investigación sobre los nuevos elementos • Desempeño en la
3.3 Nav
que introduce HTML5./(1,11) realización de
3.4 Section
talleres de
3.5 Article
• Análisis de la estructura general de diversas laboratorio.
3.6 Aside plantillas para sitios web creadas con
3.7 Figure HTML5. /(1, 6-10,12-15) Sumativa:
3.8 Div • Presentación y
4. Elementos de texto redefinidos • Creación de páginas web implementando sustentación de la
5. Tipos de contenidos de los los nuevos elementos estructurales y los creación de páginas
elementos elementos de texto redefinidos. /(1, 16)
web (2).
6. Esquemas
• Estudio de las nuevas características de los
7. Nuevas características de los
formularios, los elementos para incluir audio
formularios y video. /(1,12-15)
7.1 Nuevos campos
7.2 Controles • Creación de páginas web implementando
7.3 Atributos las nuevas características de los
7.4 Validación nativa formularios, incluyendo los elementos
8. Elementos multimedia audio, video. /(1,11,16)
8.1 Video
8.2 Audio
Módulo # 2. Título: CSS3 Duración (horas) Total: 20 Teóricas:10 Laboratorio: 10 Competencias del Módulo:

• Manipula el aspecto de la Web y sus contenidos mediante hojas de estilo CSS3 externas, para mantener limpio el código HTML5.
• Identifica, combina y gestiona adecuadamente los estándares W3C para el diseño e implementación de Web dinámicas con incorporación de
recursos de Internet.
• Valora la importancia que tiene un buen diseño y estructura de la información de un sitio Web para el logro de los objetivos, tanto educativos
como empresariales.
Sub – Competencias Contenidos Estrategias Didácticas/Recursos Evaluación

• Explica las novedades que CSS3 • Presentación de las nuevas Diagnóstica:

aparecen con la nueva 1. Los prefijos para los características que trae la última • Interrogatorio oral
versión de las Hojas de estilo navegadores evolución del estándar para la
en cascada (CSS3) presentación y estilo de contenidos Formativa:
2. Nuevos selectores web: CSS3. /(1,5,18-22,25) • Investigaciones
• Utiliza técnicas de diseño 3. Nuevas propiedades para las • Desempeño en la
web avanzadas, que ilustren cajas • Investigación sobre los prefijos para realización de talleres
las propiedades más 3.1 Bordes redondeados los navegadores, que permiten la de laboratorio.
interesantes de CSS3, como 3.2 Degradados portabilidad de las propiedades.
los nuevos selectores, 3.3 Sombras /(1,24,25) Sumativa:
transiciones y
3.4 Transparencias • Presentación y
transformaciones, etc. • Investigación sobre el avance en la
4. CSS3 aplicado al texto sustentación del diseño
evolución de los módulos CSS3. (
5. Transiciones de páginas web (2).
http://www.w3c.org/Style/CSS/curre
6. Animaciones nt-work) /(1,5,17,24-26
7. Transformaciones
7.1 Rotación • Diseño de páginas web que utilicen los
7.2 Cambio de escala nuevos selectores, las nuevas
7.3 Deformación propiedades para las cajas y las
7.4 Desplazamiento nuevas propiedades para el texto.
/(1,5,21-26)

• Diseño de páginas web que utilicen la

posibilidad de mostrar transiciones,
animaciones y
transformaciones. /(1,5,18-20,25)

Módulo # 3. Título: Web dinámicas con JavaScript Duración (horas) Total: 24 Teóricas:12 Laboratorio: 12
Competencias del Módulo:
• Describe claramente los elementos y estructura del DOM y los métodos que proporciona JavaScript para su manejo.
• Utiliza adecuadamente JavaScript para dotar de dinamismo e interactividad a una Web, mediante la programación basada en eventos y las
novedades de HTML5 y CSS3.
Sub – Competencias Contenidos Estrategias Evaluación
Didácticas/Recursos
Web dinámicas con JavaScript
• Crea script, que enlaza a las 1. Programación básica con • Talleres de ejercitación y Diagnóstica:
páginas web, para la JavaScript práctica con modelos o • Interrogatorio oral
manipulación del Modelo de 2. Inclusión de código JavaScript ejemplos de aplicaciones de
Objetos del Documento en las páginas web. JavaScript. /(2,3,4,27-29) Formativa:
(DOM). • Desempeño en la
3. Validación de datos de
• Análisis de la estructura realización de talleres de
• Utiliza JavaScript, como formularios. jerárquica del DOM. /(2,3,4) laboratorio.
herramienta para utilizar las 4. DOM y JavaScript .
novedades de HTML5, como las 4.1 Concepto de modelo de • Estudio de los objetos y
API para el audio y el video. Objetos del Documento métodos proporcionados por Sumativa:
DOM. JavaScript para el manejo del • Prueba Escrita
4.2 Métodos esenciales de la DOM, los tipos de eventos • Proyectos de aplicación e
• Crea aplicaciones con las definidos, los modelos, integración de los
interfaz de programación del
tecnologías HTML5, CSS3 y objetos y métodos que se
DOM conocimientos (2).
utilizarán para
JavaScript para dispositivos 4.3 Métodos para seleccionar manejar eventos. /(2,3,4)
móviles. elementos
(getElementById, • Gestión de formularios con
getElementsByTagName, JavaScript. /(2,3,4)
getElementsbyClassName)
4.4 Métodos que permiten
obtener o establecer el valor • Creación de aplicaciones web
de los atributos interactivas, con animaciones
y dibujos realizados con el
(getAttribute y setAttribute). elemento canvas de HTML5
5. Elemento canvas y
5.1 Métodos básicos de dibujo JavaScript. /(2,3,4, 27-29)
5.2 Estilos de línea, gradientes
de color, etc.