Table des matières:
- Problèmes possibles avec les fichiers CSS
- Les images apparaissent dans le panneau Bibliothèque
- Le texte est importé en tant qu'élément
Vidéo: Adobe Animate CC: Add to HTML web page 2024
Adobe Edge Animate CC est très facile à utiliser. Si vous avez une page Web HTML (bien que très basique) que vous souhaitez animer, cliquez sur Ouvrir le fichier dans l'écran d'accueil pour commencer à l'utiliser.
Assurez-vous que toutes les images et les fichiers associés se trouvent dans le même dossier que le fichier htm lorsque vous l'ouvrez, ou dans un dossier imbriqué dans le fichier htm. Sinon, ils n'apparaîtront pas sur la scène.
Lorsque vous importez du code HTML existant, gardez à l'esprit ce qui suit:
-
Edge Animate peut ne pas aimer vos fichiers CSS
-
Les images de votre fichier htm apparaissent dans le panneau Bibliothèque.
-
Le texte est importé en tant qu'élément.
Problèmes possibles avec les fichiers CSS
Gardez à l'esprit que plus la page HTML est simple à importer, plus il est facile pour Edge Animate de l'ouvrir.
Si vous avez des problèmes pour ouvrir votre fichier htm, essayez de supprimer tous les fichiers CSS associés. Vous pouvez vous inquiéter de la perte de ce travail antérieur, mais gardez à l'esprit que vous pouvez rapidement remplacer tout ce travail de conception avec Edge Animate.
Si vous ouvrez un fichier HTML existant avec des menus et autres, vous pouvez animer les menus et les éléments mais vous ne pouvez pas reformater la couleur et d'autres aspects.
La raison en est que Edge Animate ne permet que des séquences d'animation pour les objets HTML importés afin de ne pas se battre avec n'importe quel style CSS que vous avez déjà appliqué. Cela peut être un peu compliqué lorsque vous appliquez deux styles à un élément, ce qui peut entraîner des résultats inattendus.
Les images apparaissent dans le panneau Bibliothèque
Si la page HTML que vous importez contient des images, Edge Animate importe ces images dans le panneau Bibliothèque comme un atout (voir cette figure).
Vous pouvez désormais traiter les images importées comme des éléments que vous pouvez animer ou ajouter des attributs interactifs. vous pouvez faire bouger l'image sur l'écran et / ou faire de l'image un lien.
Le texte est importé en tant qu'élément
Lorsque vous importez un fichier HTML avec du texte, Animate importe ce texte en tant qu'élément. Vous pouvez sélectionner les éléments de texte et les animer ou leur ajouter des actions; Cependant, vous ne pouvez pas modifier le texte.
Si le fichier HTML d'origine utilisait des balises H1 ou paragraphe pour le texte, Animate reconnaît ces attributs et les affiche dans le panneau Eléments, comme illustré.
