DHTML: Dynamisk webkodning

• Kan 2, 2024

DHTML står for Dynamisk HyperText Markup Lsprog og kan defineres som kunsten at gøre HTML-websider dynamiske ved at kombinere HTML med Javascript og Cascading Style Sheets (CSS). I modsætning til de andre fire HTML-variationer, der er undersøgt i de foregående fire artikler i denne serie, er DHTML ikke en standard defineret af W3 Consortium. Det er snarere et "marketingbegrep, der blev brugt af Netscape og Microsoft til at beskrive de nye teknologier, som 4.x-generationens browsere ville understøtte" (W3 Consortium). HTML 4.0 introducerede først to vigtige komponenter, der hænger sammen med strukturen i DHTML:

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

At gøre din kode dynamisk

CSS leverer stil- og layoutmodeller, mens DOM leverer dokumentindholdsmodeller til HTML-dokumenter. JavaScript og VBScript tilføjer muligheden for at skrive scripting-kode til kontrol af HTML-elementer. Sammenlagt tilføjer disse tre komponenter dynamiske HTML-sider. En væsentlig afskrækkende virkning er browserinkompatibilitet - Netscape og Microsoft er stadig ikke enige om, hvad de skal implementere i deres browsere: Det kan derfor være vanskeligt at skrive DHTML-sider, der fungerer godt i begge browsere. For at se dig selv kan du få adgang til Microsoft og Netscape standarder online:

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

"DHTML udmærker sig ved at oprette effekter med lav båndbredde, der forbedrer en webside funktionalitet. Det kan bruges til at oprette animationer, spil, applikationer, give nye måder at navigere gennem websteder på og skabe layout fra denne verdensside, der simpelthen er Det er ikke muligt med bare HTML. Selvom mange af DHTML-funktionerne kan duplikeres med enten Flash eller Java, giver DHTML et alternativ, der ikke kræver plugins og integreres problemfrit på en webside. "(Dan Steinman, 1998).

For at forstå kompleksiteten af ​​DHTML er det nyttigt at undersøge dets komponenter mere detaljeret.

Cascading Style Sheets

CSS er sofistikerede koder, der adskiller webindhold fra web-afspilningen - stilen, positioneringen, farver, skrifttyper og så videre. CSSP eller CSS Positioning tillader pixel-niveau kontrol over HTML element positionering. Adskillelsen af ​​præsentationsstilen for webdokumenter fra indholdet med CSS2 (CSS-niveau 2) forenkler webautorisering og vedligeholdelse af websteder. "CSS2 understøtter mediespecifikke stilark, så forfattere kan skræddersy præsentationen af ​​deres dokumenter til visuelle browsere, lydudstyr, printere, brailleenheder, håndholdte enheder osv. Denne specifikation understøtter også indholdspositionering, downloadbare skrifttyper, tabellayout, funktioner til internationalisering, automatiske tællere og nummerering og nogle egenskaber relateret til brugergrænseflade "(W3 Consortium). W3C tilbyder en fremragende tutorial til at lære CSS2 kaldet, CSS2-specifikation.

JavaScript

JavaScript er et specielt script-browser-baseret sprog, der bruges til at kontrollere HTML-elementer og tilføje funktionalitet til formularer, rammer, windows, image rollovers, audio-video-kontroller og manipulere DHTML. Netscape kaldte først denne scripting JavaScript, så Microsoft kom med udtrykket JScript for sit særlige brand scripting. Resultatet? To versioner af JavaScript, der kan være irriterende inkompatible. Besøg Netscapes for at udforske dette problem mere JavaScript Central og Microsofts JScript ressource side. Hemmeligheden bag de dynamiske effekter af JavaScript-indhold er brugen af ​​lagobjekter. Lagobjekter ændrer tekst, når musen ruller over den; det får billeder eller tekst til at bevæge sig rundt på websiden; det får også rullemenuer til at slippe ned. Lagobjekter er arrangeret i div-tags med definerende egenskaber som farve, placering og synlighed.

Sætter dem sammen

DHTML anvendes normalt til at opnå tre opgaver:

• Position eller placere blokke med indhold på siden og flytte det rundt
• Stilmodifikationer som ændrer udseendet og følelsen af ​​siden
• Begivenhedshåndtering eller relaterer brugerbegivenheder til ændringer i positionering eller andre stilmodifikationer

I nyere versioner af Internet Explorer og Netscape (version 5, 6 og nyere) er DOM ved at blive den valgte kode for de fleste DHTML-kodninger. Når DOM er behersket, kan DOM hjælpe webdesignere med at manipulere, tilføje, slette og redigere dokumentkodning relateret til alle stilarter, attributter (såsom en href) og elementer (såsom html-tags) på siden. Det betyder, at alle tags og attribut, der er fælles for et html-dokument, er tilgængelige via DOM. I øjeblikket anbefales dokumentobjektmodelniveauene 0 & 1 af W3C. Niveau 2 er også i værkerne, men er endnu ikke blevet forfremmet som standarden for DHTML-kodning.

En hjælpsom gruppe tutorials er tilgængelig via HTML Goodies, kaldet DHTML og lagvejledning.

Links, der er inkluderet i denne artikel, giver introduktioner og vejledninger til at begynde din rejse med at mestre denne nyeste udvikling inden for HTML-kodning.Enhver hurtig søgning på Google vil give mange flere ressourcer opmærksomhed, let tilgængelig lige ved hånden. Efterhånden som browserproducenter arbejder på deres inkompatibilitet, og brugen af ​​browsere af højere version bliver mere almindelige, vil DHTML blive en obligatorisk del af enhver professionel designer-rejseplan.

HTML Highlight Article Series

DEL 1: Bør en troværdig designer vide HTML?
DEL 2: HTML 3.2 - Wilburs fødsel
DEL 3: HTML 4.0 OG 4.01 - Mere af en god ting!
DEL 4: XHTML: Webkodning til raffineret design
DEL 5: DHTML: Dynamisk webkodning

Video Instruktioner: Dynamic HTML (Kan 2024).