DHTML introduktion

Du skal have de grundlæggende viden

Før du fortsætter, skal du have en grundlæggende forståelse af følgende viden:

  • HTML
  • CSS
  • JavaScript

Hvis du ønsker at lære disse projekter først, kan du finde dem på vores Forside Besøg disse tutorials.

DHTML er ikke en W3C-standard

DHTML betyder dynamisk HTML (Dynamic HTML).

DHTML er ikke en standard defineret af World Wide Web Consortium (W3C). DHTML er en markedsføringsbetegnelse - brugt af Netscape og Microsoft til at beskrive de nye teknologier, som 4.x-versioner af browsere skulle understøtte.

DHTML er en samling af teknologier brugt til at skabe dynamiske websteder.

For de fleste betyder DHTML en kombination af HTML 4.0, stilark og JavaScript.

W3C har sagt: 'Dynamisk HTML er en betegnelse brugt af nogle producenter til at beskrive en kombination af HTML, stilark og scripts, der gør dokumenter mere dynamiske.'

DHTML-teknologi

Gennem DHTML kan webudviklere kontrollere, hvordan HTML-elementer vises og positioneres i browservinduet.

HTML 4.0

Gennem HTML 4.0 kan alle formateringer (information) flyttes ud af HTML-dokumentet og ind i en uafhængig stilark. Da HTML 4.0 kan adskille dokumentets præsentation fra dens struktur, kan vi fuldstændigt kontrollere præsentationssiden uden at forstyrre dokumentets indhold.

Niveauet af stilark (CSS)

Gennem CSS får vi en stil- og layoutmodel til HTML-dokumenter.

Takket være CSS' evne til at kontrollere stil og layout for flere websider samtidig, kan CSS betragtes som en brudskande i webdesign-området. Som udvikler kan du definere stil for hver HTML-element og anvende den på så mange sider, du ønsker. Hvis du har brug for at foretage en global ændring, skal du kun ændre stilen, og alle elementer i webben vil automatisk blive opdateret.

Dokumentobjektmodel (DOM)

DOM betyder dokumentobjektmodel.

HTML DOM er en dokumentobjektmodel specifik for HTML.

HTML DOM definerer et sæt standardobjekter og metoder til adgang og behandling af HTML-objekter.

“W3C Dokumentobjektmodellen (DOM) er en uafhængig af sprog og platform grænseflade, der giver programmer og scripts mulighed for dynamisk at få adgang til og opdatere dokumentets indhold, struktur og stil.”

JavaScript

Giver dig mulighed for at skrive kode, der kan kontrollere alle HTML-elementer.

DHTML-teknologi i Netscape 4.x og Internet Explorer 4.x

Netscape 4.x Cross-browser DHTML Internet Explorer 4.x
  • JSS (JavaScript stylesheets) (giver dig mulighed for at kontrollere, hvordan forskellige HTML-elementer vises)
  • Lag (giver dig mulighed for at kontrollere elementers placering og synlighed)
  • CSS1
  • CSS2 (giver dig mulighed for at kontrollere, hvordan forskellige HTML-elementer vises)
  • CSS Positioning (giver dig mulighed for at kontrollere elementers placering og synlighed)
  • JavaScript
  • Visuelle filtre (giver dig mulighed for at anvende visuelle effekter på tekst og grafik)
  • Dynamisk CSS (giver dig mulighed for at kontrollere elementers placering og synlighed)

Bemærk:Så længe de egenskaber og teknologier, der skabes af forskellige browsere, ikke understøttes af andre browsere, vil der opstå problemer med at kode med DHTML. En webside kan se fantastisk ud i én browser, men meget dårlig i en anden.