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

ÁREA: DESARROLLO 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 HTML5 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 Navegación en dispositivos móviles
1.2 Aplicaciones Web
2. HTML5
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
3.1 Audio
3.2 Video
4. CSS3
4.1 Evolución de las hojas de estilo en cascada
4.2 Selectores de elementos
4.3 Uso de colores
4.3.1 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 Uso de fuentes Google fonts
6.5 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 Prototipado de un sitio web: Wireframes, Mockups y Prototipos
7.4 Maquetación y rejillas fluidas
7.5 Diseño base
7.6 Empleo de Viewport
7.7 Adaptación con Media Queries
7.8 Tamaño en imágenes
7.9 Tamaño en las fuentes
7.10 Frameworks y plantillas Responsive Web Design
7.11 Mobile First Web Design, ventajas y desventajas
7.12 Usabilidad y Accesibilidad Web
8. POSICIONAMIENTO EN BUSCADORES
8.1 Características de los buscadores
8.2 Metadatos
8.3 Archivos de indexación
8.3.1 Archivo sitemap XML en Google Search Console
8.4 Google Analytics 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 y CSS3.

REQUISITOS ACADÉMICOS

Estudios mínimos de preparatoria o equivalente.

DURACIÓN

30 horas.

RECURSOS INFORMÁTICOS

BIBLIOGRAFÍA

  • Marcotte, Ethan. Responsive Web Design. A book apart, 2011.
  • Frain, Ben. Responsive Web design with HTML5 y CSS3. Packt Publishing, 2012.
  • Lazaris Goldstein, Alexis. HTML5 & CSS3 For The Real World. O Reilly, 2011.

Diciembre 2023

101124/E