Google Web Designer, créer des contenus riches pour le Web en HTML5 et CSS3

Objectifs

Créer des contenus animés pour vos pages Web

Créer des annonces pour des réseaux publicitaires

Retoucher le code HMTL/CSS de vos contenus

Participants

Webmasters, graphistes ou toute personne en charge de la communication publicitaire de sites Internet.

Pré-requis

Connaissances de base en HTML et CSS

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

2 jours

Les sessions inter-entreprises

Date Session
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

GOWEBDESIG-HTLM5CSS3

Description détaillée

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.

Travaux pratiques 

Installation de Google Web Designer. Ouvrir son premier document.

 

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.

Travaux pratiques 

Création de contenus animés.

 

Les outils 3D 

Modifier la vue 3D.

La rotation des objets en 3D.

Modifier la position d'un objet.

Travaux pratiques 

Manipuler des objets en 3D.

 

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).

Travaux pratiques 

Réalisation de bannières publicitaires pour DoubleClick Studio ou AdMob.

 

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.

Travaux pratiques 

Prévisualisation en local

 
Création d'un document HTML
Le HTML5 et le CSS3 avec GWD.
Publier, intégrer vos éléments dans un projet global.
Travaux pratiques 
Réalisation d'un header animé.
 
 
 
 
 

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page