DHTML:Introduction
Un article de WikiTuto.
Sommaire |
Que sont le DOM et le DHTML?
Ce n'est qu'un nom marketing utilisé par Microsoft. Netscape désignait le même concept sous le nom de HTML Object Model. Il s'agit, plutôt que d'une technique en soi, de la conjonction d'un ensemble de techniques (HTML, CSS, Javascript).
Le DOM, ou Document Object Model, quant à lui est un standard du W3C désignant l'ensemble des techniques permettant à un langage de script (comme JavaScript) d'accéder au contenu d'une page Web.
A quoi cela sert-il?
Le DHTML se caractérise par un ensemble de... caractéristiques :
1.Le HTML "standard" est statique. La page est chargée sur le navigateur de l'internaute, et son affichage est défini une fois pour toutes. Si l'on revient sur cette page un autre jour, elle n'aura pas changé d'aspect. On peut considérer que le DHTML renvoie à tout un ensemble de techniques qui permettent d'aller au-delà de cet aspect statique. Dès que quelque chose est modifiable "dynamiquement" sur la page, on peut dire que du DHTML est en oeuvre.
2.Mais ajouter des animations à une page est un acte gratuit et inutile si cela n'apporte rien à l'internaute. Le DHTML permet d'augmenter le niveau d'interactivité de l'utilisateur, voire de concevoir de petites applications multimedia en ligne (certes un peu plus difficilement qu'en Flash, mais la méthode présente d'autres avantages...).
3.Ces animations supplémentaires ne sont traitées que sur la machine de l'internaute, ce qui allège d'autant les charges reposant sur le serveur.
Quelles sont les techniques mises en jeu?
Le DHTML est la conjonction d'un ensemble de techniques, qui sont supportées par les plus récentes versions des navigateurs (partiellement à partir de la version 4 d'Internet Explorer et 5 d'Opéra, des versions 4 de Netscape ; presque totalement et de manière "compatibilisable" à partir des versions 6). 1.une vue orientée objet de la page web et de ses éléments. Chaque élément <tag id="id_du_tag"> blabla </tag> est identifié par son... identifiant et accessible de manière univoque. De plus, la structure entière de la page peut être représentée sous la forme d'une arborescence, permettant l'accès direct (et la modification) à chacun de ses éléments. C'est à proprement parler cette structure qui constitue le DOM du W3C.
2.l'appel systématique aux feuilles de style (les CSS) qui permettent une modification précise de l'apparence de chacun des éléments.
3.le recours éventuel à des langages de script pour la gestion des événements. Nous nous limiterons au JavaScript, mais cela pourrait être du VBscript.
Je sais programmer en Flash; que m'apporte le DHTML?
Plusieurs arguments plaident en faveur d'une répartition des tâches entre DHTML et Flash. Flash est sur-compétent, par exemple, pour la réalisation d'un simple effet de roll-over (le fait qu'une image change au passage de la souris), ou pour la réalisation d'un menu déroulant. De plus, un code Flash est en format propriétaire, et nécessite un logiciel dédié pour sa maintenance, alors qu'un effet DHTML ne demande qu'un éditeur de texte de base. En règle générale d'ailleurs, comme vous le verrez, la réalisation d'un effet DHTML ne demande pas l'apprentissage d'un nouveau langage de programmation : il suffit de connaître HTML et CSS d'une part, et quelques instructions supplémentaires de JavaScript d'autre part pour écrire un code propre et maintenable.
Voir aussi
- Introduction
- Les premiers effets
- Qu'est-ce que le DOM?
