par Salut les loulous, aujourd'hui j'ai décidé de faire un petit tutoriel sur la mise en place de SWF sur un site web. Nous verrons comment intégrer une page contenant uniquement l'animation, mais aussi comment intégrer un SWF dans une page html ayant un autre contenue que SWF.
Comme je l'ai précisé dans le tuto, vous pouvez télécharger un petit utilitaire (swfObject) pour générer une page html avec tous les paramètres de publication offerts par flash sans même ouvrir votre logiciel. Le petit plus de cet utilitaire, c'est de proposer l'installation du player aux internautes qui n'en seraient pas encore équipé:
Page de l'utilitaire swfObject: http://code.google.com/p/swfobject/
Pour intégrer un SWF dans une page html, voici le code à insérer dans votre page qui devra accueillir le SWF, pour centrer ou placer le SWF à un endroit bien précis de la page, j'ai utilisé un fichier CSS externe, alors voici le code de la page html et celui du fichier CSS :
La balise object à intégrer:
Le fichier css:
Le tutoriel:
Comme je l'ai précisé dans le tuto, vous pouvez télécharger un petit utilitaire (swfObject) pour générer une page html avec tous les paramètres de publication offerts par flash sans même ouvrir votre logiciel. Le petit plus de cet utilitaire, c'est de proposer l'installation du player aux internautes qui n'en seraient pas encore équipé:
Page de l'utilitaire swfObject: http://code.google.com/p/swfobject/
Pour intégrer un SWF dans une page html, voici le code à insérer dans votre page qui devra accueillir le SWF, pour centrer ou placer le SWF à un endroit bien précis de la page, j'ai utilisé un fichier CSS externe, alors voici le code de la page html et celui du fichier CSS :
La balise object à intégrer:
- Code:
<html>
<head>
<title>Template blue alfa</title>
<LINK rel="stylesheet" type="text/css" href="centre.css">
</head>
<body bgcolor="#333333">
<div id=centr>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="800" height="600" id="template blue_alfa" align="middle">
<param name="SRC" value="blue_alfa.swf">
<param name="QUALITY" value="high">
<param name="BGCOLOR" value="#333333">
<param name="align" value="middle">
<param name=wmode value=transparent>
<embed src="blue_alfa.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="800" height="600" align="middle" quality="high" wmode="transparent" bgcolor="#333333">
</embed>
</object>
</div>
</body>
</html>
Le fichier css:
- Code:
body {
margin: 0;
text-align: center
}
#centr{
position:absolute;
left: 50%; top: 50%;
width: 720px; height: 460px;
margin-top: -200px;
margin-left: -350px;
}
Le tutoriel:
