Google Web Designer AFDAS

Objectifs

Cette formation vous permet de créer des animations, des annonces Web et mobile en utilisant les nouveaux standard HTML5.

Public

Graphistes, webdesigners, directeurs artistiques ou toute personne souhaitant réaliser des animations en HTML5 grâce à un outil simple.

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Connaissances de base en HTML et CSS

Formateur

Formateur expérimenté spécialiste des logiciels du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Introduction

  • Decouverte de l'interface
  • Configurer l'environement
  • Connexion au compte Google

Création et modification de contenu

  • Créer un nouveau document
  • Les proprietes d'élément
  • Le concept de page
  • Les tags
  • Importation d'images et de videos
  • La gestion du texte
  • La gestion de couleurs et degradés
  • Les outils de dessin pour canvas
  • Les outils 3D
  • La fenetre code
  • Le panneau CSS

Création d'animation

  • Introduction aux concepts d'animation: cles,interpolation, timeline, acceleration
  • Créer des animation en mode rapide
  • Création d'animation complexe avec le mode avancé
  • Gérer les accélerations
  • Imbriquer des animations
  • Faire boucler une animation
  • Utilisation de la bibliotheque
  • Grouper et encapsuler les éléments

Utilisation des composants

  • Découverte et utilisations des principaux composants
  • Utiliser des composants personnalisés
  • Comprendre l'API des composants

Ajouter des événements

  • Définir un evenement sur un element
  • Les différents types d'evenement
  • Les evenement de scenario
  • Création d'evenement personnalisés

Les modeles de document

  • Les bannieres
  • Les annonces extensibles
  • Les annonces interstitielles
  • Les templates d'annonce

Publication

  • Prévisualisation dans le navigateur
  • Publication local
  • Publication en ligne