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