Programación en HTML 5 + Hojas de estilo CSS3

Curso ONLINE para trabajadores y empresas

¿Estás buscando un curso para aprender a programar en HTML5 y CSS3?

La combinación de herramientas de programación como HTML y CSS, son vitales para la creación de algunos de los mejores sitios web en línea. Con nuestro Curso de Programación en HTML 5 + Hojas de estilo CSS3 podrás conocer lo último en relación con las técnicas y herramientas para la creación de páginas web.

Nuestro curso de HTML5 te ofrece el aprendizaje de los conceptos básicos de programación HTML5, así como estructurar webs utilizando este reconocido lenguaje de programación. También aprenderás las distintas herramientas de las que dispones para personalizar el sitio.

En cuanto al curso de CSS3 nuestro temario te ofrece los conocimientos necesarios para manejar las hojas de estilo con CSS3, gracias a los cuales podrás crear llamativos y estupendos sitios web con diseños únicos y una gran programación.

50 horas
13 lecciones
ONLINE

¿QUÉ VOY A APRENDER?

  • Conceptos básicos de la programación HTML así como 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.

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

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
ME INTERESA ESTE CURSO
Haz clic aquí y te llamamos sin compromiso

METODOLOGÍA INNOVADORA

A través de un equipo multidisciplinar de docentes, seguirás una metodología de trabajo práctica y dinámica orientada por tutores expertos que te permitirán avanzar en el curso mientras solucionas tus dudas y preguntas a través de llamadas de teléfono, email o videollamadas.
 
Te ofrecemos una plataforma e-learning totalmente adaptada a tu empresa en la que tendrás acceso a una variedad de contenidos multimedia, dinámicos y actualizados, sin ningún tipo de barrera horaria o geográfica los 365 días del año sin excepción. 
 
Nuestro índice de finalización es nuestra mayor prueba de éxito ya que más del 90% de nuestros alumnos finalizan sus estudios satisfactoriamente.
ENVÍANOS TU E-MAIL Y CONTACTAMOS CONTIGO

EMPRESAS QUE CONFIAN EN NOSOTROS

QUIENES SOMOS

Nuestro centro de formación te ofrece diferentes cursos online y presenciales dentro de aulas donde podrás disfrutar de un aprendizaje de calidad en el mejor ambiente con tutores y personal cualificado.

Tenemos diferentes planes para cursos y certificados de profesionalidad 100% subvencionados que harán que multipliques tus opciones profesionales.

Hemos creado una metodología única, que se adapta a tus necesidades, con una plataforma de trabajo donde encontrarás todo el contenido. Nuestros tutores te motivarán para sacar lo mejor de ti, creemos en el espíritu de superación y en encontrar tus inquietudes para convertirlas en oportunidades.

Reproducir vídeo
SOLICITA INFORMACIÓN
Busca tu curso
Si te ha interesado este u otro de los cursos que ofrecemos, rellena el siguiente formulario para darte todo el programa e información detallada sobre el curso de tu interés.
 
Nuestras asesoras académicas se pondrán en contacto contigo con la mayor brevedad posible para ayudarte a encontrar la solución académica que más se ajuste a tus necesidades. 
SOLICITA INFORMACIÓN