DHTML: Dinamično spletno kodiranje

• Maj 9, 2024

DHTML pomeni Dynamic HyperText Markup Language in je mogoče opredeliti kot umetnost dinamičnih spletnih strani HTML, če kombinirate HTML z Javascripta in Cascading Style Sheets (CSS). Za razliko od drugih štirih različic HTML, preučenih v prejšnjih štirih člankih v tej seriji, DHTML ni standard, ki ga določa konzorcij W3. Gre za "tržni izraz, ki sta ga Netscape in Microsoft uporabila za opis novih tehnologij, ki bi jih brskalniki 4.x generacije podpirali" (konzorcij W3). HTML 4.0 je najprej predstavil dve pomembni komponenti, ki sta lastni strukturi DHTML:

• Kaskadni listi sloga (CSS)
• Modeli predmetnih dokumentov (DOM)

Izboljšanje dinamike kode

CSS ponuja modele sloga in postavitve, DOM pa modele vsebine dokumentov za dokumente HTML. JavaScript in VBScript dodata možnost pisanja skriptne kode za nadzor elementov HTML. Vse tri komponente sestavljajo dinamične strani HTML. Eno glavnih odvračilnih ukrepov je nezdružljivost brskalnika - Netscape in Microsoft se še vedno nista dogovorila, kaj naj nadgradita v svojih brskalnikih: zato je pisanje DHTML strani, ki dobro delujejo v obeh brskalnikih, težavno. Da se prepričate sami, lahko dostopate do standardov Microsoft in Netscape v spletu:

• Knjižnica MSDN pri Microsoftu
• Dinamični HTML v Netscape Communicatorju

"DHTML je odličen v ustvarjanju učinkov z majhno pasovno širino, ki izboljšujejo funkcionalnost spletne strani. Uporablja se lahko za ustvarjanje animacij, iger, aplikacij, zagotavljanje novih načinov krmarjenja po spletnih straneh in ustvarjanje zunaj postavljenih svetovnih strani, ki preprosto niso Ni mogoče samo s HTML. Čeprav je mogoče številne funkcije DHTML podvajati s Flash ali Java, DHTML ponuja alternativo, ki ne potrebuje vtičnikov in se brez težav vdela v spletno stran. "(Dan Steinman, 1998).

Za razumevanje zahtevnosti DHTML je koristno podrobneje preučiti njegove komponente.

Kaskadne tablice sloga

CSS so sofisticirane kode, ki ločujejo spletno vsebino od spletnega zaslona - slog, pozicioniranje, barve, pisave in tako naprej. CSSP ali CSS Positioning omogoča nadzor na ravni pikslov nad pozicioniranjem elementov HTML. Ločevanje sloga predstavitve spletnih dokumentov od vsebine s CSS2 (raven CSS 2) poenostavlja spletno ustvarjanje in vzdrževanje spletnega mesta. "CSS2 podpira predstavitvene sloge za medije, tako da lahko avtorji prilagodijo predstavitev svojih dokumentov vizualnim brskalnikom, slušnim napravam, tiskalnikom, brajevim napravam, ročnim napravam itd. Ta specifikacija podpira tudi pozicioniranje vsebine, naložene pisave, postavitev tabel, funkcije za internacionalizacijo, avtomatske števce in številčenje ter nekatere lastnosti, povezane z uporabniškim vmesnikom "(Konzorcij W3). W3C ponuja odlično vadnico za učenje CSS2 imenovanega, Specifikacija CSS2.

JavaScript

JavaScript je poseben skriptni jezik brskalnika, ki se uporablja za nadzor elementov HTML in dodajanje funkcionalnosti obrazcem, okvirjem, oknom, prevračanjem slik, nadzorom avdio-video in manipulacijo z DHTML. Netscape je prvi poklical ta skriptni JavaScript, zato je Microsoft izmislil izraz JScript za svojo posebno blagovno znamko. Rezultat? Dve različici JavaScript, ki sta lahko nadležno nezdružljivi. Če želite podrobneje raziskati to težavo, obiščite Netscape's JavaScript centralni in Microsoftovih JScript stran z viri. Skrivnost dinamičnih učinkov vsebine JavaScripted je v uporabi predmetov plasti. Predmeti plasti se spremenijo, ko se miška premika po njej; slike ali besedilo se premikajo po spletni strani; omogoča tudi spustnost menijev navzdol. Predmeti slojev so razporejeni v oznake div z definirajočimi lastnostmi, kot so barva, položaj in vidnost.

Sestavljamo jih skupaj

DHTML se običajno uporablja za dosego treh nalog:

• Položaj ali postavitev blokov vsebine na stran in njihovo premikanje
• Spremembe sloga ki spremenijo videz strani
• Obravnava dogodkov ali povezovanje uporabniških dogodkov s spremembami pozicioniranja ali drugimi spremembami sloga

V novejših različicah Internet Explorerja in Netscape (različice 5, 6 in novejših različic) DOM postaja izbirna koda za večino kodiranja DHTML. Potem ko DOM obvlada, lahko spletnim oblikovalcem pomaga pri manipulaciji, dodajanju, brisanju in urejanju kodiranja dokumentov, povezanih z vsemi slogi, atributi (na primer href) in elementi (kot so html oznake) na strani. To pomeni, da je vsaka oznaka in atribut, skupen dokumentu HTML, dostopen prek DOM. Trenutno sta ravni modelov predmeta dokumenta 0 in 1 priporočena s strani W3C. Stopnja 2 je prav tako v izdelavi, vendar še ni bila predstavljena kot standard za kodiranje DHTML.

Koristna skupina vadnic je na voljo prek HTML Goodies, imenovanih DHTML in lektorska vadnica.

Povezave v tem članku ponujajo uvod in napotke za začetek vaše poti pri obvladovanju tega najnovejšega razvoja v html kodiranju.Vsako hitro iskanje v Googlu bo pritegnilo veliko več virov, ki so na voljo na dosegu roke. Ko proizvajalci brskalnikov delujejo na svoji nezdružljivosti in uporaba brskalnikov z višjo različico postanejo bolj običajna, bo DHTML postal obvezen del itinerarja vsakega profesionalnega oblikovalca.

HTML Označi serijo člankov

1. DEL: Ali naj verodostojni oblikovalec pozna HTML?
2. DEL: HTML 3.2 - Rojstvo Wilburja
3. DEL: HTML 4.0 IN 4.01 - Več dobre stvari!
DEL 4: XHTML: Spletno kodiranje za izpopolnjen dizajn
DEL 5: DHTML: Dinamično spletno kodiranje