Insérer une animation flash valide W3C
Nous allons voir la méthode permettant d’insérer une animation Adobe Flash à une page HTML tout en étant respectueux des recommandations du W3C.
Le W3C (World Wide Web Consortium) émet des recommandations qui ont valeur de standards garantissant la compatibilité des technologies WWW.
Dans le cas où vous devez insérer une animation Flash dans une page HTML, il y a de fortes chances que le code que vous allez générer à partir de votre éditeur favori ressemble à l’exemple ci-dessous. Dans lequel, nous souhaitons afficher l’animation Flash nommée « ref-clients.swf » ayant pour dimensions 350 pixels de large pour 132 pixels de hauteur.
Ce code commence par vérifier si le visiteur est capable de visualiser l’animation. Dans le cas contraire, il sera redirigé vers la page de téléchargement du plugin Flash Player de chez Adobe. Ensuite l’animation est chargée et est visualisée grâce au Flash Player intégré au navigateur.

Jusque là aucun problème : vous pouvez ouvrir avec votre navigateur la page HTML fraichement créée et vous verrez bien l’animation Flash.
Les choses se compliquent lors de la soumission de votre page à la validation du W3C. En effet, la balise « embed » n’a plus lieu d’être. Il faut donc contourner le problème en utilisant une balise reconnue par le W3C et qui aura pour effet de lancer l’animation Flash. Dans ce cas il faut mettre en pratique la balise « object type » qui annonce le type d’objet qui devra être lu. Puis on donne les précisions suivantes : le nom du fichier et ses dimensions.

Petite astuce qui peut-être utile pour que les moteurs de recherche puissent identifier de quoi il en retourne : il est possible de mettre une description de l’animation juste avant de fermer la balise « object« .
J’espère que ce billet donnera un petit coup de main aux « codeurs » et si vous aussi, vous avez une bonne pratique sur ce sujet, laissez-nous un commentaire :nous partagerons notre expérience.
Aucun trackback pour l'instant
about 1 month ago - Aucun commentaire
Le site Open Source Web Design propose plus de 2000 Templates de site XHTML et CSS à télécharger gratuitement. Vous pouvez soit les utiliser tel quel ou bien vous en inspirer pour vos créations.
Nos lecteurs ont aussi aimé:Transformer une maquette Photoshop en Template XHTML/CSSTemplates gratuits pour votre blog BloggerGabarits XHTML et CSSOutils de compression CSS More >
about 1 month ago - 1 commentaire
Dans ce tutorial consacré à la conception web, vous verrez les différentes étapes pour convertir une maquette Photoshop en modèle HTML/CSS.
Ce tutorial est composé de deux parties :
Concevoir la maquette avec Photoshop
Convertir la maquette en XHTML/CSS
Site de Six Revisions : http://sixrevisions.com
Nos lecteurs ont aussi aimé:2000 Templates de site XHTML et CSS gratuitsUn slideshow en More >
about 5 months ago - 2 commentaires
Mon Blog Note arpente le Web depuis maintenant plus d’un an et consacre quelques billets à ma passion pour le développement des solutions de communication sur Internet. Malgré quelques sujets sortant de la ligne générale (Linux, logiciels open source ou gratuits, boite à outils pour les entreprises, …).
J’ai profité d’une mise à jour de la More >
about 9 months ago - 3 commentaires
Dans le but d’optimiser les temps de chargement de vos pages, il peut être très intéressant de compresser votre fichier contenant les styles. La méthode consiste à fusionner les sélecteurs et les propriétés identiques.
Une fois que votre feuille de styles (CSS) est finalisée et que vous avez validé sa conformité avec le W3C Validator, vous More >
about 10 months ago - 4 commentaires
Dans le cadre d’un projet, j’avais besoin de créer un slideshow avec un bouton avance rapide et un second pour revenir à l’image précédente. Deux possibilités s’offrait à moi : utiliser Flash ou une bibliothèque de type Web 2.0 (Mootools, JQuery, …).
Seulement voilà, n’ayant pas encore tous les supports à insérer, je souhaitais créer un More >
about 11 months ago - 3 commentaires
Dans la conception de votre nouveau projet web vous avez besoin de mettre en place un effet de transparence. Pour mettre en place cet effet, vous avez deux possibilités : utiliser une image intégrant la transparence ou bien utiliser CSS. La mise en place de la seconde solution semble être la meilleure car vous pouvez More >
about 11 months ago - 3 commentaires
Ces gabarits XHTML et CSS sont qualifié Grade-A en terme de compatibilité. Cela signifie que ces gabarits XHTML et CSS se comportent de la même manière dans tous les navigateurs Internet, comme Internet Explore 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari etc. Depuis que le Search Engine Optimization (SEO) est devenu très important More >
about 11 months ago - 1 commentaire
Vous connaissez très certainement la plateforme gratuite de blogs de Google, Blogger. Mais lorsqu’il s’agit de personnaliser l’aspect graphique, on a vite fait le tour des différents modèles proposés dans l’interface d’administration. Pour sortir du lot en donnant un look plus original à vos publications, vous pouvez installer des Templates en transférant un modèle à More >
about 11 months ago - Aucun commentaire
Vous avez besoin d’illuster vos sites Internet, blogs ou tout autre publication mais vous n’avez pas forcément l’âme d’un graphiste… Pas de souci
Je vous invite à découvrir le nouveau blog d’iconspedia qui propose des icônes téléchargeables aux formats ICO et PNG. Les réalisations originales et sont utilisables, selon la licence, pour tous vos More >
about 1 year ago - 1 commentaire
VandelayDesign a eu la bonne idée de nous faire profité de 22 Ressources pour créer facilement un gabarit CSS. Ainsi, il vous sera aisé de démarrer rapidement en utilisant un squelette généré avec ces outils en ligne.
L’autre intéret que je vois dans ces outils est de permettre aux débutants de se familiariser avec le construction More >