Hvordan dynamisk HTML (DHTML) bruges til at oprette interaktive sider

The best protection against click fraud.

Dynamisk HTML er ikke rigtig en ny specifikation af HTML, men snarere en anden måde at se på og kontrollere standard HTML-koder og kommandoer.

Når man tænker på dynamisk HTML, skal du huske kvaliteten af ​​standard HTML, især at når en side er indlæst fra serveren, ændres den ikke, før der kommer en anden anmodning til serveren. Dynamisk HTML giver dig mere kontrol over HTML-elementerne og giver dem mulighed for at ændre sig når som helst uden at vende tilbage til webserveren.

Der er fire dele til DHTML:

  • Document Object Model (DOM) (definition)
  • Scripts
  • Cascading Style Sheets (CSS)
  • XHTML

DOM

DOM er det, der giver dig adgang til enhver del af din webside for at ændre den med DHTML. Hver del af en webside er specificeret af DOM, og ved hjælp af dens ensartede navngivningskonventioner kan du få adgang til dem og ændre deres egenskaber.

Scripts

Scripts skrevet i enten JavaScript eller ActiveX er de to mest almindelige script-sprog, der bruges til at aktivere DHTML. Du bruger et skriptsprog til at kontrollere de objekter, der er specificeret i DOM.

instagram viewer

Cascading Style Sheets

CSS bruges i DHTML til at kontrollere websidens udseende og fornemmelse. Stilark definerer tekstens farver og skrifttyper, baggrundsfarver og billeder og placeringen af ​​objekter på siden. Ved hjælp af scripting og DOM kan du ændre stilen på forskellige elementer.

XHTML

XHTML eller HTML 4.x bruges til at oprette selve siden og opbygge elementerne til CSS og DOM at arbejde på. Der er ikke noget særligt ved XHTML til DHTML - men at have gyldig XHTML er endnu vigtigere, da der er flere ting, der fungerer ud fra det end bare browseren.

Funktioner i DHTML

Der er fire primære funktioner i DHTML:

  1. Ændring af tags og egenskaber
  2. Realtidspositionering
  3. Dynamiske skrifttyper (Netscape Communicator)
  4. Databinding (Internet Explorer)

Ændring af tags og egenskaber

Dette er en af ​​de mest almindelige anvendelser af DHTML. Det giver dig mulighed for at ændre kvaliteterne i en HTML-tag afhængigt af en begivenhed uden for browseren (såsom et museklik, klokkeslæt eller dato osv.). Du kan bruge dette til at forudindlæse oplysninger på en side og ikke vise dem, medmindre læseren klikker på et bestemt link.

Realtidspositionering

Når de fleste mennesker tænker på DHTML, er det, hvad de forventer. Objekter, billeder og tekst bevæger sig rundt på websiden. Dette kan give dig mulighed for at spille interaktive spil med dine læsere eller animere dele af din skærm.

Dynamiske skrifttyper

Dette er en funktion, der kun er Netscape. Netscape udviklede dette for at omgå det problem, designere havde med ikke at vide, hvilke skrifttyper der ville være på en læserens system. Med dynamiske skrifttyper kodes og downloades skrifttyperne med siden, så siden altid ser ud som designeren havde til hensigt. Du kan også bruge websikre skrifttyper.

Databinding

Dette er en IE-eneste funktion. Microsoft udviklede dette for at give lettere adgang til databaser fra websteder. Det ligner meget at bruge CGI for at få adgang til en database, men bruger en ActiveX-kontrol til at fungere. Denne funktion er meget avanceret og vanskelig at bruge til den begyndende DHTML-forfatter.

instagram story viewer