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

Importation d'Animations dans Dreamweaver

Retour à la formation
Chapitre 8 Leçon 7
Précédent
Suivant

Découvrez deux techniques pour importer des animations dans Dreamweaver, soit en utilisant le code HTML soit en intégrant des fichiers OAM.

Détails de la leçon

Description de la leçon

Pour intégrer une animation dans une page Dreamweaver, deux méthodes principales s'offrent à vous. La première méthode consiste à copier-coller les codes HTML de l'animation effectuée dans Edge Animate et à les insérer dans la page Dreamweaver. Cette méthode nécessite une compréhension de base du HTML, mais elle est relativement simple à mettre en œuvre.

La seconde méthode est plus conviviale et implique l'exportation d'un fichier OAM. Ce fichier, qui contient toutes les données nécessaires à l'animation, peut être directement importé dans Dreamweaver sans qu'il soit nécessaire de modifier le code. Cette méthode est particulièrement utile pour ceux qui préfèrent éviter de manipuler du code.

Les deux méthodes requièrent une structuration adéquate des fichiers et une bonne gestion des répertoires pour que les animations s'affichent correctement. Dans ce tutoriel, nous allons explorer ces deux techniques en détail pour vous permettre de choisir celle qui convient le mieux à vos besoins.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment :
- Ajouter une animation Edge dans une page HTML de Dreamweaver en utilisant du code HTML.
- Exporter et importer un fichier OAM dans Dreamweaver pour une intégration plus facile.

Prérequis pour cette leçon

Les prérequis pour suivre cette vidéo incluent :
- Une connaissance de base du HTML.
- Une expérience préalable avec Dreamweaver et Edge Animate.

Métiers concernés

Cette vidéo est particulièrement utile pour les professionnels des métiers suivants :
- Développeurs Web : pour intégrer des animations interactives sur des sites web.
- Concepteurs Multimédias : pour enrichir l'expérience utilisateur avec des animations attrayantes.

Alternatives et ressources

Comme alternatives, vous pouvez utiliser :
- CSS Animations : pour des animations légères directement intégrées dans le CSS.
- JavaScript Libraries : comme GreenSock (GSAP) pour des animations plus complexes.

Questions & Réponses

La première méthode consiste à copier-coller les codes disponibles au sein de la page HTML.
L'export d'un fichier OAM permet une intégration directe dans Dreamweaver sans avoir à manipuler le code.
Il faut aller dans 'Fichier', 'Paramètres de publication', décocher l'option Web, cocher 'Package de déploiement Animate', choisir le répertoire de stockage, nommer l'animation, puis cliquer sur 'Enregistrer' et 'Publier'.