CURSO : HTML5 AVANZADO CON CSS3

DURACIN : 32 Horas / 16 Sesiones

PRE REQUISITO : Diagramacin HTML5 con Dreamweaver

SUMILLA

Durante el desarrollo del curso el alumno aprender en forma prctica, basado en fundamentos tericos las caractersticas de
HTML5 para poder migrar una web basada en XHTML o versiones anteriores a HTML5. Aprender las caractersticas de CSS3 para
mejorar el diseo y la interactividad sin necesidad de programar. Durante el desarrollo del curso aprender a utilizar los diversos
selectores CSS3 y las nuevas etiquetas HTML5 como los nuevos controles de formulario, sin necesidad de programar. Luego en la
etapa final, a fin de aprovechar las caractersticas de los nuevos objetos HTML5 se aplicar JavaScript en forma muy prctica a fin
de implementarlo sin complicaciones.

SES CONTENIDO

NUEVAS CARACTERSTICAS DE HTML5 Y CSS3.

1
Revisin de la evolucin y las nuevas caractersticas de HTML5 y CSS3.

COMPATIBILIDAD PARA VARIOS NAVEGADORES

2 Reseteando propiedades CSS
Ordenando los estilos

BACKGROUNDS MLTIPLES, TRABAJANDO CON UN SET DE BACKGROUNDS

3 Implementando varios diseos de background en un objeto.
Creacin de una botonera con un set de imgenes.

4 POSICIONAMIENTO FIJO, ABSOLUTO

Creando barras y elementos jos y elementos otantes.

FILTROS Y SELECTORES CSS3

5
Seleccionando diversos elementos del contenido de la pgina web para aplicar formatos especcos.

ANIMACIONES Y TRANSICIONES CSS3

6 Nuevos controles de formulario.
Animando elementos HTML con CSS3
Implementando nuevos controles de formulario

MEDIA QUERIES
7 Aplicando formato para varios dispositivos
Implementando estilos para que la pgina web sea adaptable a mviles, tablets, web y smartTV .

EDGE REFLOW
8 Creando Webs responsive con adobe Edge Reow.

SKELETON - PGINAS WEB RESPONSIVE

9 Frameworks CSS
Empleando cuadrculas Fluidas.
Empleando Skeleton
 BOOTSTRAP
- INTRODUCCIN
Contexto actual. Conceptos de frontend y responsive design.
Qu es Bootstrap? Para qu sirve y cul es el marco sobre el que acta.
Versiones de Bootstrap y alternativas.
Elementos que lo forman: CSS y JS.
Personalizacin.
10
CSS
Sistema de grids.
Tipografa.
Tablas.
Formularios.
Botones.
Imgenes.
Responsive design con Bootstrap.

BOOTSTRAP - COMPONENTES
Iconos: GlyphIcons vs FontAwesome. Otras fuentes.
Elementos generales: dropdowns, botones e inputs.
Elementos de navegacin.
Elementos de ayuda al usuario: breadcrumbs, paginacin, etiquetas y badges.
11
Elementos para destacar informacin: jumbotron y cabeceras.
Elementos de informacin de proceso: alertas y barras de progreso.
Media.
Elementos contenedores: thumbnails, Listgroup, panels y wells.

EDGE ANIMATE
12 - CREANDO ANIMACIONES
Creacin de animaciones bsicas

EDGE ANIMATE
13 - HERRAMIENTAS AVANZADAS
Creacin de Animaciones Responsive
Incorporacin a Dreamweaver

OBJETO CANVAS
Dibujando y creando diseos mediante JavaScript empleando como lienzo al objeto Canvas, as
14 como incorporando imgenes.

GEO POSICIONAMIENTO Y LOCAL STORAGE

Empleando las caractersticas de geo posicionamiento y almacenamiento local de HTML5

DIAGRAMACIN PHP/ PUBLICACIN FACEBOOK

Creando pginas Facebook
Diagramacin con PHP
15
Slideshows Fullscreen
Publicando una pgina en Facebook.
Implementacin de sitios con PHP.

16 EXAMEN FINAL + PROYECTO FINAL

Informes e Inscripciones
Av. Benavides 715, Miraores
Telf: 242-6890 / 242-6747
arteydiseno@ipad.edu.pe
Informes@ipad.edu.pe
http://www.ipad.pe/portal/inicio