DHTML: Dinamičko web kodiranje

• Svibanj 1, 2024

DHTML znači Dinamičnog HyperText Markup Language i može se definirati kao umjetnost izrade HTML web stranica dinamičnim kombiniranjem HTML-a s Javascript i Cascading Style Sheets (CSS). Za razliku od ostale četiri varijacije HTML-a proučavane u prethodna četiri članka iz ove serije, DHTML nije standard koji je definirao W3 konzorcij. Umjesto toga, to je "marketinški izraz koji su koristili Netscape i Microsoft za opisivanje novih tehnologija koje bi pretraživači 4.x generacije podržavali" (Konzorcij W3). HTML 4.0 je prvo predstavio dvije važne komponente koje su svojstvene strukturi DHTML-a:

• Kaskadni listovi stilova (CSS)
• Modeli objekata dokumenta (DOM)

Postizanje koda dinamičnim

CSS nudi modele stila i izgleda dok DOM pruža modele sadržaja dokumenta za HTML dokumente. JavaScript i VBScript dodaju mogućnost pisanja skriptnog koda za kontrolu HTML elemenata. Sastavljene, ove tri komponente zbrajaju dinamične HTML stranice. Glavno sredstvo za zastrašivanje je kompatibilnost preglednika - Netscape i Microsoft još se nisu složili što implementirati u svoje preglednike: stoga pisanje DHTML stranica koje dobro rade u oba preglednika može biti poprilično teško. Da biste se uvjerili, možete pristupiti standardima Microsoft i Netscape na mreži:

• MSDN knjižnica u Microsoftu
• Dinamični HTML u Netscape Communicatoru

"DHTML se izvrsno stvara u stvaranju efekata niske propusnosti koji poboljšavaju funkcionalnost web stranice. Može se koristiti za stvaranje animacija, igara, aplikacija, pružanje novih načina navigacije po web stranicama i stvaranje nacrta izvan ovoga svijeta koji jednostavno nisu Nije moguće samo s HTML-om. Iako se mnoge značajke DHTML-a mogu duplicirati s Flashom ili Java-om, DHTML nudi alternativu koja ne zahtijeva dodatke i jednostavno se ugrađuje u web stranicu. "(Dan Steinman, 1998).

Da bismo razumjeli složenost DHTML-a, korisno je detaljnije ispitati njegove komponente.

Kaskadne tablice stilova

CSS su sofisticirani kodovi koji od web-izdvajanja odvajaju web sadržaj - stil, pozicioniranje, boje, fontove i slično. CSSP ili CSS pozicioniranje omogućava kontrolu razine piksela nad pozicioniranjem HTML elemenata. Odvajanje stila prezentacije web dokumenata od sadržaja s CSS2 (razina CSS 2) pojednostavljuje web autorstvo i održavanje web mjesta. "CSS2 podržava listove stilova specifične za medije kako bi autori mogli prilagoditi prezentaciju svojih dokumenata vizualnim preglednicima, slušnim uređajima, pisačima, brajevim uređajima, ručnim uređajima itd. Ova specifikacija također podržava pozicioniranje sadržaja, fontove za preuzimanje, raspored tablice, značajke za internacionalizacija, automatska brojila i numeriranje i neka svojstva koja se odnose na korisničko sučelje "(W3 konzorcij). W3C nudi odličan vodič za učenje CSS2 zvanog, CSS2 Specifikacija.

JavaScript

JavaScript je poseban skriptni jezik temeljen na pregledniku koji se koristi za kontrolu HTML elemenata i dodavanje funkcionalnosti obrascima, okvirima, prozorima, prebacivanjem slika, kontrolama audio-video zapisa i manipulaciji DHTML-om. Netscape je prvi nazvao ovaj skriptni JavaScript, pa je Microsoft smislio izraz JScript za svoju marku skriptiranja. Rezultat? Dvije verzije JavaScripta koje mogu biti neugodno nespojive. Da biste više istražili ovaj problem, posjetite Netscape's JavaScript centralni i Microsoftove JScript stranica resursa. Tajna dinamičkih učinaka JavaScripted sadržaja je uporaba objekata slojeva. Objekti sloja mijenjaju tekst kad miš pređe preko njega; zbog toga se slike ili tekst kreću po web stranici; ona također čini padajuće izbornike padajući dolje. Objekti sloja složeni su u oznake div s definirajućim karakteristikama kao što su boja, položaj i vidljivost.

Sastavljajući ih zajedno

DHTML se obično primjenjuje za postizanje tri zadatka:

• Položaj ili postavljanje blokova sadržaja na stranicu i njihovo premještanje
• Izmjene stila koji mijenjaju izgled i dojam stranice
• Rukovanje događajima ili povezivanje korisničkih događaja s promjenama pozicioniranja ili drugim modifikacijama stila

U novijim verzijama Internet Explorera i Netscape-a (verzije 5, 6 i novijih) DOM postaje kôd izbora za većinu DHTML kodiranja. Nakon što ovlada, DOM može pomoći web dizajnerima da manipuliraju, dodaju, brišu i uređuju kodiranje dokumenata koji se odnosi na sve stilove, atribute (kao što je href) i elemente (kao što su html oznake) na stranici. To znači da je svaka oznaka i atribut zajednički za html dokument dostupan preko DOM-a. Trenutno, razine modela 0 i 1 predmeta dokumenta preporučuju W3C. Razina 2 je također u radu, ali još uvijek nije promovirana kao standard za DHTML kodiranje.

Korisna skupina vodiča dostupna je putem HTML Goodies, pod nazivom DHTML i lekcije za slojeve.

Veze u ovom članku nude uvod i upute kako započeti svoj put u ovladavanju ovim najnovijim razvojem u HTML kodiranju.Svako brzo pretraživanje na Googleu privući će vam mnogo više resursa, lako dostupnih na dohvat ruke. Kako proizvođači preglednika rade na svojoj nespojivosti i upotreba preglednika više verzije postaju uobičajenija, DHTML će postati obavezni dio itinerera bilo kojeg profesionalnog dizajnera.

HTML Istaknite niz članaka

1. DIO: Treba li vjerodostojni dizajner znati HTML?
2. DIO: HTML 3.2 - Rođenje Wilburga
DIO 3: HTML 4.0 I 4.01 - više od dobre stvari!
DIO 4: XHTML: Web kodiranje za pročišćeni dizajn
DIO 5: DHTML: Dinamičko web kodiranje

Upute Video: DHTML | Web Technology | Lec-20 | Bhanu Priya (Svibanj 2024).