Introducción a HTML5 y CSS3

Formato: Classroom, Online, Onsite | Duración: 3 días

Descripción general

Descripción general

Este curso introduce a los alumnos a los cambios que han tenido lugar en los estándares Web desde el punto de vista del contenido y la presentación visual.

El curso no aborda aspectos relacionados con la programación (JavaScript, etc.), sino con el diseño de páginas Web.

Objetivos del curso

Objetivos del curso

Al finalizar el curso los alumnos podrán:

  • Conocer las novedades y diferencias con respecto a versiones anteriores
  • Poder usar las nuevas etiquetas semánticas correctamente para favorecer la presencia SEO individual o corporativa
  • Incorporar elementos multimedia y gráficos, usando las nuevas opciones del estándar
  • Crear formularios web con las nuevas opciones de validación y control de entradas
  • Diseñar interfaces Web Responsive utilizando las opciones de CSS3
  • Solucionar problemas comunes de presentación e interacción con el usuario
  • Conocer y profundizar en el uso de HTML5, CSS3 y sus posibilidades

Dirigido a

Dirigido a

Ingenieros y desarrolladores web habituados a trabajar con otras tecnologías Web y que estén acostumbrados a crear aplicaciones para entornos web.

Prerrequisitos

Prerrequisitos

Los alumnos deben conocer las características del desarrollo web.

Contenido del curso

Contenido del curso

1. HTML 5

  • Compatibilidad hacia atrás
  • Etiquetas obsoletas
  • La sintaxis general de HTML
  • Etiquetas modificadas
  • Cambios genéricos
  • Etiquetas estructurales y semánticas
  • <section>
  • Etiquetas de esquema de documento
  • Ejemplo “oficial”
  • Implementación práctica de una entrada de un blog
  • DEMO: Prototipo de un blog
  • <figure>
  • La oferta multimedia: <video>, <audio>, <source> y <track>
  • Utilización de las etiquetas <video> y <audio>
  • <source>
  • Otros atributos complementarios
  • Ejemplo básico de uso
  • <audio>
  • Etiquetas clásicas
  • Ejemplo de uso de <embed>
  • <mark> <progress> <meter> <time> <wbr> <details>  <datalist> y <canvas>
  • Dibujando sobre el <canvas>
  • Trabajando con texto
  • Utilizando imágenes en un <canvas>
  • Transformaciones
  • Animaciones
  • Soporte SVG

2. Atributos

  • Atributos <input> y la API HTML para formularios
  • Marcadores de posición
  • Autofoco y Autocompletar
  • <datalist> e <input>
  • Manejo de entradas numéricas
  • Manejo de fecha con formato de entradas
  • Validaciones
  • Patrones
  • API para Validaciones
  • WAI-ARIA
  • Atributos Data-

3. CSS 3

  • Nuevos atributos para otros elementos existentes
  • Revisión: Estructura de un documento CSS
  • Reglas: definición y tipos
  • Los dos triángulos esquemáticos: Ubicación y Selección
  • Posicionamiento
  • La especificación CSS3. Estado actual
  • Hojas de estilos de gestión
  • Trabajar con fuentes Web
  • Texto: nuevas opciones
  • Administración de fondos y colores
  • Tipos de valores
  • Degradados y paletas de colores
  • Efectos visuales
  • Cuadros y bordes
  • Columnas
  • Transiciones
  • Animaciones

Interesante?

¿Quieres más información sobre este curso? Contacta con nosotros y te asesoraremos