1
1. Introducción 1.1 ¿Por qué HTML5? 1.2 Algunos conceptos básicos (“responsive”, SVG…) 1.3 Ejemplos de infografías en la web 1.4 La herramienta Adobe Edge Animate 2. Preparativos 2.1 Ajustar un lienzo que se adapte 2.2 Añadir un mapa vectorial ‘responsive’ de fondo 2.3 Cartela de bienvenida ocultable 3. Animaciones básicas no interactivas 3.1 Zoom por áreas del mapa 3.2 Movimiento y “fade in” de objetos por el escenario 3.3 Animación de máscaras de recorte 3.4 Filtros de imagen animados 4. Iconos animados 4.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 favor 5.1 El usuario elige qué escena de la infografía quiere ver 5.2 Cómo controlar un símbolo animado 5.3 Objetos deslizantes fácilmente 5.4 Cargar fragmentos de infografía dinámicamente 6. Y otro poco de multimedia 6.1 Efectos sonoros 6.2 Vídeos que aparecen y desaparecen 7. Técnicas Avanzadas 7.1 Alimentar la infografía con datos del exterior 7.2 Arrastrar y soltar objetos 8. Maneras de Publicar 8.1 Incrustado en una web o blog 8.2 En publicaciones digitales 8.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 CURSO ONLINE

Curso online Infografías HTML5

Embed Size (px)

DESCRIPTION

Ficha de nuestro curso online de creación de infografías en HTML5 usando Edge Animate de Adobe.

Citation preview

Page 1: Curso online Infografías HTML5

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