M2i Formation
Web et Mobile Design - Animation Web
Google Web Designer - Créer des bannières publicitaires animées
Présentiel
2 jours (14 heures) - GOO-DES
Accueil › Formations Multimédia › Web et Mobile Design › Animation Web › Google Web Designer - Créer des bannières publicitaires animées
Objectifs pédagogiques
- Concevoir et réaliser des publicités au format HTML
- Utiliser des fichiers Photoshop et Illustrator pour améliorer le workflow
- Animer des textes, images bitmaps et vectorielles
- Intégrer des médias riches
- Exporter et optimiser les animations dans le respect des normes de l'IAB
- Publier les annonces publicitaires en HTML 5 dans le respect des normes IAB et Google DoubleClick.
Niveau requis
Avoir des connaissances de base de l'environnement HTML / CSS. Avoir la pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitable.
Public concerné
Webmasters, maquettistes, infographistes, responsables de communication, chefs de projets et responsables de campagne multicanal.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
1 020 € HT
Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.
Programme
2 jours (14 heures)
Les annonces
- Bannières
- Annonces extensibles
- Annonces interstitielles
- Orienter pour les mobiles / repositionner
- Créer un modèle personnalisé
- Annonces dynamiques
Créer une annonce
- Créer un document
- Utiliser un modèle
Insérer des contenus
- Texte et Google Fonts
- Images
- Vidéo et son
- Utiliser les outils "Stylo" et "Forme"
Gérer les propriétés des objets
- Couleurs et dégradés
- Utiliser la vue "Code"
- Modifier les styles CSS
Les outils 3D
- Modifier la vue 3D
- Pivoter
- Déplacer
Mise en page réactive
- Le panneau "Réactif"
- Media Queries
- Points d'arrêt
- Utilisation de la grille
- Mise en page fluide : alignement des éléments
- Redimensionnement de la fenêtre
Animer
- Mode rapide, mode avancé
- Travail en mode "Scène"
- Calques d'éléments
- Easing
- Animations imbriquées
- Boucles
Gérer les éléments
- Bibliothèques locale et DoubleClick Studio
- Groupes et encapsulations
Les composants
- Composants d'interactivité : zone cliquable, geste, bouton...
- Composants "Widget"
- Composants "API externes" : Google Maps, YouTube...
- Composants personnalisés
- API des composants
Les évènements
- Notion d'évènement
- Elément cible
- Repères et libellés d'évènements
- Actions personnalisées (JavaScript)
Publication
- Utiliser une image de chargement
- Annonce ou page HTML
- Publication locale
- Publication sur Google Drive
- Publication sur DoubleClick Studio