Curso de HTML5 y CSS3

Educación IT
  • Curso y Capacitación
  • Duración 15 horas
  • Semi-online

Contenido del Curso

En este curso aprenderás las nuevas funcionalidades de HTML 5 y las últimas propiedades de CSS 3 para realizar sitios Web multiplataforma. Utilizando las técnicas de última generación como geolocalización, animaciones con javascript, utilización del CANVASmanejo avanzado de sonido y video, nuevos componentes y etiquetas, formularios avanzados, visualización en dispositivos móviles (iPhone, Androids, iPads), etc. 

El curso está basado en la aplicación de ejercicios prácticos de casos reales, con el fin de visualizar las buenas prácticas del uso de HTML5 y CSS3 y las nuevas tendencias para trabajar en la Web. En que parte, este nuevo lenguaje sustituye el uso de Flash y cuáles no.

 

Para quien está orientado el curso

Personas que quieran desempeñarse en el campo del diseño y la programación web, y que deseen desempeñarse como maquetadores e implementadores web.

 

Recursos adicionales entregados

Este curso incluye el acceso a una plataforma online donde encontrarás el material de lectura del curso, los laboratorios del mismo, prácticas resueltas y más información de interés como: documentos adicionales, descargas, videos relacionados, etc. Tendrás disponible la ejercitación y podrás realizar exámenes de autoevaluación luego de cada clase. Te permitirá también estar conectado con tu docente y compañeros del curso.

Clase 1

· Conceptos básicos de html 5

· Doctype

· Sintaxis de html 5

· Etiquetas semánticas

· header

· nav

· section

· article

· footer

· hgroup

· figure

· figcaption

· Script de compatibilidad de IE

 

Clase 2

· Etiquetas semánticas

· details

· button

· time

· mark

· ruby

· rt

· rp

· wbr

· bdi

· embed

· meter

· progress

· menu

· command

· Multimedia

· video

· Atributos de la etiqueta video

· audio

· Atributos de la etiqueta audio

· Etiqueta canvas

· Propiedades de canvas

· Ejemplos de métodos de dibujo con canvas

 

Clase 3

· Formularios

· Etiqueta label

· Etiqueta input

· type email

· url

· tel

· number

· range

· date

· time

· datetime

· datetime-local

· search

· color

· Atributos

· required

· autofocus

· autocomplete

· placeholder

· novalidate

· multiple

· max

· min

· step

· Atributos de sobreescritura

· Etiqueta datalist

· Atributo list

· Etiqueta keygen

· Etiqueta output

· CSS 3

· Estilos propietarios

· opacity

· modos de color rgb / rgba / hsl / hsla

· border radius

· box shadow

· text shadow

· fondos multiples

· background-size

· background-origin

· background-clip

· column count

· column-width

· column-gap

· column-rule

· word-wrap

· resize

 

Clase 4

· Gradient

· Border image

· Font face

· Google font

· Selectores avanzados

· Hijo

· Hermano

· Hermano adyacente

· Selector de atributos

· Pseudoclases y pseudoelementos

 

Clase 5

· Transformaciones 2d

· Transformaciones 3d

· Transiciones

· Animaciones con css

· Media queries

· Apis relevantes de HTML 5

· Geolocalizacion

· Concepto de geolocalizacion

· Ejemplo de uso

· Eebstorage

· Concepto de webstorage

· Localstorage

· Sessionstorage

· Ejemplos de uso

¿Querés recibir mas información sobre los requisitos?

  • Educación IT Sede Principal

Similares