Wie dynamisches HTML (DHTML) verwendet wird, um interaktive Seiten zu erstellen

7io / Getty Images

Dynamisches HTML ist nicht wirklich eine neue Spezifikation von HTML, sondern vielmehr eine andere Art, die Standard-HTML-Codes und -Befehle zu betrachten und zu steuern.

Wenn ich an dynamisch denke HTML , müssen Sie sich an die Qualitäten von Standard-HTML erinnern, insbesondere daran, dass eine einmal vom Server geladene Seite sich nicht ändert, bis eine weitere Anfrage an den Server gesendet wird. Dynamisches HTML gibt Ihnen mehr Kontrolle über die HTML-Elemente und ermöglicht deren jederzeitige Änderung, ohne zum Webserver zurückkehren zu müssen.

DHTML besteht aus vier Teilen:

• Dokumentobjektmodell (DOM) (Definition)
• Skripte
• Cascading Style Sheets (CSS)
• XHTML

Dom

Das DOM ermöglicht es Ihnen, auf jeden Teil Ihrer Webseite zuzugreifen, um ihn mit DHTML zu ändern. Jeder Teil einer Webseite wird durch das DOM spezifiziert und unter Verwendung seiner konsistenten Namenskonventionen können Sie darauf zugreifen und ihre Eigenschaften ändern.

Skripte

Skripte, die entweder in JavaScript oder ActiveX geschrieben sind, sind die beiden am häufigsten verwendeten Skriptsprachen, die zum Aktivieren von DHTML verwendet werden. Sie verwenden eine Skriptsprache, um die im DOM angegebenen Objekte zu steuern.

Cascading Style Sheets

CSS wird in DHTML verwendet, um das Erscheinungsbild der Webseite zu steuern. Stylesheets definieren die Farben und Schriftarten von Text, die Hintergrundfarben und -bilder sowie die Platzierung von Objekten auf der Seite. Mithilfe von Skripten und dem DOM können Sie den Stil verschiedener Elemente ändern.

XHTML

XHTML oder HTML 4.x wird verwendet, um die Seite selbst zu erstellen und die Elemente für das CSS und die zu erstellen Dom an etwas arbeiten. Es gibt nichts Besonderes an XHTML für DHTML - aber gültiges XHTML zu haben ist sogar noch wichtiger, da mehr Dinge damit arbeiten als nur der Browser.

Eigenschaften von DHTML

Es gibt vier Hauptmerkmale von DHTML:

1. Ändern der Tags und Eigenschaften
2. Echtzeitpositionierung
3. Dynamische Schriftarten (Netscape Communicator)
4. Datenbindung (Internet Explorer)

Ändern der Tags und Eigenschaften

Dies ist eine der häufigsten Verwendungen von DHTML. Es erlaubt Ihnen, die Qualitäten eines zu ändern HTML-Tag abhängig von einem Ereignis außerhalb des Browsers (z. B. Mausklick, Zeit oder Datum usw.). Sie können dies verwenden, um Informationen vorab auf eine Seite zu laden und sie erst anzuzeigen, wenn der Leser auf einen bestimmten Link klickt.

Echtzeit-Positionierung

Wenn die meisten Leute an DHTML denken, erwarten sie genau das. Objekte, Bilder und Text, die sich auf der Webseite bewegen. Auf diese Weise können Sie interaktive Spiele mit Ihren Lesern spielen oder Teile Ihres Bildschirms animieren.

Dynamische Schriftarten

Dies ist eine reine Netscape-Funktion. Netscape hat dies entwickelt, um das Problem zu umgehen, das Designer hatten, wenn sie nicht wussten, welche Schriftarten auf dem System eines Lesers vorhanden sein würden. Bei dynamischen Schriftarten werden die Schriftarten codiert und mit der Seite heruntergeladen, sodass die Seite immer so aussieht, wie der Designer es beabsichtigt hat. Sie können auch verwenden websichere Schriftarten .

Datenbindung

Dies ist eine reine IE-Funktion. Microsoft hat dies entwickelt, um einen einfacheren Zugriff darauf zu ermöglichen Datenbanken von Websites . Es ist der Verwendung sehr ähnlich CGI um auf eine Datenbank zuzugreifen, verwendet jedoch ein ActiveX-Steuerelement, um zu funktionieren. Diese Funktion ist sehr fortgeschritten und für den beginnenden DHTML-Schreiber schwierig zu verwenden.