Programación con HTML5 - 15 Horas

Duración:

15 Horas

Objetivos:

El objetivo general del curso es conseguir que el alumno sea capaz de realizar páginas web optimizadas utilizando la versión más actual de HTML.

Al final el curso el alumno será capaz de:

- Reconocer los principales elementos disponibles en HTML5
- Dominar cuáles son los elementos que tiene la estructura básica de una página web creada con HTML5.
- Conocer cuáles son los cambios principales entre las dos versiones.
- Trabajar con las opciones de vídeo y audio que nos ofrece HTML5, formularios en HTML5 y la API de Canvas en HTML5.

Contenido

UNIDAD.- HTML5

-      ¿Qué es HTML5?
-      La plantilla de HTML5
-      DOCTYPE
-      El elemento HTML
-      El elemento HEAD
-      El elemento body
-      El elemento meta
-      El elemento title
-      El elemento link
-      Funciona HTML5 en navegadores antiguos
-      Cierre de etiquetas en HTML5
-      Video ejercicio - HTML5
-      Autopráctica - Código fuente
-      Autopráctica - Crea una página web
-      Test - HTML5

UNIDAD.- Estructura de página HTML5

-      El esquema de documento
-      Elemento header
-      Elemento nav
-      Elemento section
-      Elemento aside
-      Elemento footer
-      Elemento article
-      Elemento Hgroup
-      Elemento figure
-      Elemento figcaption
-      Elemento mark
-      Elemento progress y meter
-      Elemento time
-      Elemento dialog
-      Elemento embed
-      Video ejercicio - Estructura de página HTML5
-      Autopráctica - Estructura de página HTML5
-      Autopráctica - Insertando contenido a la página
-      Test - Estructura página HTML5

UNIDAD.- Nuevas características

-      Elementos eliminados en HTML5
-      Atributos eliminados en HTML5
-      Elementos de bloque dentro de vínculos
-      Cambios en el texto
-      Negrita
-      Cursiva
-      Tamaño del texto
-      Elemento cite
-      Listas de descripción
-      Elemento details
-      Listas ordenadas personalizadas
-      Estilos con scoped
-      Video ejercicio - Nuevas características
-      Autopráctica - Realizando cambios
-      Autopráctica - Listas
-      Test - Nuevas características

UNIDAD.- Vídeo y Audio con HTML5

-      El video con HTML5 en los navegadores
-      Elemento video
-      Atributos del elemento video
-      Formatos de video
-      El atributo autoplay
-      El atributo loop
-      El atributo preload
-      El atributo poster
-      Elemento audio
-      Crear controles personalizados
-      Video ejercicio - Vídeo y Audio con HTML5
-      Autopráctica - Video y audio
-      Autopráctica - Atributos de Video
-      Test - Vídeo y Audio con HTML5

UNIDAD.- Formularios Web con HTML5: Atributos

-      El atributo required
-      El atributo autofocus
-      El atributo min
-      El atributo max
-      El atributo pattern
-      El atributo placeholder
-      El atributo step
-      El atributo accept
-      El atributo readonly
-      El atributo multiple
-      El atributo form
-      El atributo autocomplete
-      El atributo datalist
-      El atributo list
-      Video ejercicio - Formularios Web con HTML5: Atributos
-      Autopráctica - Formulario Web HTML5. Atributos
-      Autopráctica - Formulario Web HTML5. Atributos II
-      Test - Formularios Web con HTML5: Atributos

UNIDAD.- Formularios Web con HTML5: Elementos

-      Nuevas entradas de datos en formularios
-      El elemento output
-      El elemento keygen
-      El elemento form
-      El elemento optgroup
-      El elemento textarea
-      Video ejercicio - Formularios Web con HTML5: Elementos
-      Autopráctica - Formulario Web HTML5. Elementos
-      Autopráctica - Formulario Web HTML5. Elementos II
-      Test - Formularios Web con HTML5: Elementos

-    UNIDAD.- Canvas de HTML5

-      La etiqueta Canvas de HTML5
-      Para qué sirve Canvas
-      Preparando el lienzo
-      Canvas de HTML5 y JavaScript
-      Dibujo de figuras con Canvas de HTML5 I
-      Dibujo de líneas y combinación
-      Dibujo de líneas y combinación II
-      Dibujo de líneas y combinación III
-      Dibujo de líneas y combinación IV
-      Procesando imágenes
-      Video ejercicio - Canvas de HTML5
-      Autopráctica - elemento.rect
-      Autopráctica - Curvas bezier
-      Test - Canvas de HTML5