Faire un site valide xHTML Strict 1.0 pour Mozilla et IE avec du Flash

Cette balise sert à insérer un objet qui peut être de différente nature :

• image ;
• fichier audio ;
• applet java ;
• animation Flash.

C'est à ce dernier point que nous allons nous intéresser.

Sa syntaxe

C'est une balise inline avec une syntaxe classique :
Code : Autre

Ses attributs

Ils sont nombreux mais voici les principaux que nous allons utiliser :
data="..." : l'URL des données de l'objet ;
type="..." : type de contenu Internet des données ;
height="..." : hauteur de l'objet ;
width="..." : largeur de l'objet.

Si vous voulez les autres :
http://msdn.microsoft.com/workshop/aut [...] ts/object.asp

Ses paramètres

À l'intérieur de cette balise, on peut également ajouter des paramètres qui peuvent modifier des propriétés de l'objet inséré. Nous allons le voir, ils sont très importants dans notre cas.
Voici la syntaxe d'un paramètre :
Code : Autre

Passons directement à la pratique sur une animation Flash.

Sur cette partie, nous verrons la mise en place d'une bannière en Flash. Les autres insertions Flash (pour les menus, animations indépendantes... etc.) se font sur le même modèle.

Préparation

Imaginons donc que l'on veuille insérer une bannière Flash nommée entete.swf et qui a une largeur de 660 pixels et une hauteur de 150 pixels. On définit donc avec le CSS un bloc de 660 x 150 comme dans le tuto de M@teo21, et qui se nomme en_tete.

On met ce code xHTML pour que l'on écrive dans ce bloc :
Code : Autre

Jusque-là, ce n'est pas trop dur, si ?

La mauvaise méthode

Maintenant, la chose à ne pas faire, c'est utiliser l'insertion automatique que propose votre logiciel avec lequel vous faites votre site. Exemples : Dreamweaver, Frontpage, etc.

En effet cela va vous mettre quelque chose comme cela :
Code : Autre


Ça, pour marcher, ça marche... mais essayez donc le validator w3c :
http://validator.w3.org/
Boom !! Un gros : "This page is not Valid XHTML 1.0 Strict!", avec plein d'erreurs. Bref, ce n'est pas ce qu'on veut.

La bonne méthode

Insérez ce code et essayez :
Code : Autre

Voilà, on a enfin un beau : "This Page Is Valid XHTML 1.0 Strict!".
Ahhh... ça fait du bien . Surtout que ça marche impeccablement sous Firefox et sous IE .
En plus, c'est un code plus léger et assez compréhensible (regardez les définitions des attributs dans le chapitre précédent).

D'autres bonnes choses

On va rajouter 2 autres paramètres :

- celui-ci pour dire au navigateur de lire l'animation avec la meilleure qualité :
Code : Autre
- celui-ci pour ne pas avoir un fond blanc "flashy" lors du chargement de l'animation et pour que le fond de l'animation soit le fond de votre site :
Code : Autre


Ensuite, il faut penser à ceux qui n'ont pas le plugin Flash. Ainsi l'on pourra rajouter un message indiquant qu'il faut télécharger le plugin :
Code : Autre
Rappelez-vous : mettez le texte entre les balises de paragraphe p, sinon votre page ne passera pas le validator.

On pourra également mettre un lien vers le téléchargement du plugin, toujours à l'intérieur des balises de paragraphe. Ainsi, au final, on obtient quelque chose du genre :
Code : Autre

Voilà.
Et si vous intégrez un menu en Flash, avec cette méthode, vous pouvez mettre des liens vers les pages de votre site, comme ça, le visiteur ne possédant pas le plugin Flash peut quand même surfer sur votre site.