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.

Contactez-nous

1 020 € HT

Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.

Contactez-nous

1 020 € HT

Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.

Contactez-nous

1 020 € HT

Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.

Contactez-nous

1 020 € HT

Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.

Contactez-nous

1 020 € HT

Pour connaître les prochaines dates disponibles, en présentiel ou à distance, contactez-nous.

Contactez-nous

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