Programación con HTML5

Duración: 

20 Horas

Costo:

$ 310.000

Modalidad de estudio: 

Virtual 

Inscripciones:

Abiertas 

HTML es el acrónimo de Hyper Text Markup language, lenguaje de marcas de hipertexto. Existen diferentes versiones de HTML, el W3C es la organización responsable de crear las especificaciones de HTML. La última versión disponible es HTML5.

Este curso realiza un recorrido completo por los principales elementos disponibles en HTML5. Sus nuevas características, vídeo, audio, formularios web y canvas de HTML5 se desarrollan de tal forma que el alumno pueda aprender de forma sencilla y muy práctica para diseñar páginas web avanzadas siguiendo las nuevas tendencias.

  • 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.

UNIDAD 1. 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 2. 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 3. 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 4. 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 5. 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 6. 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 7. 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