Hvordan dynamisk HTML (DHTML) brukes til å lage interaktive sider

7io / Getty Images

Dynamisk HTML er egentlig ikke en ny spesifikasjon av HTML, men snarere en annen måte å se på og kontrollere standard HTML-koder og kommandoer på.

Når du tenker på dynamikk HTML , må du huske kvalitetene til standard HTML, spesielt at når en side først er lastet inn fra serveren, vil den ikke endres før en ny forespørsel kommer til serveren. Dynamisk HTML gir deg mer kontroll over HTML-elementene og lar dem endres når som helst, uten å gå tilbake til webserveren.

Det er fire deler til DHTML:

• Document Object Model (DOM) (definisjon)
• Skript
• Cascading Style Sheets (CSS)
• XHTML

DOM

DOM er det som lar deg få tilgang til hvilken som helst del av websiden din for å endre den med DHTML. Hver del av en webside er spesifisert av DOM og ved å bruke dens konsistente navnekonvensjoner kan du få tilgang til dem og endre egenskapene deres.

Skript

Skript skrevet i enten JavaScript eller ActiveX er de to vanligste skriptspråkene som brukes til å aktivere DHTML. Du bruker et skriptspråk for å kontrollere objektene som er spesifisert i DOM.

Cascading Style Sheets

CSS brukes i DHTML for å kontrollere utseendet på nettsiden. Stilark definerer fargene og skriftene til tekst, bakgrunnsfarger og bilder og plasseringen av objekter på siden. Ved å bruke skript og DOM kan du endre stilen til forskjellige elementer.

XHTML

XHTML eller HTML 4.x brukes til å lage selve siden og bygge elementene for CSS og DOM å jobbe med. Det er ikke noe spesielt med XHTML for DHTML - men å ha gyldig XHTML er enda viktigere, siden det er flere ting som fungerer fra det enn bare nettleseren.

Funksjoner av DHTML

Det er fire hovedtrekk ved DHTML:

1. Endre tagger og egenskaper
2. Sanntidsposisjonering
3. Dynamiske skrifter (Netscape Communicator)
4. Databinding (Internet Explorer)

Endre tagger og egenskaper

Dette er en av de vanligste bruksområdene for DHTML. Det lar deg endre kvalitetene til en HTML-tag avhengig av en hendelse utenfor nettleseren (som et museklikk, klokkeslett eller dato og så videre). Du kan bruke dette til å forhåndslaste informasjon på en side, og ikke vise den med mindre leseren klikker på en bestemt lenke.

Sanntidsposisjonering

Når de fleste tenker på DHTML er dette hva de forventer. Objekter, bilder og tekst som beveger seg rundt på nettsiden. Dette kan tillate deg å spille interaktive spill med leserne dine eller animere deler av skjermen.

Dynamiske skrifter

Dette er en funksjon kun for Netscape. Netscape utviklet dette for å omgå problemet designere hadde med å ikke vite hvilke fonter som ville være på en lesers system. Med dynamiske fonter blir skriftene kodet og lastet ned med siden, slik at siden alltid ser ut slik designeren har tenkt. Du kan også bruke nettsikre skrifter .

Databinding

Dette er kun en funksjon for IE. Microsoft utviklet dette for å gi enklere tilgang til databaser fra nettsider . Det er veldig likt å bruke CGI for å få tilgang til en database, men bruker en ActiveX-kontroll for å fungere. Denne funksjonen er svært avansert og vanskelig å bruke for nybegynnere av DHTML-forfatter.