Maîtriser les Bannières Expansables dans le DOM

Dans cet atelier, découvrez comment gérer et programmer une expand banner en animant les dimensions du stage au sein du DOM d'une page web.

Détails de la leçon

Description de la leçon

Ce premier atelier vous propose une introduction aux différents assets que vous pourrez utiliser. Chaque session inclut un dossier avec le résultat attendu et un fichier de base pour commencer. Vous apprendrez comment animer les dimensions du stage, simuler un comportement expand et insérer une bannière publicitaire dans une page web. La leçon inclut une gestion en temps réel de la scène pendant l'animation et l'insertion d'une balise Canva dans une autre page HTML.

Objectifs de cette leçon

Maîtriser l'animation des dimensions du stage, comprendre le comportement des bannières expansables et savoir les intégrer dans une page web.

Prérequis pour cette leçon

Connaissances de base en programmation web et en manipulation du DOM.

Métiers concernés

Développeur web, Designer d'interface utilisateur, Spécialiste en marketing digital.

Alternatives et ressources

Utilisation de logiciels tels qu'Adobe Animate ou Google Web Designer pour la création d'animations similaires.

Questions & Réponses

Une expand banner est une bannière publicitaire interactive qui élargit ses dimensions lorsqu'un utilisateur effectue une action spécifique, comme un survol.
Cela permet de capter l'attention de l'utilisateur de manière engageante et interactive, augmentant ainsi les chances d'interaction avec la publicité.
Pour insérer une balise Canva dans une page HTML, il faut utiliser la balise et manipuler son contenu via JavaScript pour dessiner et animer les éléments graphiques.