Accueil

 

Intégration et optimisation de Flash pour le HTML

Intégration dans une page HTML
Lien URL et Mail
Création d'une fenêtre Pop up
Le préchargement

Intégration dans une page HTML

Pour être sur Internet, votre fichier Flash doit tout d'abord être exporté en shockwave (.swf).
Pour insérer votre shockwave dans un site créé avec un éditeur de texte, vous devez insérer le code HTML suivant dans votre document:

<html>
<head>
<title>Document sans titre</title>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave
/cabs/flash/swflash.cab#version=6,0,29,0" width="taille en pixels" height="taille en pixels">
<param name="movie" value="chemin d’accès à votre fichier.swf">
<param name="quality" value="high">
<embed src="chemin d’accès à votre fichier.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="taille en pixels" height=" taille en pixels ">
</embed>
</object>
</body>
</html>

 

Lorsque vous entrez les valeurs de la hauteur et de la largeur, écrivez : width="400" et non "width="400px".

Vous pouvez également intégrer votre shockwave en utilisant le logiciel Dreamweaver MX, qui est un logiciel développé par Macromedia.

Dans Dreamweaver MX, voici la manière de procéder:

1. Placer votre fichier swf (et pas le fla) dans le dossier images de votre site.

2. Ouvrez la page HTML où vous souhaitez insérer votre fichier, vous insérez votre fichier comme une image en suivant ce chemin : Insérer > médias > Flash

3. Si vous créez une animation flash d'introduction, pensez à proposer un lien qui permette de passer l'introduction, pour les visiteurs pressés.

4. Il est d'usage d'ajouter un lien vers le plug-in, pour les visiteurs qui ne possèdent pas de player Flash, afin qu'ils s'en procurent:

http://www.macromedia.com/fr/download

Le plug-in Flash

Si l’internaute qui visite votre site ne possède pas le plug-in Flash, il verra à la place de votre animation une surface grisée.
Vous devez proposer un plug-in à vos visiteurs pour remédier à cet inconvénient. Vous devez créer un lien pour télécharger le plug-in sur le site de Macromedia à l’adresse :

http://www.macromedia.com/go/getflashplayer (en anglais)

http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_
Version=ShockwaveFlash&Lang=French&P5_Language=French
(en français)

Optimisation

Afin d'optimiser le référencement de votre site, vous pouvez employer diverses astuces :

1. Commencer par donner un titre à votre page : Mon site de Bandes dessinées (par exemple).

2. Utiliser la balise <NOEMBED>, qui se place entre les balises <BODY> et </BODY>, par exemple :

<noembed>Site de vente de bandes dessinées, grand choix de BD dédicacées</noembed>

3. Créer un lien vers une autre page de votre site, au format HTML :

<a href="accueil.htm"vente de BD</a>

4. Ajouter des commentaires au sein de la balise <BODY> en faisant appel aux balises <! et ->

<body>

<!-vente en ligne de BD anciennes, premières éditions->

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="400">
<param name="movie" value="monAnim.swf">
<param name="quality" value="high">
<embed src="monAnim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400"></embed>

</object>

</body>

5. Employer les balises méta destinées à donner davantage de détails sur le contenu de votre site en Flash :

<head>

<title>vente de BD</title>

</head>

<meta name="description" Content="dédicace, première édition...">

<meta name="keywords" Content="bande dessinée,porte folio,dédicace...">

<meta name="robots" Content="index, follow">

<meta name="revisit-after" Content="30 days">

</head>

Dans la balise <meta name="keywords" > , ciblez précisément le contenu de votre site.

Dans la balise <meta name="robots" >, les robots sont autorisés à visiter l'ensemble de l'arborescence de votre site.

La balise <meta name="revisit-after">, précise un délai pour une nouvelle visite des robots sur votre site.

haut de page

©Laurence Jacquenod