INSTITUTO DE EDUCACIÓN SUPERIOR PRIVADO CIBERTEC

DIRECCIÓN ACADÉMICA
CARRERAS PROFESIONALES

ARQUITECTURA DE ENTORNOS WEB (EA1802)

CICLO 2021
Sesión 1
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

UNIDAD 1 • Proyecto Web

Internet, Página web, Hipertexto, Servidor Web, Hosting,
Laboratorio Tema 1 3 Horas
HTML, Navegadores de Internet, Proyecto Web, Etapas de un
Proyecto web1
proyecto Web, Mapa de Sitio
Sesión 2
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
UNIDAD 1 • Elementos gráficos de la web
Tema 2 Wireframes. Beneficios de los wireframes. Tipos de
Laboratorio 3 Horas
Elementos gráficos wireframes: baja y alta definición. Programas online pare
de la web crear wireframes de baja fidelidad
Sesión 3
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
UNIDAD 2 • Estructura básica HTML
Tema 3 Definición, Características, Estructura de una página HTML,
Laboratorio 3 Horas
Estructura básica Etiquetas básicas, Etiquetas para hipervínculos, Estilos en
HTML línea: uso del atributo style
Sesión 4
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Estructura básica HTML
UNIDAD 2 Estructuras básicas – repaso, Etiqueta de imagen <img>,
Tema 3 Etiquetas para figuras <figure> y <figcaption>, Uso de anclas:
Laboratorio 3 Horas
Estructura básica Enlace a un lugar de la misma página (id)
HTML
Caso Práctico de Laboratorio 1
Sesión 5
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

UNIDAD 2 • Estilos CSS

Tema 4 Selector de estilo CSS: Tipos de estilos
Laboratorio 3 Horas
Selectores CSS: Universal, etiqueta, descendente, clase, id
Estilos CSS
Combinación de selectores
Sesión 6
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Modelo de cajas y posicionamiento
UNIDAD 3 Modelo de cajas
Tema 5 Posicionamiento de cajas: estático, relativo, absoluto,
Laboratorio 3 Horas
Modelo de cajas y flotante, visualización: block, inline, z-index
posicionamiento Etiquetas estructurales: header, nav, aside, main, section,
article, footer
Sesión 7
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

UNIDAD 3 • Modelo de cajas y posicionamiento

Tema 5 Modelo de cajas y posicionamiento
Laboratorio Etiquetas estructurales 3 Horas
Modelo de cajas y
Etiquetas estructurales flexibles: box-sizing, flexible box
posicionamiento
layout, grid
IES Privado Cibertec Escuela de Tecnologías de la Información Página 1
 INSTITUTO DE EDUCACIÓN SUPERIOR PRIVADO CIBERTEC
DIRECCIÓN ACADÉMICA
CARRERAS PROFESIONALES

Sesión 8
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Creación de Menú
UNIDAD 3 Diseño de un menú
Laboratorio Tema 6 Creando un menú utilizando estilo a los elementos 3 Horas
Creación de Menú Desarrollo práctico
Caso Práctico de Laboratorio 2
Sesión 9
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Audio, video e iFrame
UNIDAD 4 Etiqueta de audio: propiedades y atributos
Tema 7 Etiqueta de video: propiedades y atributos
Laboratorio 3 Horas
Audio, video e Etiqueta Iframe: reproducir videos de Youtube
iframe
Avance de Proyecto
Sesión 10
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

UNIDAD 4 • Animaciones
Tema 8 Animaciones, propiedades
Laboratorio 3 Horas
Transiciones, propiedades
Animaciones
Transformaciones, propiedades
Sesión 11
SESIÓN ACTIVIDAD DURACIÓN
• Formularios
Elementos de un formulario
UNIDAD 5 Nuevos atributos para la etiqueta INPUT: number, range, url,
Laboratorio Tema 9 email, date, etc. 3 Horas
Formularios Atributos del formulario: vistosidad y validación
Caso Práctico de Laboratorio 3
Sesión 12
SESIÓN ACTIVIDAD DURACIÓN
Laboratorio Sustentación de Proyecto 3 Horas

IES Privado Cibertec Escuela de Tecnologías de la Información Página 2