Dreamweaver MX 2004 Editions OEM (Groupe Eyrolles), 2004, ISBN

Transcription

1 Arzhur Caouissin guide de référence Dreamweaver MX 2004 Editions OEM (Groupe Eyrolles), 2004, ISBN

2 Flash MX 2004 CHAPITRE Intégration d animations Flash Pour étendre la puissance et l aspect graphique de votre site, vous pouvez le créer intégralement dans Flash ou intégrer plus ponctuellement des animations Flash à votre page HTML. Dans les deux cas, l objet Flash doit être intégré dans une page HTML. L intégration d une animation Flash est délicate. Bien que Dreamweaver soit un outil conçu par le même éditeur que Flash, il ne sait pas intégrer proprement une animation Flash. Il convient, en effet, pour préserver la stabilité de la composition, d intervenir dans le code et de supprimer les espaces blancs ajoutés par Dreamweaver lors de l insertion de l objet. Ouvrez le document nommé mix.htm, présent dans le dossier Intro du répertoire Integration animations de ce chapitre. Figure mix.htm Dans ce document, nous allons remplacer une image représentant un bandeau gris et une portion de la voiture par une animation Flash. Cette animation possède, en image d arrière-plan, la même image que celle que nous supprimons et un texte animé. Ainsi, nous ne verrons pas la transition entre les différents segments de la composition et l animation semblera parfaitement intégrée à l ensemble de la page.

3 664 Intégration de médias PARTIE III Sélectionnez l image centrale, nommée mix_06.gif. Figure Sélection de l image Supprimez cet élément de la composition, en appuyant sur la touche Suppr de votre clavier ou Retour. Le curseur est placé à l intérieur de la cellule vide. Figure Emplacement pour l animation Dans l onglet Commun de la palette Insertion, dans le menu Flash, sélectionnez l option nommée Flash. Dans la fenêtre de sélection de fichier, dans votre site, sélectionnez l animation Flash à intégrer portant l extension.swf. Puis validez.

4 Flash MX 2004 CHAPITRE Figure Insérer une animation Flash Figure Sélection du fichier.swf Fichiers.fla et.swf Lorsque vous réalisez une animation ou un composant à partir de Flash, le fichier original créé par le logiciel porte l extension.fla, au même titre que le fichier original issu de Photoshop ayant permis la création de visuels porte l extension.psd. L animation exportée et comprimée pour le Web issue de Flash affichera l extension.swf, comme les images enregistrées pour le Web portent l extension.jpg ou.gif, selon le format choisi.

5 666 Intégration de médias PARTIE III L animation est ajoutée à la composition. Figure Animation insérée Cependant, des espaces vides, placés avant et éventuellement après l objet, menacent la stabilité de votre composition, surtout si vous l affichez dans Netscape. Pour intégrer convenablement l objet Flash, vous devez supprimer les espaces blancs présents dans le code, autour et entre toutes les balises qui composent l insertion de l objet Flash. Ce nettoyage n étant pas possible en mode Création, nous devons le faire directement dans le code. Tout en maintenant votre sélection, passez directement en mode Code. Figure Mode Code L animation Flash est insérée à travers les balises <object> et </object>. Le tag <embed> intègre plus spécifiquement la séquence animée. Les tags <param> gèrent différents attributs

6 Flash MX 2004 CHAPITRE personnalisables dans Dreamweaver, via la palette des propriétés, et définissent la manière dont l animation est projetée dans le navigateur. Pour que la composition soit stable d un navigateur à l autre, toutes versions confondues, nous devons supprimer les espaces compris entre toutes ces balises, ainsi que les espaces ajoutés par Dreamweaver avant la première balise <object> et après la dernière balise </object>. Dans le cas présent, nous aurons simplement à supprimer ceux placés avant la balise <object> et entre les différents tags, car aucun élément n est présent dans la composition derrière l animation Flash. Si un élément, tel qu une image, avait été ajouté ici, un espace supplémentaire, à supprimer, serait également apparu. Collez tous les tags entre eux, comme illustré sur les figures suivantes. Figure Espaces à supprimer Figure Espaces supprimés Puis revenez en mode Création.

7 668 Intégration de médias PARTIE III L objet est désormais parfaitement intégré à la composition. Figure Objet Flash intégré Enregistrez. Projetez dans le navigateur. L animation s intègre de manière imperceptible à l ensemble. Elle joue automatiquement. Figure Aperçu dans le navigateur

8 Flash MX 2004 CHAPITRE Figure Aperçu dans le navigateur Figure Aperçu dans le navigateur Figure Aperçu dans le navigateur