57 en ligne Comparateur | Sites | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  

 Recherche

 Newsletter





 

VML : 1 - Introduction

Introduction au Vector Markup Language ( VML )



Aurelien
Web et Graphismes ... Qui n'a jamais pensé à dessiner lignes, cercles, rectangles et autres au sein de ses pages sans pour autant utiliser un script fait par un bon en Maths !!! Voici comment y arriver en quelques lignes grâce au VML et à Internet Explorer.


[Article cité sur le Flash Microsoft MSDN France]
Présentation :

Utilisateur intensif du MSDN Library, quelle ne fût pas ma découverte lorsque je suis tombé nez à nez avec la référence VML ( Vector Markup Language ).

Croyez moi, étant assez malade pour tracer des cercles ou faire des Astroïdes en JavaScript ( La Programmite Aïgue, ca ne se soigne pas, ca s'entretient !! QdB ), quelle joie de découvrir un tel outil graphique au sein d'Internet Explorer qui jusque là m'était totalement inconnu.

Spécifications du W3C, Microsoft a énormément contribué à l'avènement du VML en l'intégrant dans sa suite Office ainsi que dans les versions d'Internet Explorer 5.0+.

VML devient donc l'outil parfait pour les intranets. Plus besoin de composants pour sortir des interprétations graphiques de vos données, VML est là pour cela.

La référence étant en Anglais, je propose ici de vous présenter le VML et de le découvrir plus en profondeur au fur et à mesure des articles afin de vous prouver que le graphisme sur le web n'est pas réservé à une "élite" de développeurs matheux dans l'âme.

Prérequis :

  • Internet Explorer 5.0+

  • Toute page incluant du VML doit avoir la structure suivante pour être interprétée :

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <title>Premier Exemple VML</title>
    <style>
      v\:* {behavior:url(#default#VML);}
    </style>
    </head>
    <body>
    <!--
    Ici, le rect est un exemple, pour la suite des exemples,
    veuillez copier le code directement dans le BODY de ce document
    -->
      <v:rect style="width:100;height:200;"></v:rect>
    </body>
    </html>
    


    Avec ce fichier en main, vous voici fin prêt pour commencer le VML. Nous allons tout d'abord voir quelques attributs applicables aux éléments prédéfinis de la 3ème partie.

    Bon Dev ...

    PS : Merci à King Of Rollers pour sa patience à me motiver pour finir mes articles ... ;-)

  •   PrésentationQuelques Attributs >> 

    Aurelien le 14/03/2004 (53 249 hits)
    Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
    • Visual Studio 2010
    • Office 2010
    • Expression Studio 3
    • SQL Server 2008
    • et d'autres...

    Au fil des news  
    Magazines - Le N°128 de Programmez est disponible
    Magazines - Le N°127 de Programmez est disponible
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
    Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
    Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
    JavaScript - Ajouter une page dans vos favorites
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
    Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
    SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
    Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
    Magazines - Le n°126 de Programmez est disponible
    Outils - Traducteur en ligne automatique pour site web
    Adobe - Adobe Photoshop.com Mobile pour Iphone
    Magazines - Le n°125 de Programmez est disponible
    Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
    Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
    Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
    Magazines - Le n°124 de Programmez est disponible
    PHP - Forum PHP 2009
    Composants - eFace - XAML en Java
    WPF - Désactiver le bouton de réduction d'une fenêtre
    Magazines - Le n°123 de Programmez est disponible
    Magazines - Le n°122 de Programmez est disponible
    Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
    Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
    SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
    Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
    Magazines - Le HS N° 1 de Web Design est disponible
    Adobe - Adobe propose en Open Source les frameworks.....
    Outils - EntityBuilder
    CSharp - Sérialisation XML de vos objets
    Magazines - Le n°121 de Programmez est disponible
    Adobe - Adobe annonce MAX 2009 !
    Outils - WhoIs
    [MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
    Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...
    PHP - News avec photo - Système de gestion - affichage
    Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...
    Outils - Crypt
    Dreamweaver Php Mysql - Région répétée imbriquée
    Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...
    Magazines - Le n° 120 de Programmez est disponible
    Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
    Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...
    PHP - Le Coach PHP sur Visual Studio
    .NET - Ecrire une application .NET utilisant MySQL
    PHP - Utilisation de PHP dans le monde Microsoft
    Magazines - Le n° 119 de Programmez est disponible
    Adobe - Adobe annonce Photoshop Marketplace
    [MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
    Mis à jour le 20/04/2009
      Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
    Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
      Scripts : Scripting | ASP-PHP | ASP.net | Divers
      Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats | Recherches
    v4.3 © Didier YVER
    2001-2010
     
     

    Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
    MVP TechNet ASP-magazine Groupes Utilisateurs Microsoft DotNet Project