Creación de sitios con HTML5 y diseño web responsivo


ÁREA: HERRAMIENTAS WEB

PRESENTACIÓN

Las características del lenguaje de marcas HTML5 son soportadas por los navegadores en sus versiones más recientes. A pesar de no ser un estándar, su presencia en Internet y la navegación desde dispositivos móviles lo hacen inminente. En este curso se incluye la instrucción fundamental para producir sitios con HTML5, adaptados de manera dinámica a la pantalla de los dispositivos con que se navega.

PERFIL DE INGRESO

Este curso está dirigido a los profesionales que deseen involucrarse en la construcción de sitios Web, con el empleo del concepto Responsive Web Design con HTML5 y CSS3. Se requiere haber acreditado o demostrar conocimientos equivalentes a los cursos Creación de sitios Web con HTML 5 e Introducción a la programación.

OBJETIVO

El participante creará sitios Web con el uso de las características básicas de HTML5 y CSS3, para producir contenidos con un diseño adaptable al tamaño de la pantalla de diversos dispositivos.

TEMARIO

1.INTRODUCCIÓN
1.1Evolución de HTML
1.2Navegación en dispositivos móviles
1.3Aplicaciones Web
2.HTML 5
2.1Etiquetas semánticas
2.2Encabezado y pie
2.3Navegación y laterales
2.4Secciones y artículos
2.5Formularios y validación
3.MULTIMEDIA
3.1Audio
3.2Video
4.CSS3
4.1Evolución de las hojas de estilo en cascada
4.2Selectores de elementos
4.3Generación de gradientes
4.4Uso de sombras y puntas redondeadas
4.5Herramientas para generar código CSS3
4.6Adaptación para navegadores fuera de estándar
5.TRANSFORMACIONES Y TRANSICIONES CSS3
5.1Transformaciones
5.2Transiciones
5.3Animaciones
6.MANEJO DE FUENTES
6.1Fuentes no estándar
6.2Parámetros en tamaño de fuente
6.3Uso de @font-face
6.4Sombreado de fuentes con CSS
7.INTRODUCCIÓN A RESPONSIVE WEB DESIGN
7.1Ventajas de adaptar el diseño al dispositivo
7.2Resoluciones a considerar
7.3Maquetación y rejillas fluidas
7.4Diseño base
7.5Empleo de Viewport
7.6Adaptación con Media Queries
7.7Tamaño en imágenes
7.8Tamaño en las fuentes
7.9Frameworks y plantillas Responsive Web Design
8.POSICIONAMIENTO EN BUSCADORES
8.1Características de los buscadores
8.2Metadatos
8.3Archivos de indexación
8.4Google Analitycs y métrica Web
8.5Importancia de las etiquetas semánticas
8.6Importancia del uso de etiquetas de título
8.7Texto alterno en imágenes

PERFIL DE EGRESO

Al término del curso el participante será capaz de planificar, maquetar y construir sitios con Responsive Web Design, a través de HTML5.

REQUISITOS ACADÉMICOS

Estudios mínimos de preparatoria o equivalente.

DURACIÓN

30 hrs.

 

Enero 2018

101124/E