CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Intégrer une bannière animée dans Dreamweaver

Retour à la formation
Chapitre 15 Leçon 3
Précédent
Suivant

Apprenez à intégrer une bannière animée créée avec Edge Animate dans votre maquette HTML sous Dreamweaver.

Détails de la leçon

Description de la leçon

Cette leçon vous guide pour intégrer une bannière aux dimensions animées à l'intérieur d'une mise en page Dreamweaver. Vous verrez comment exporter une animation depuis Edge Animate au format OAM, qui est compatible avec Dreamweaver, puis comment l'importer et l'insérer dans votre maquette HTML. Afin de préparer l'animation, l'instructeur ajoute une image d'arrière-plan pour l'agrémenter. Vous apprendrez également à paramétrer les dimensions et la couleur de fond du bloc div contenant l'animation afin qu'elle s'intègre parfaitement sans chevaucher le texte existant.
La leçon couvre la sélection du répertoire de destination pour l'exportation, la nomenclature de l'animation, et l'emplacement du fichier OAM à côté de votre maquette HTML. Ensuite, elle montre comment utiliser la fenêtre d'insertion dans Dreamweaver pour intégrer le fichier OAM dans votre document HTML. L'importance de vérifier et valider les dimensions de l'animation est également abordée pour garantir une publication sans erreurs.

Objectifs de cette leçon

L'objectif de cette vidéo est d'enseigner à intégrer efficacement une bannière animée dans une maquette HTML Dreamweaver, en suivant un processus rigoureux d'exportation et d'importation.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en Dreamweaver et Edge Animate.

Métiers concernés

Ces compétences sont particulièrement utiles pour les intégrateurs web, les graphistes web, et les développeurs front-end.

Alternatives et ressources

Comme alternatives, vous pourriez utiliser Adobe Animate ou Google Web Designer pour créer des animations similaires.

Questions & Réponses

Le format de fichier utilisé est le format OAM, qui est compatible avec Dreamweaver.
Il est important de valider les dimensions pour garantir que l'animation s'affiche correctement sans chevaucher les autres éléments de la page.
Placer un bloc div à un index z supérieur permet de le positionner au premier plan, ce qui est essentiel pour les animations en transparence.