DHTML: Dynamisk nettkoding

• Kan 20, 2024

DHTML står for Dynamisk HyperText Markup Lspråk og kan defineres som kunsten å gjøre HTML-nettsider dynamiske ved å kombinere HTML med Javascript og Cascading Style Sheets (CSS). I motsetning til de andre fire HTML-variantene som ble studert i de fire foregående artiklene i denne serien, er DHTML ikke en standard definert av W3 Consortium. Snarere er det et "markedsføringstegn som ble brukt av Netscape og Microsoft for å beskrive de nye teknologiene 4.x-generasjons nettlesere ville støtte" (W3 Consortium). HTML 4.0 introduserte først to viktige komponenter som er iboende for strukturen til DHTML:

• Cascading Style Sheets (CSS)
• Dokumentobjektmodeller (DOM)

Gjør koden din dynamisk

CSS tilbyr stil- og layoutmodeller mens DOM leverer dokumentinnholdsmodeller for HTML-dokumenter. JavaScript og VBScript legger til muligheten til å skrive skriptskode for å kontrollere HTML-elementer. Disse tre komponentene legger sammen dynamiske HTML-sider. En hovedavskrekkende virkning er nettleskompatibilitet - Netscape og Microsoft har fremdeles ikke blitt enige om hva de skal implementere i nettleserne: Det kan være vanskelig å skrive DHTML-sider som fungerer bra i begge nettleserne. For å se selv kan du få tilgang til Microsoft og Netscape standarder online:

• MSDN-bibliotek hos Microsoft
• Dynamisk HTML i Netscape Communicator

"DHTML utmerker seg med å lage effekter med lav båndbredde som forbedrer funksjonaliteten til en webside. Den kan brukes til å lage animasjoner, spill, applikasjoner, gi nye måter å navigere gjennom nettsteder på og lage out-of-the-world side-oppsett som ganske enkelt er Det er ikke mulig med bare HTML. Selv om mange av funksjonene til DHTML kan dupliseres med enten Flash eller Java, gir DHTML et alternativ som ikke krever plugins og integreres sømløst på en webside. "(Dan Steinman, 1998).

For å forstå kompleksiteten til DHTML, er det nyttig å undersøke komponentene mer detaljert.

Kaskaderende stilark

CSS er sofistikerte koder som skiller webinnhold fra nettoppspillingen - stilen, plasseringen, farger, skrifter og så videre. CSSP eller CSS Positioning tillater pikselnivå kontroll over HTML elementposisjonering. Separasjonen av presentasjonsstilen til webdokumenter fra innholdet med CSS2 (CSS-nivå 2) forenkler webforfattering og vedlikehold av nettsteder. "CSS2 støtter mediespesifikke stilark slik at forfattere kan skreddersy presentasjonen av dokumentene sine til visuelle nettlesere, lydanordninger, skrivere, punktsystemer, håndholdte enheter, etc. Denne spesifikasjonen støtter også innholdsposisjonering, nedlastbare skrifter, tabelloppsett, funksjoner for internasjonalisering, automatiske tellere og nummerering, og noen egenskaper relatert til brukergrensesnitt "(W3 Consortium). W3C tilbyr en utmerket veiledning for å lære CSS2 kalt, CSS2 spesifikasjon.

Javascript

JavaScript er et spesielt skriptleserbasert språk som brukes til å kontrollere HTML-elementer og legge til funksjonalitet til skjemaer, rammer, vinduer, bildevideringer, lydvideo-kontroller og manipulere DHTML. Netscape kalte først dette skriptet JavaScript, slik at Microsoft kom med begrepet JScript for sitt spesielle merke for skripting. Resultatet? To versjoner av JavaScript som kan være irriterende inkompatible. Hvis du vil utforske dette problemet mer, kan du gå til Netscapes JavaScript Central og Microsofts JScript ressursside. Hemmeligheten bak de dynamiske effektene av JavaScript-innhold er bruken av lagobjekter. Lagobjekter får tekst til å endre seg når musen ruller over den; det får bilder eller tekst til å bevege seg rundt websiden; det får også rullegardinmenyer til å slippe ned. Lagobjekter er ordnet i div-tags, med definerende egenskaper som farge, plassering og synlighet.

Setter dem sammen

DHTML brukes vanligvis for å oppnå tre oppgaver:

• Posisjon eller plassere blokker med innhold på siden og flytte dem rundt
• Stilendringer som endrer utseendet og følelsen på siden
• Hendelseshåndtering eller relatere brukerhendelser til endringer i posisjonering eller andre stilendringer

I nyere versjoner av Internet Explorer og Netscape (versjon 5, 6 og oppover) blir DOM den valgte koden for de fleste DHTML-kodinger. Når masteren er behersket, kan DOM hjelpe nettdesignere med å manipulere, legge til, slette og redigere dokumentkoding relatert til alle stiler, attributter (for eksempel en href) og elementer (for eksempel html-tagger) på siden. Det betyr at alle tagger og attributter som er felles for et html-dokument, er tilgjengelige via DOM. For øyeblikket anbefales dokumentobjektmodellnivåene 0 & 1 av W3C. Nivå 2 er også i verkene, men har ennå ikke blitt fremmet som standard for DHTML-koding.

En nyttig gruppe veiledninger er tilgjengelige gjennom HTML godbiter, kalt DHTML og Layer Tutorial.

Koblingene som er inkludert i denne artikkelen gir introduksjoner og hvordan du kan begynne reisen din for å mestre denne nyeste utviklingen innen HTML-koding.Ethvert raskt søk på Google vil bringe mange flere ressurser til oppmerksomhet, lett tilgjengelig med fingertuppene. Når nettleserprodusenter jobber med deres inkompatibilitet og bruken av nettlesere med høyere versjon blir mer vanlig, vil DHTML bli en obligatorisk del av reiserute for enhver profesjonell designer.

HTML Highlight Article Series

DEL 1: Bør en troverdig designer vite HTML?
DEL 2: HTML 3.2 - Wilburs fødsel
DEL 3: HTML 4.0 OG 4.01 - Mer av en god ting!
DEL 4: XHTML: Webkoding for raffinert design
DEL 5: DHTML: Dynamisk nettkoding