INSTITUTO DE EDUCACIÓN SUPERIOR PRIVADO CIBERTEC

DIRECCIÓN ACADÉMICA
CARRERAS PROFESIONALES

ARQUITECTURA DE ENTORNOS WEB (AC1802)

CICLO 2020

SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

• Internet, Página web, Servidor web, Hosting, Navegador
UNIDAD 1 de internet, Navegador web.
Laboratorio Tema 1 3 horas
• Etapas de un proyecto web.
Fundamentos de un • Mapa de sitio.
proyecto web
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 2
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN

UNIDAD 1 • Wireframes. Beneficios de los wireframes. Tipos de

Laboratorio Tema 2 wireframes: baja y alta definición. 3 horas
Elementos gráficos de la • Programas online pare crear wireframes (baja)
Virtual web • Revisar el contenido virtual del tema. 1 hora
Semana 3
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Definición, Características.
• Estructura de una página HTML. Estructura del cuerpo de
una página HTML.
• Etiquetas básicas: encabezados <h1>, <h2> … <h6>,
Laboratorio UNIDAD 2 3 horas
párrafos <p>, líneas horizontales <hr>, saltos de línea <br>,
Tema 3 comentarios <!-- -->, listas ordenadas <ol> y desordenadas
Estructura básica HTML <ul>, texto itálico <em> y enfatizado <strong>.
• Estilos en línea: color de fondo, color de texto, centrado y
texto justificado a los márgenes.
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 4
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Imagen de fondo.
• Etiqueta de imagen <img> y atributos src, alt, width y
UNIDAD 2 height.
Laboratorio Tema 3 • Etiqueta para centrado de imágenes <center>. 3 horas
Estructura básica HTML • Etiquetas <figure> y <figcaption>.
• Etiqueta para hipervínculos <a> y atributo target.
• Enlace a un lugar de la misma página (id)
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 5
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Selectores internos.
UNIDAD 2
• Selectores de etiqueta.
Laboratorio Tema 4 3 horas
• Selectores descendentes.
Estilos CSS
• Selector de bloque <div>.
• Revisar el contenido virtual del tema.
Virtual • Revisar el contenido del tema en el aula virtual. 1 hora
Actividad Virtual 1

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

Semana 6
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Repaso de lo aprendido hasta el momento
Laboratorio UNIDAD 2 • Calificación en máquina y atención de reclamos 3 horas
Tema 4
Caso Práctico de Laboratorio 1
Estilos CSS
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 7
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Selectores externos.
• Selector universal.
Laboratorio UNIDAD 2 • Selectores de clase. 3 horas
Tema 4 • Modelo de cajas.
Estilos CSS
• Bordes
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 8
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Maquetación y bloques. Conceptos.
• Etiquetas de bloques: header, nav, aside, section, article,
UNIDAD 3 footer, div.
Laboratorio 3 horas
Tema 5 • Manejo de bloques.
Maquetación • Propiedades y estilos de los bloques: width, height,
margin, border, padding. Propiedades del box-sizing
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 9
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Diseño de menú. Creación de un menú con estilo. Ejercicio
Laboratorio UNIDAD 3 3 horas
integrador
Tema 5
Maquetación i • Revisar el contenido virtual del tema.
Virtual 1 hora
Actividad Virtual 2
Semana 10
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Repaso de lo aprendido hasta el momento.
Laboratorio UNIDAD 3 • Calificación en máquina y atención de reclamos 3 horas
Tema 5
Caso Práctico de Laboratorio 2
Maquetación
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 11
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Efecto hover
UNIDAD 4
Laboratorio Tema 12 • Transiciones y animaciones. 3 horas
Audio, video y efecto Avance de Proyectos 1
LightBox
Virtual • Revisar el contenido virtual del tema. 1 hora

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

 INSTITUTO DE EDUCACIÓN SUPERIOR PRIVADO CIBERTEC
DIRECCIÓN ACADÉMICA
CARRERAS PROFESIONALES

Semana 12
SESIÓN UNIDAD / TEMA ACTIVIDAD DURACIÓN
• Etiquetas de audio y video.
UNIDAD 4 • Propiedades de las etiquetas audio y video.
Laboratorio Tema 13 3 horas
• Etiqueta iFrame: mostrar video de Youtube.
Audio, video y efecto • Manejo de la herramienta LightBox.
LightBox
Virtual • Revisar el contenido virtual del tema. 1 hora
Semana 13
SESIÓN ACTIVIDAD DURACIÓN
Laboratorio Caso Práctico de Laboratorio 3 3 horas
Semana 14
SESIÓN ACTIVIDAD DURACIÓN
Laboratorio Sustentación de Proyecto 1 3 horas

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