DHTML Introduction

De basiskennis die u moet hebben

Voordat u verder gaat, moet u een basiskennis hebben van de volgende kennis:

  • HTML
  • CSS
  • JavaScript

Als u deze projecten graag eerst wilt leren, kunt u dat doen op onze Homepagina Bezoek deze tutorials.

DHTML is geen W3C-standaard

DHTML betekent Dynamic HTML (Dynamic HTML).

DHTML is niet een standaard die door de World Wide Web Consortium (W3C) is vastgesteld. DHTML is een marketingterm - gebruikt door Netscape en Microsoft om de nieuwe technologieën te beschrijven die browsers van versie 4.x zouden moeten ondersteunen.

DHTML is een combinatie van technologieën die wordt gebruikt om dynamische websites te maken.

Voor de meeste mensen betekent DHTML een combinatie van HTML 4.0, stijlsheets en JavaScript.

De W3C heeft gezegd: 'Dynamic HTML is een term die door sommige fabrikanten wordt gebruikt om een combinatie van HTML, stijlsheets en scripts te beschrijven die de dynamische functionaliteit van een document vergroten.'

DHTML-technologie

Door DHTML kunnen webontwikkelaars beheersen hoe HTML-elementen worden weergegeven en geplaatst in het browservenster.

HTML 4.0

Door HTML 4.0 kunnen alle formaten (informatie) worden verwijderd uit het HTML-document en in een aparte stijlstijl worden ingeschreven. Omdat HTML 4.0 de presentatie van het document kan scheiden van zijn structuur, kunnen we de presentatielaag volledig controleren zonder de inhoud van het document te verstoren.

Cascading Style Sheets (CSS)

Door middel van CSS krijgen we een stijl- en lay-outmodel voor HTML-documenten.

Omdat CSS ontwikkelaars in staat stelt om tegelijkertijd de stijl en lay-out van meerdere webpagina's te controleren, kan CSS worden genoemd als een doorbraak in het veld van webdesign. Als ontwikkelaar kunt u stijlen definiëren voor elk HTML-element en deze toepassen op zoveel pagina's als u wilt. Als u een globale verandering wilt aanbrengen, hoeft u alleen de stijl te wijzigen en alle elementen in het web worden automatisch bijgewerkt.

Document object model (DOM)

DOM betekent document object model.

HTML DOM is de document object model voor HTML.

HTML DOM definieert een set van standaardobjecten en standaardmethoden voor het raadplegen en verwerken van HTML-objecten.

“De W3C Document Object Model (DOM) is een onafhankelijke interface voor taal en platform, die programma's en scripts toestaat om dynamisch de inhoud, structuur en stijl van documenten te verkennen en bij te werken.”

JavaScript

Geef u de mogelijkheid om code te schrijven die alle HTML-elementen kan controleren.

DHTML-technologieën in Netscape 4.x en Internet Explorer 4.x

Netscape 4.x Cross-Browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (staan u toe om de weergave van verschillende HTML-elementen te controleren)
  • Layers (staan u toe om de positie en zichtbaarheid van elementen te controleren)
  • CSS1
  • CSS2 (staat u toe om de weergave van verschillende HTML-elementen te controleren)
  • CSS Positioning (staat u toe om de positie en zichtbaarheid van elementen te controleren)
  • JavaScript
  • Visuele filters (staan u toe om visuele effecten toe te passen op tekst en grafieken)
  • Dynamische CSS (staat u toe om de positie en zichtbaarheid van elementen te controleren)

Opmerking:Zolang de eigenschappen en technologieën die door verschillende browsers worden gegenereerd niet worden ondersteund door andere browsers, kan het gebruik van DHTML voor coding problemen veroorzaken. Een webpagina kan er in een browser geweldig uitzien, maar in een andere browser erg slecht.