Formation Google Web Designer Créer des animations web et des bannières au format HTML

Le mobile, devenant de plus en plus la norme, et l'abandon de la technologie Flash ont forcé le développement d'animations et de bannières à migrer vers la technologie HTML, CSS et Javascript. Google Web Designer (GWD) est un outil dédié à la création d'animations au format HTML, ergonomique et facile d’accès. Il possède des bibliothèques permettant de résoudre les principaux problèmes rencontrés lors du développement. A l’issue de la formation, le participant pourra créer des animations web et des bannières optimisées pour les principales régies du marché.

Public :

Ce cours s'adresse aux Graphistes, Intégrateurs, Chefs de projets.

Prérequis :

Des connaissances en HTML et CSS sont un plus.
 

Découvrir Google Web Designer (GWD)

Découvrir l'interface
Configurer l'environnement
Connexion au compte Google

Créer et modifier du contenu

Créer un nouveau document
Les propriétés d'élément
Le concept de page
Les tags
Importer des images et des vidéos
La gestion du texte
La gestion de couleurs et de degradés
Les outils de dessin pour canvas
Les outils 3D
La fenêtre code
Le panneau CSS

Créer des animations

Introduction aux concepts d'animation : clés, interpolation, timeline, accélération
Créer des animations en mode rapide
Création d'animation complexe avec le mode avancé
Gérer les accélérations
Imbriquer des animations
Faire boucler une animation
Utilisation de la bibliothèque
Grouper et encapsuler les éléments

Utiliser les composants

Découverte et utilisation des principaux composants
Utiliser des composants personnalisés
Comprendre l'API des composants

Ajouter des évènements

Définir un évènement sur un élément
Les différents types d'évènements
Les évènements de scénario
Création d'évènements personnalisés

Les modèles de document

Les bannières
Les annonces extensibles
Les annonces interstitielles
Les templates d'annonce

Publication

Prévisualisation dans le navigateur
Publication locale
Publication en ligne.

Les participants manipulent Google Web Designer dès le début de la formation. Les exercices pratiques récapitulatifs et en autonomie partielle représentent 4 à 5 heures du temps du stage.