Introduction au DHTML

Connaissances de base que vous devriez posséder

Avant de continuer, vous devez avoir une compréhension de base des connaissances suivantes :

  • HTML
  • CSS
  • JavaScript

Si vous souhaitez apprendre ces projets en premier, veuillez consulter nos Page d'accueil Accédez à ces tutoriels.

DHTML n'est pas une norme W3C

DHTML signifie Dynamic HTML (HTML dynamique).

DHTML n'est pas une norme définie par l'Organisation mondiale du web (W3C). DHTML est un terme marketing utilisé par les sociétés Netscape et Microsoft pour décrire les nouvelles technologies que les navigateurs de la génération 4.x devraient prendre en charge.

DHTML est une combinaison de technologies utilisées pour créer des sites dynamiques.

Pour la plupart des gens, DHTML signifie une combinaison d'HTML 4.0, de feuilles de style et de JavaScript.

W3C a dit : « Dynamic HTML est un terme utilisé par certains fabricants pour décrire une combinaison d'HTML, de feuilles de style et de scripts qui rend les documents plus dynamiques ».

Technologie DHTML

Grâce à DHTML, les développeurs web peuvent contrôler comment les éléments HTML sont affichés et positionnés dans la fenêtre du navigateur.

HTML 4.0

Grâce à HTML 4.0, tous les formats (informations) peuvent être extraits du document HTML et écrits dans une feuille de style indépendante. Comme HTML 4.0 peut séparer l'expression du document de sa structure, nous pouvons contrôler entièrement la couche de présentation sans perturber le contenu du document.

Feuille de style en cascade (CSS)

Par le biais du CSS, nous avons un modèle de style et de mise en page pour les documents HTML.

Grâce à CSS, les développeurs ont la capacité de contrôler à la fois les styles et la mise en page de plusieurs pages web en même temps, ce qui fait de CSS une avancée dans le domaine du design web. En tant que développeur, vous pouvez définir des styles pour chaque élément HTML et les appliquer à autant de pages que vous le souhaitez. Si vous devez faire un changement global, il suffit de modifier le style et tous les éléments du Web seront automatiquement mis à jour.

Modèle d'objet de document (DOM)

DOM signifie Document Object Model.

Le DOM HTML est un modèle d'objet de document pour HTML.

Le DOM (Document Object Model) HTML définit un ensemble de standards d'objets pour HTML ainsi que des méthodes standard pour accéder et traiter les objets HTML.

“Le Document Object Model (DOM) W3C est une interface indépendante des langages et des plateformes, qui permet aux programmes et aux scripts d'accéder et de mettre à jour dynamiquement le contenu, la structure et le style du document.”

JavaScript

Vous donne la capacité d'écrire du code contrôlant tous les éléments HTML.

Technologies DHTML dans Netscape 4.x et Internet Explorer 4.x

Netscape 4.x DHTML multi-navigateurs Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (qui vous permettent de contrôler la manière dont différents éléments HTML s'affichent)
  • Calques (qui vous permettent de contrôler la position et la visibilité des éléments)
  • CSS1
  • CSS2 (qui vous permet de contrôler la manière dont différents éléments HTML s'affichent)
  • Positionnement CSS (qui vous permet de contrôler la position et la visibilité des éléments)
  • JavaScript
  • Filtres visuels (qui vous permettent d'appliquer des effets visuels au texte et aux graphiques)
  • CSS dynamique (qui vous permet de contrôler la position et la visibilité des éléments)

Remarque :Tant que les caractéristiques et les technologies créées par les navigateurs ne sont pas prises en charge par d'autres navigateurs, l'utilisation du DHTML pour le codage peut poser des problèmes. Un site web peut paraître magnifique dans un navigateur et terrible dans un autre.