Programación en HTML 5 + Hojas de estilo CSS3

Cursos BONIFICADOS para trabajadores y empresas

Duración: 50 horas

¿A QUIÉN VA DIRIGIDO?

  • A todas aquellas personas interesadas en dominar los lenguajes de programación HTML5.
  • Interesados en manejar con soltura las hojas de estilo CSS3.
  • Personal con ganas de aprender a crear programar y diseñar Páginas Web y aplicaciones web interactivas actuales, dinámicas, usables y multiplataforma, compatibles con todos los navegadores.

¿QUÉ VOY A APRENDER?

  • Aprender desde los conceptos básicos de la programación HTML y el diseño de hojas de estilo CSS.
  • Crear sitios web estáticos, basándonos en diseños predefinidos y plantillas creadas por nosotros mismos.

Temario

MODULO 1 - Programación con 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

MODULO 2. HOJAS DE ESTILO CSS3

UNIDAD 1 - Introducción a CSS3

  • ¿Qué es CSS3?
  • Selectores CSS3
  • Selectores relacionales
  • Selectores de atributo
  • Pseudo-clases
  • Pseudo-clases estructurales
  • Pseudo-elementos y contenido generado
  • Contenido generado
  • Video ejercicio - Introducción a CSS3
  • Autopráctica - Selectores
  • Autopráctica - Pseudo-elementos
  • Test - Introducción a CSS3

UNIDAD 2 - Colores y texto en CSS3

  • Colores HSL
  • Colores HSLA
  • Colores RGBA
  • Opacidad
  • Text-shadow
  • Text-overflow
  • Rotura de palabras largas
  • Web Fonts
  • Border-Radius
  • Sombras
  • Video ejercicio - Colores y texto en CSS3
  • Autopráctica - Página web formulario
  • Autopráctica - Border-Radius y sombras
  • Test - Colores y texto en CSS3

UNIDAD 3 - Degradados en CSS3

  • Degradados lineales
  • Degradados radiales
  • Degradados lineales de repetición
  • Degradados radiales de repetición
  • Múltiples imágenes de fondo
  • Tamaño de fondo
  • Video ejercicio - Degradados en CSS3
  • Autopráctica - Creando degradados I
  • Autopráctica - Creando degradados II
  • Test - Degradados en CSS3

UNIDAD 4 - Transformaciones y Transiciones

  • Transiciones
  • Transition-property
  • Transition-duration
  • Transition-timing-function
  • Transition-delay
  • La propiedad abreviada transition
  • Múltiples transiciones
  • Transformaciones
  • Traslación
  • Escalar
  • Rotación
  • Inclinación
  • Cambiar el origen de la transformación
  • Video ejercicio - Transformaciones y Transiciones
  • Autopráctica - Estilos de transición
  • Autopráctica - Estilo de transformación
  • Test - Transformaciones y transiciones

UNIDAD 5 - Animaciones en CSS3

  • Animaciones
  • Fotogramas clave
  • Propiedad animation-name
  • Propiedad animation-duration
  • Propiedad animation-timing-function
  • Propiedad animation-iteration-count
  • Propiedad animation-direction
  • Propiedad animation-delay
  • Propiedad animation-fill-mode
  • Propiedad animation-play-state
  • Propiedad abreviada animation
  • Video ejercicio - Animaciones en CSS3
  • Autopráctica - Crear una animación I
  • Autopráctica - Crear una animación II
  • Test - Animaciones en CSS3

UNIDAD 6 - Fuentes y Diseño multicolumna en CSS3

  • Importar fuentes tipográficas mediante Font-face
  • Aplicar la fuente
  • Tipos de fuentes y navegadores
  • La propiedad column-count
  • La propiedad column-gap
  • La propiedad column-width
  • La propiedad abreviada columns
  • Columnas y la propiedad height
  • Propiedad column-rule
  • Salto de columna
  • Inserción de imágenes
  • Textos multicolumna
  • Video ejercicio - Fuentes y Diseño multicolumna en CSS3
  • Autopráctica - Texto multicolumnas
  • Autopráctica - Mofidicar un texto multicolumnas
  • Test - Fuentes y Diseño multicolumna en CSS3
Centro de formacion subvencionada
Programación en HTML 5 + Hojas de estilo CSS3

50 horas

Si quieres saber más sobre nuestra política de privacidad puedes consultarla en este enlace: https://pentalearning.com/politica-de-privacidad

*queremos ofrecerte lo mejor en tu viaje al aprendizaje*

CONTACTA CON NOSOTROS