Ordre du jour

Intégrer une animation Flash à une page Web

Les animations Flash existent sous deux formats différents :

Tant que vous êtes dans le logiciel, en phase de conception et de montage, votre animation est un fichier qui porte l'extension .fla. Pas de secret ici. Chaque fois que vous enregistrez votre animation, le fichier .fla correspondant est mis à jour, comme avec n'importe quel logiciel.

Une fois le film produit, vous générez un fichier .swf. C'est ce fichier que vous insérerez dans votre page Web.

Lorsque vous visualisez votre animation Flash directement à partir de la scène, « en prévisualisation », Flash crée automatiquement le fichier .swf correspondant. C'est ce fichier que vous placerez sur le serveur et que vous appellerez à partir du code HTML pour intégrer votre animation dans une page Web.

Vous pouvez placer ce fichier sur le serveur tel quel ou l'exporter et le réenregistrer en réglant les différents paramètres de compression de l'image et du son, afin d'obtenir le meilleur rapport qualité/poids (différents paramètres de Publier ou « Publish »).

Ne perdez jamais de vue qu'une « bonne » animation est une animation légère. Au-dessus de 100 Ko, les visiteurs risquent de s'impatienter et de quitter votre page avant que l'animation n'ait commencé.

Plusieurs autres paramètres d'enregistrement sont aussi disponibles ; GIF animé et fichier AVI sont les plus couramment utilisés.

La vitesse de lecture

Les animations Flash étant lues au fur et à mesure de leur chargement sur l'ordinateur du visiteur, la vitesse de lecture est directement liée au débit de la connexion Internet de ce dernier.

En construisant votre animation, gardez cet aspect à l'esprit. Une des techniques les plus couramment utilisées pour compenser le rapport flux de connexion / vitesse de lecture consiste à définir une animation en « pré-chargement ». Ce « bout d'animation » est chargé en premier lieu et lu pendant que le reste de votre animation continue de se charger.

C'est le fameux « Loading » ou « En cours de chargement » que l'on retrouve sur la plupart des sites proposant des animations Flash relativement « lourdes ».

Intégrer une animation Flash à une page Web

Pour les inconditionnels du code HTML, les balises utilisées pour appeler une animation Flash sont Object et Embed. La première est utilisée pour Internet Explorer et la seconde pour Netscape Navigator.

Pour les érudits de la programmation, voici le code qui vous permet d'intégrer une animation .swf dans une page html :

<html>
<head>
<title>Titre de la page</title>
</head>
<body bgcolor="#FFFFFF">
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="250" height="50">
<param name=movie value="nomdufichier.swf">
<param name=quality value=high>
<embed src="ordre.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="250" height="50">
</embed>
</object>
</body>
</html>

Les éléments qui varient d'une animation sont :

le nom du fichier (value="nomdufichier.swf" ) ;
la couleur de fond de la page (body bgcolor="#CCCC00" ) ;
la largeur et la hauteur de l'animation (width="350" height="140" ) ;
la qualité de l'animation( value=high ).

Notez également le code permettant de télécharger le plugiciel (plug-in) en cliquant sur le bouton droit ( pluginspace=... pour Netscape et codebase=... pour Internet Explorer)

Retour au menu