Google web designer

Objectifs

• Concevoir et réaliser des publicités au format HTML
• Utiliser des fichiers Photoshop
• Animer des textes, images bitmaps
• 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 aux 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 type photoshop.

Public concerné

Webmasters, maquettistes, infographistes, communicants

Les annonces

• Bannières
• Annonces extensibles
• Annonces interstitielles
• Orienter pour les mobiles / repositionner
• Créer un modèle personnalisé

Créer une annonce

• Nouveau document
• Partir d’un modèle
Insérer des contenus
• Texte et Google Fonts
• Images
• Vidéo et son
• Les outils "Stylo" et "Forme"
Gérer les propriétés des objets
• Position, échelle, transparence, 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 responsive

• Le panneau "Responsive"
• Media Queries
• Points d’arrêt (cue point) vidéo
• Utilisation de la grille
• Mise en page fluide : alignement des éléments
• Redimensionnement de la fenêtre

Animation

• Mode rapide et avancé
• Les calques
• Le rythme (Easing)
• Animations imbriquées
• créer des Boucles
Gérer les éléments
• Bibliothèques locale
• Groupes et imbrication

Les composants

• Composants d'interactivité :
• Zone cliquable
• geste
• bouton
• Parallaxe
• Carousel
…

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