Google Web Designer, créer des contenus riches pour le Web

Programmes de Google Web Designer, créer des contenus riches pour le Web

Les spécificités du Web de demain

• Tour d’horizon du Web : les spécificités du média Web, le Responsive Design.
• Le référencement, HTML5/CSS3 vs Flash.
• Google Web Designer et Google AdWords.
• Google Web Designer vs Adobe Edge Animate.
• Réflexion collective
• Partages d’expériences.

L’interface de Google Web Designer

• Créer des animations en mode rapide ou avancé.
• L’espace de travail. Le mode conception, le mode éditeur de code.
• La barre Vue.
• Les outils de création de textes et d’éléments.
• Les outils de sélection de couleurs et des outils 3D.
• La timeline.
• Les panneaux (couleur, propriétés, événements et CSS).
• Le centre d’aide.

Utilisation des outils d’animation

• Dessiner des formes géométriques avec l’outil Forme.
• Dessiner des lignes droites, des courbes et des lignes fermées avec l’outil Stylo.
• Ajouter du texte. Ajouter de la couleur à un objet.
• Bien utiliser la timeline, modifier l’accélération et la décélération d’une transition avec les lissages.
• Modifier les styles CSS d’un objet.

Les outils 3D

• Modifier la vue 3D.
• La rotation des objets en 3D.
• Modifier la position d’un objet.

Création d’annonces

• Les solutions publicitaires : les plateformes DoubleClick Studio et AdMob.
• Les bannières.
• Les annonces extensibles et interstitielles.
• Les composants pré-enregistrés (galerie à 360°, carrousel, vidéo, Youtube…).
• Ajouter des événements.
• Créer des annonces Generic (Ad Exchange).

Prévisualisation et publication

• Prévisualiser une annonce dans un navigateur.
• Processus de publication d’une annonce pour DoubleClick Studio.
• Processus de publication d’une annonce pour AdMob.

Création d’un document HTML

• Le HTML5 et le CSS3 avec GWD.
• Publier, intégrer vos éléments dans un projet global.