multimedialab poule
coursblogdocgalerieliensinfos
Le DHTML (Dynamic HTML) est un ensemble de technologies Internet (HTML, feuilles de style/CSS, Javascript...) associées afin de fournir des pages HTML plus interactives, tout en restant conformes aux standards W3C.
En effet, il ne nécessite aucun plugin (contrairement à Flash) et permet un code "transparent", lisible en basculant en mode "source" ("Afficher le code source").

Les CSS (Feuilles de style en cascade) interviennent essentiellement dans le contrôle du comportement de la typographie (fonte, taille, graisse, etc) et des blocs-texte (positionnement, fonds colorés, etc).
Une CSS peut mettre en forme une page sans utiliser le moindre tableau. Cette approche est notamment préconisée en prévision des mutations, de plus en plus nombreuses, des terminaux d'accès au web (PDA, téléphones mobiles).
La mise en forme se trouve dès lors séparée du contenu (HTML d'un côté, CSS de l'autre). Lors d'une consultation de pages à partir d'une plate-forme spécifique (par exemple un PDA possédant son propre système d'exploitation), le contenu se reconfigure automatiquement en fonction de la capacité de la machine (taille d'écran, mémoire cache, etc)

Du code JavaScript peut être intégré directement au sein des pages Web (ou dans un fichier associé), pour y être exécuté sur le poste client. C'est alors le navigateur Web qui prend en charge l'exécution de ces petits bouts de programmes appelés scripts.
Généralement, JavaScript sert à contrôler les données saisies dans des formulaires HTML, ou à interagir avec le document HTML via l'interface DOM, fournie par le navigateur (Dom - Document Object Model - permet aux programmes et scripts d'accéder et de modififier dynamiquement le contenu, la structure et le style de documents xml ou html). JavaScript est aussi utilisé pour réaliser des services dynamiques, parfois futiles ou strictement cosmétiques.

Il existe des incompatibilités d'humeur entre certains navigateurs (Internet Explorer et Netscape, par exemple). Il est prudent d'effectuer toutes les vérifications d'usage, et le cas échéant, de prévoir deux méthodes s'adressant à l'un ou l'autre de ces navigateurs (ou encore de privilégier un seul navigateur).

Un commentaire de Luc Van Lacker, auteur de Publication HTML:
"Les scripts DHTML proposent une alternative aux animations Flash qui sont tellement prisées
ces derniers temps. Sans vouloir ouvrir une polémique, le DHTML a l'avantage de ne pas nécessiter
de plugin et d'offrir une vitesse d'affichage quasi immédiate".
Sous réserve de tests, donc...

Dreamweaver assiste ce type de création, en "automatisant" par exemple la mise en forme de "rollovers" (voir Insérer/insert > Images interactives/interactive images > rollover images.

arrowEn savoir plus: Javascript.
arrowEn savoir plus: CSS.

Introduction au DHTML. Une introduction et de nombreuses infos sur Comment ça marche ?
Publication HTML. Un bon site de Luc Van Lancker qui contient, entre autres, une section Scripts DHTML.
Open cube. Solutions de menus dynamiques en DHTML et Javascripts. Voir téléchargements.
Brain jar. Tutos DHTML (entre autres) sur ce site d'expérimentations.
Dynamic web coding. Scripts DHTML/Javascript/PHP, etc. Nombreux scripts de scrolling.

The Coolest DHTML Calendar. Calendrier javascript conforme W3C. Voir le calendrier intégré sur Sephiroth.
Live clock. Voir aussi LCD Clock ou Popup DHTML Analog clock sur Dynamic drive.
Required field(s) validation. Le formulaire n'est pas envoyé si un champ reste vide, sur Dynamic drive.
Popup Calendar. Mentionner une date en cliquant dans un calendrier, sur Dynamic drive.
Message Encrypter. Crytptage et décryptage de messages, sur Dynamic drive.
Encrypted Password script. Accès autorisé par mot de passe, sur Dynamic drive.
CoffeeCup DHTML Menu Builder. Outil gratuit sur Coffeecup.
Assembler. La page de Brent Gustafson, pleine d'expérimentations. Voir aussi Assembler V1.

Collection de 52 Javascripts et effets DHTML. Par Dario Sciacca sur DS Effects.

Bride of Windows. Une fenêtre de texte déroulant manipulable dans la page, sur Brain jar.
The revenge of the menu bar. Un menu dynamiques multi-niveaux, sur Brain jar.
Generic Drag. Une fenêtre repositionnable dans la page, sur Brain jar.
Scroll layers in a table. Une fenêtre scrollable avec plusieurs calques sur Dynamic web coding.

Dynamic drive. Scripts DHTML.
Publication HTML. L'excellent site de Luc Van Lancker contient, entre autres, une section Scripts DHTML.
All HTML. Infos diverses.
Web Monkey. Ressources DHTML.
DHTML Guru. Ressources DHTML.
Echo echo. Tutoriaux DHTML.
Global-Dev. Voir HTML et Java scripts.
Trucs web. Ressources.
Devparadise. Ressources.