Programación con HTML5

135,00

Duración: 18 horas ONLINE  |  Ref (2037)
Consulte becas o como hacer el curso sin coste.

ID CURSO:

2037
MODALIDAD:

ONLINE
FAMILIA:

AD
HORAS:

18 horas
INICIO:

INMEDIATO
DURACIÓN:

Aprox.
4 semanas
Cantidad

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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.

Todas aquellas personas del sector que quieran seguir avanzando en 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.

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

Modalidad

online

Tipo formación

Curso online

Para enviarte información sobre este curso, por favor, rellena los siguientes datos:

Nombre (requerido)

Teléfono: (requerido)

Correo electrónico: (requerido)

Acepto la Política de privacidad

 

SKU: 2037 Categoría: