1. Introducción1.1 ¿Por qué HTML5?1.2 Algunos conceptos básicos (“responsive”, SVG…)1.3 Ejemplos de infografías en la web1.4 La herramienta Adobe Edge Animate
2. Preparativos2.1 Ajustar un lienzo que se adapte2.2 Añadir un mapa vectorial ‘responsive’ de fondo2.3 Cartela de bienvenida ocultable
3. Animaciones básicas no interactivas3.1 Zoom por áreas del mapa3.2 Movimiento y “fade in” de objetos por el escenario3.3 Animación de máscaras de recorte3.4 Filtros de imagen animados
4. Iconos animados4.1 Creación de un símbolo animado con bucle (“loop”)
4.2 Mantener una biblioteca pública de símbolos animados
5. Un poco de interactividad, por favor5.1 El usuario elige qué escena de la infografía quiere ver5.2 Cómo controlar un símbolo animado5.3 Objetos deslizantes fácilmente5.4 Cargar fragmentos de infografía dinámicamente
6. Y otro poco de multimedia6.1 Efectos sonoros6.2 Vídeos que aparecen y desaparecen
7. Técnicas Avanzadas7.1 Alimentar la infografía con datos del exterior7.2 Arrastrar y soltar objetos
8. Maneras de Publicar8.1 Incrustado en una web o blog8.2 En publicaciones digitales8.3 Una aplicación para Android
Temario
inicio: 16 Febrero 2015
4 semanas
99€
duración:
precio:
Informes: [email protected]
Hagamos una infografía animada HTML5 para la web
Aprende cómo convertir cuentos ilustrados en papel en una experiencia interactiva para tablets
C U R S O O N L I N E
Recommended
