Google Web Designer

Durée

2,00 jour(s)

Langue(s) de prestation

EN FR

Prochaine session

Qui organise cette formation ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

À qui s'adresse la formation?

Intégrateurs web, graphistes, développeurs

Prérequis

Notions web (HTML, CSS, JS)

Objectifs

Créer des annonces publicitaires - Créer des contenus animés - Modifier du code HTML5/CSS3.

Contenu

Comprendre le besoin

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
Google Web Designer: présentation, intérêt
Google Web Designer vs Adobe Edge Animate

Atelier: Installation et panorama de l'espace de travail, des panneaux et des outils

Créer des annonces graphiques rich media

Solutions publicitaires: DoubleClick Studio, AdMob, Ad Exchange...
Bannières, annonces extensibles et interstitielles
Définition des propriétés d'une annonce (environnement, taille, etc.)
Insertion de contenu texte
Gestion de la mise en forme et des Google Fonts
Ajout de contenu multimédia (images, vidéos)
Intégration et gestion de formes
Modification des couleurs et des propriétés
Gestion de l'alignement (entre deux objets ou par rapport au conteneur)
Prévisualisation d'une annonce
Publication d'une annonce suivant les plateformes

Atelier: Création et publication d'une bannière simple

Créer des annonces complexes

Découpage de son annonce en plusieurs divisions
Intégration de contenu dans une division
Encapsulation des objets
Ajout de composants (galerie d'images, vidéo Youtube, carte Google Maps...)
Gestion de la 3D: vue, déplacement et rotation d'un objet
Création et réutilisation d'un groupe d'objets
Création et enregistrement d'un modèle

Atelier: Création et publication d'une bannière structurée

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

Atelier: Affichage d'une légende suivant l'image d'un slider

Créer des animations

Modes de création: rapide ou avancé
Gestion des animations globales via les scènes
Animation d'un déplacement ou d'une rotation
Animation d'une couleur d'arrière-plan
Paramétrage d'une animation: durée, accélération ou décélération
Gestion des animations par objet via une timeline et des calques
Application d'une répétition pour une animation
Verrouiller ou masquer des calques
Insertion d'une image clé
Répétition sur l'ensemble des animations

Atelier: Animation des objets d'une annonce