Insérer une animation flash valide W3C

Ecrit par Claude le juin 8th, 2011. Publié dans Ateliers

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.

 

Related Posts Plugin for WordPress, Blogger...

Mots clés,

Trackback from your site.

Commentaires (2)

  • 9 novembre 2011 at 17 h 05 min |

    Bonjour,
    Merci pour avoir partagé cette astuce qui m’a bien rendu service.
    Personnellement, je trouve dommage que WordPress génère du code non valide W3C lorsque l’on insère un élément flash par l’éditeur…! Mais heureusement en mettant le bout de code que vous avez proposé directement dans le html, ça fonctionne ! :-)

    • Claude
      9 novembre 2011 at 17 h 24 min |

      Malheureusement, il n’y a pas que WordPress qui génère du code W3C. D’autres outils (même des payants et très connus) génèrent du code nettement moins W3C…

Laisser un commentaire

Contactez ITSYSTEM pour vos projets internet et vos formations sur Tours

Prochaines formations

  • 7 février 2012Formation Création site internet avec Joomla
  • 13 février 2012Formation Création site internet avec Joomla
  • 12 mars 2012Formation Création site internet avec Joomla
  • 19 mars 2012Formation PrestaShop E-commerce 3 jours
BlogBang

Commentaires récents

  • site internet

    31 janvier 2012 |

    ce site est the place to be …

    j’ai réussi a faire entrer un des design de mes blogs dans le showcase de Striking …

    les stat ont décollé ! alors je n’imagine meme pas quand on crée un template digne de ce nom et qu’il a du succés !

    un rat de marré !

    Sebastien

  • Claude

    26 janvier 2012 |

    Effectivement il se peut que dans Joomfish il y ait un message d’erreur. Aussi, je viens de modifier le billet car la gestion des langues est directement faite dans Virtuemart. Plus besoin de passer par Joomfish comme avant…

  • monnom

    26 janvier 2012 |

    la solution pour traduire virtuemart ne fonctionne pas et me met des erreurs exemple quand je veux faire la traduction des produits:

    Unknown column ‘c.product_name’ in ‘field list’ SQL=SELECT c.virt………..

    avez vous une idée?

    merci

  • netlinking referencement

    16 janvier 2012 |

    Google cherche à pousser les entreprises qui manquent d’expérience en termes de marketing en ligne à effectuer le grand saut et simplifier les démarches.

  • Claude

    16 janvier 2012 |

    L’erreur peut provenir de cURL qui ne retourne pas (ou pas assez rapidement) la réponse à PayPal.