Formation Google Web Designer : créer des contenus HTML5

1/ Introduction

• Standards du web : HTML5/CSS3/JS

• Composantes du Responsive Design : grilles, médias queries

• Animations : JS vs Flash

• Le référencement, HTML5/CSS3 vs Flash

• Réseaux publicitaires et création d'animations

2/ Présentation Google Web Designer (GWD)

• Présentation, intérêt

• Les solutions apportées par GWD

• GWD vs Adobe Edge Animate

• GWD et Google Ads

3/ Découvrir Google Web Designer (GWD)

• Installation de GWD

• Découvrir l'interface

• Configurer l'environnement de travail

• Switcher entre les différentes vues

• La barre d’outils de création

• Les panneaux latéraux : palette de couleurs, propriétés, événements

• Les outils de gestion de la 3D

• La timeline

4/ Créer et modifier du contenu

• Créer un document

• Gérer les éléments et leurs propriétés

• Ajouter et gérer du contenu textuel

• Utiliser les Google Fonts

• Importer des images et des vidéos

• Utiliser les outils de dessin

• Utiliser la palette de couleur

• Structurer le document en divisions

• Enregistrer un modèle et réutiliser un groupe d’objets

5/ Gestion de la 3D

• La vue 3D

• Déplacement et rotation d'un objet

6/ Pris en main des outils d’animation

• Les concepts et outils de base : images clés, interpolation, timeline…

• Gérer les calques

• Utiliser le mode rapide ou le mode avancé

• Gérer l’accélération de l’animation

• Imbriquer les animations

• Créer une répétition

• Animer les couleurs

7/ Utilisation des composants

• Utiliser les principaux composants

• Personnaliser les composants

8/ Gérer les évènements

• Ajout d'un évènement à un contenu existant

• Utilisation des actions prédéfinies

• Création d'une action personnalisée

• Insertion d'une zone cliquable

9/ Visualiser et modifier le code

• Afficher le code du document

• Délimiter la portion de code d’un élément

• Modifier le code et appliquer les modifications

10/ Prévisualisation et publication de l’annonce

• Prévisualiser via un navigateur

• Connaître et appliquer les processus de publication : Double Click, AdMob…

11/ Intégrer le document GWD dans un projet Web

• Création d'un document HTML5/CSS3

• Intégration de contenus, d'objets animés