1. No category

Maquetado Avanzado:
HTML5 y CSS3
Programa de Estudio
www.educacionit.com
Maquetado Avanzado: HTML5 y CSS3
Domina lo último de los lenguajes más importantes en la Web: HTML 5 y CSS 3. Aprende a
realizar sitios Web de última generación con poderosos efectos multimediales, animaciones,
utilización avanzada de video y sonido, manejo de Javascript, formularios avanzados y mucho
más...
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 ultima generación
como geolocalización, animaciones con javascript, utilización delCANVAS,manejo 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.
www.educacionit.com
Requisitos
Es necesario, tener conocimientos básicos sobre Maquetación con Divs y CSS o haber realizado
el curso Maquetación Web: HTML 5 y CSS. También es recomendable aunque no excluyente
tener conocimientos de Javascript o haber realizado el curso Javascript Fundamentos
Modalidad de cursado
Puedes tomar este curso en modalidad presencial o modalidad a distancia
www.educacionit.com
En este curso aprenderás a
Dominar el nuevo paradigma de la Web.
Trabajar con las nuevas etiquetas de HTML.
Utilizar las nuevas propiedades de CSS 3.
Crear validaciones para los formularios.
Usar tipografías especiales.
Crear animaciones usando CSS.
Crear transformaciones mediante CSS.
Crear menúes desplegables sin usar Javascript.
Insertar videos y sonidos en la Web sólo mediante
etiquetas.
www.educacionit.com
Plan de Estudios
www.educacionit.com
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
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
www.educacionit.com
Etiqueta canvas
Propiedades de canvas
Ejemplos de métodos de dibujo con canvas
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
www.educacionit.com
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
4. Selectores
Gradient
Border image
Font face
Google font
Selectores avanzados
Hijo
Hermano
Hermano adyacente
Selector de atributos
Pseudoclases y pseudoelementos
5. Aspectos Avanzados
Transformaciones 2d
Transformaciones 3d
Transiciones
Animaciones con css
Media queries
www.educacionit.com
Apis relevantes de HTML 5
Geolocalizacion
Concepto de geolocalizacion
Ejemplo de uso
Eebstorage
Concepto de webstorage
Localstorage
Sessionstorage
Ejemplos de uso
www.educacionit.com
Lavalle 648 Piso 8, Microcentro, CABA
4328-7142
[email protected]
EducaciónIT. Copyright 2005-2016
www.educacionit.com