CURSO : HTML5 AVANZADO CON CSS3 PRE – …CURSO : HTML5 AVANZADO CON CSS3 DURACIÓN : 32 Horas / 16...
2
SUMILLA CONTENIDO SES Durante el desarrollo del curso el alumno aprenderá en forma práctica, basado en fundamentos teóricos las características de HTML5 para poder migrar una web basada en XHTML o versiones anteriores a HTML5. Aprenderá las características de CSS3 para mejorar el diseño 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 características de los nuevos objetos HTML5 se aplicará JavaScript en forma muy práctica a fin de implementarlo sin complicaciones. 2 3 4 5 6 7 8 9 1 CURSO : HTML5 AVANZADO CON CSS3 DURACIÓN : 32 Horas / 16 Sesiones PRE – REQUISITO : Diagramación HTML5 con Dreamweaver NUEVAS CARACTERÍSTICAS DE HTML5 Y CSS3. • Revisión de la evolución y las nuevas caracteríscas de HTML5 y CSS3. COMPATIBILIDAD PARA VARIOS NAVEGADORES • Reseteando propiedades CSS • Ordenando los eslos BACKGROUNDS MÚLTIPLES, TRABAJANDO CON UN SET DE BACKGROUNDS • Implementando varios diseños de background en un objeto. • Creación de una botonera con un set de imágenes. MEDIA QUERIES • Aplicando formato para varios disposivos • Implementando eslos para que la página web sea adaptable a móviles, tablets, web y smartTV . FILTROS Y SELECTORES CSS3 • Seleccionando diversos elementos del contenido de la página web para aplicar formatos específicos. ANIMACIONES Y TRANSICIONES CSS3 • Nuevos controles de formulario. • Animando elementos HTML con CSS3 • Implementando nuevos controles de formulario POSICIONAMIENTO FIJO, ABSOLUTO • Creando barras y elementos fijos y elementos flotantes. EDGE REFLOW • Creando Webs responsive con adobe Edge Reflow. SKELETON - PÁGINAS WEB RESPONSIVE • Frameworks CSS • Empleando cuadrículas Fluidas. • Empleando Skeleton
Transcript of CURSO : HTML5 AVANZADO CON CSS3 PRE – …CURSO : HTML5 AVANZADO CON CSS3 DURACIÓN : 32 Horas / 16...
SUMILLA
CONTENIDO SES
Durante el desarrollo del curso el alumno aprenderá en forma práctica, basado en fundamentos teóricos las características de HTML5 para poder migrar una web basada en XHTML o versiones anteriores a HTML5. Aprenderá las características de CSS3 para mejorar el diseño 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 características de los nuevos objetos HTML5 se aplicará JavaScript en forma muy práctica a fin de implementarlo sin complicaciones.
2
3
4
5
6
7
8
9
1
CURSO : HTML5 AVANZADO CON CSS3DURACIÓN : 32 Horas / 16 Sesiones PRE – REQUISITO : Diagramación HTML5 con Dreamweaver
NUEVAS CARACTERÍSTICAS DE HTML5 Y CSS3.• Revisión de la evolución y las nuevas características de HTML5 y CSS3.
COMPATIBILIDAD PARA VARIOS NAVEGADORES• Reseteando propiedades CSS• Ordenando los estilos
BACKGROUNDS MÚLTIPLES, TRABAJANDO CON UN SET DE BACKGROUNDS• Implementando varios diseños de background en un objeto.• Creación de una botonera con un set de imágenes.
MEDIA QUERIES• Aplicando formato para varios dispositivos• Implementando estilos para que la página web sea adaptable a móviles, tablets, web y smartTV .
FILTROS Y SELECTORES CSS3• Seleccionando diversos elementos del contenido de la página web para aplicar formatos específicos.
ANIMACIONES Y TRANSICIONES CSS3• Nuevos controles de formulario.• Animando elementos HTML con CSS3• Implementando nuevos controles de formulario
POSICIONAMIENTO FIJO, ABSOLUTO• Creando barras y elementos fijos y elementos flotantes.
EDGE REFLOW• Creando Webs responsive con adobe Edge Reflow.
SKELETON - PÁGINAS WEB RESPONSIVE• Frameworks CSS• Empleando cuadrículas Fluidas.• Empleando Skeleton
Informes e InscripcionesAv. Benavides 715, MirafloresTelf: 242-6890 / [email protected]@ipad.edu.pehttp://www.ipad.pe/portal/inicio
14
15
16 EXAMEN FINAL + PROYECTO FINAL
BOOTSTRAP- INTRODUCCIÓN• Contexto actual. Conceptos de frontend y responsive design.• ¿Qué es Bootstrap? Para qué sirve y cuál es el marco sobre el que actúa.• Versiones de Bootstrap y alternativas.• Elementos que lo forman: CSS y JS.• Personalización.
CSS• Sistema de grids.• Tipografía.• Tablas.• Formularios.• Botones.• Imágenes.• Responsive design con Bootstrap.
11
12
13
10
BOOTSTRAP - COMPONENTES• Iconos: GlyphIcons vs FontAwesome. Otras fuentes.• Elementos generales: dropdowns, botones e inputs.• Elementos de navegación.• Elementos de ayuda al usuario: breadcrumbs, paginación, etiquetas y badges.• Elementos para destacar información: jumbotron y cabeceras.• Elementos de información de proceso: alertas y barras de progreso.• Media.• Elementos contenedores: thumbnails, Listgroup, panels y wells.
EDGE ANIMATE- CREANDO ANIMACIONES• Creación de animaciones básicas
EDGE ANIMATE- HERRAMIENTAS AVANZADAS • Creación de Animaciones Responsive• Incorporación a Dreamweaver
OBJETO CANVAS• Dibujando y creando diseños mediante JavaScript empleando como lienzo al objeto Canvas, así como incorporando imágenes.
GEO POSICIONAMIENTO Y LOCAL STORAGE• Empleando las características de geo posicionamiento y almacenamiento local de HTML5
DIAGRAMACIÓN PHP/ PUBLICACIÓN FACEBOOK• Creando páginas Facebook• Diagramación con PHP• Slideshows Fullscreen• Publicando una página en Facebook.• Implementación de sitios con PHP.
