Cours DHTML, tutoriel & guide de travaux pratiques en pdf.

Définition du DHTML

Introduction ou … au risque de vous décevoir
Ne cherchez pas de syntaxe ou de références DHTML, vous n’en trouverez pas. Le DHTML n’est pas un langage de balises, de scripts ou de programmation. Le DHTML n’est pas une quelconque spécification. Il n’est même pas réellement une technologie! Tout simplement, le DHTML ou Html dynamique est, et reste, du Html où le concepteur a mis l’accent sur les animations.
A l’heure de l’importance croissante de l’impact visuel des sites Internet, le Html dit dynamique est un « plus » incontestable et génial sous certains aspects. Mais il faut raison garder! Le DHTML n’est pas le « futur de l’Internet » comme le prétendent certains mais, à n’en pas douter, il y aura certainement une bonne place.
Bien que peut-être excessifs, je suis même tenté de reproduire les mots de Sally Khudairi [à vos souhaits!] du World Wide Web Consortium (W3C) : « DHTML is nothing more than a marketing term for generic animation and manipulation of multimedia events » (DHTML n’est rien d’autre qu’un terme de marketing pour des animations et des effets multimédia).

Définition
Le DHTML se définit comme un (savant) mélange de trois développements de la publication sur Internet : les feuilles de style (CSS1), les langages de script, principalement le Javascript, ainsi que les objets et leur positionnement en vue de produire des pages dynamiques et interactives.

Les feuilles de style
Popularisée par Microsoft avec Internet Explorer 3.0 (bien qu’elles existaient déjà sous d’autres systèmes), les feuilles de style [Cascading Style Sheets] constituent un réel développement dans la conception de pages Web,en séparant la mise en forme du contenu, en proposant des possibilités jusque là inédites en Html strict , etc..
Le concept des feuilles de style est maintenant un standard depuis son officialisation par le Word Web Consortium sous la norme CSS level 1 et son intégration dans le Html 4.0. Et les versions 4.0 de Microsoft Explorer et Netscape Navigator reprennent déjà largement les feuilles de style.

Les langages de scripts (surtout Javascript)
Introduit par Netscape avec Navigator 2.0, Javascript a bien mûri au fil des versions 3.0 et 4.0 des browsers de la marque (Javascript 1.1, Javascript 1.2). Enfin repris efficacement par Microsoft sous Explorer 4.0, ce langage de scripts s’est définitivement imposé comme un élément incontournable dans l’élaboration de sites Internet.
Javascript permet de programmer et d’exécuter, côté client c-à-d côté browser et donc sans faire appel à des ressources extérieures, de petites applications à l’intérieur de pages Html. Sans être un véritable langage de programmation, Javascript en possède toutes les fonctionnalités ou presque).

Les objets et leur positionnement
L’héritage du Html, à l’origine conçu pour faire transiter du texte structuré, est parfois pesant. Positionner précisément, au pixel près, un texte ou une image, tourne vite au cauchemar. De là est née l’idée d’introduire une sorte de cadre, de rectangle dans lequel on pourrait « encapsuler » des « objets » comme précisément du texte, des images ou tout autre élément.
Comme s’est souvent le cas dans l’histoire de la publication sur Internet, nos deux compères Microsoft et Netscape, se sont attelés à la tâche (sans attendre un quelconque standard) et ce en suivant des modèles différents pour cette insertion d’objets dans les documents Html.

…..

Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)
Cours DHTML (775 KO) (Cours PDF)