Programación con HTML5

Este curso te enseñará a crear sitios web profesionales utilizando HTML5, el lenguaje de marcado estándar de la web. Aprenderás a estructurar y presentar contenido de manera clara y atractiva en la web, utilizando etiquetas HTML5 y CSS3. Desde los conceptos básicos hasta las técnicas avanzadas, este curso te brindará las habilidades y conocimientos necesarios para ser un desarrollador web competente.

 

Objetivos:

  • Comprender los conceptos básicos de HTML5 y su aplicación en la creación de sitios web.
  • Aprender a estructurar y presentar contenido en la web utilizando etiquetas HTML5.
  • Desarrollar habilidades para crear formularios y tablas con HTML5.
  • Aprender a utilizar multimedia, incluyendo imágenes, audio y video, en sitios web con HTML5.
  • Comprender cómo utilizar HTML5 y CSS3 juntos para crear estilos y diseños atractivos para sitios web.
  • Desarrollar habilidades para crear y desplegar sitios web profesionales y atractivos utilizando HTML5 y CSS3.

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

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

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

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

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

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

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
  • Dibujo de líneas y combinación
Scroll al inicio