Kaip dinaminis HTML (DHTML) naudojamas kuriant interaktyvius puslapius

7io / Getty Images

Dinaminis HTML iš tikrųjų nėra nauja HTML specifikacija, o veikiau kitoks būdas žiūrėti ir valdyti standartinius HTML kodus ir komandas.

Kai galvojama apie dinamiką HTML , reikia atsiminti standartinio HTML savybes, ypač tai, kad kai puslapis bus įkeltas iš serverio, jis nepasikeis, kol į serverį neateis kita užklausa. Dinaminis HTML suteikia daugiau galimybių valdyti HTML elementus ir leidžia juos bet kada keisti, negrįžtant į žiniatinklio serverį.

DHTML yra keturios dalys:

• Dokumento objekto modelis (DOM) (apibrėžimas)
• Scenarijai
• Kaskadiniai stiliaus lapai (CSS)
• XHTML

DOM

DOM leidžia pasiekti bet kurią savo tinklalapio dalį, kad ją pakeistumėte naudodami DHTML. Kiekvieną tinklalapio dalį nurodo DOM ir naudodamiesi nuosekliomis pavadinimų sutartimis galite prieiti prie jų ir pakeisti jų savybes.

Scenarijai

„JavaScript“ arba „ActiveX“ parašyti scenarijai yra dvi labiausiai paplitusios scenarijų kalbos, naudojamos DHTML suaktyvinti. Norėdami valdyti DOM nurodytus objektus, naudojate scenarijų kalbą.

Kaskadiniai stiliaus lapai

CSS naudojamas DHTML, kad būtų galima valdyti tinklalapio išvaizdą. Stiliaus lapai apibrėžia teksto spalvas ir šriftus, fono spalvas ir vaizdus bei objektų vietą puslapyje. Naudodami scenarijus ir DOM galite pakeisti įvairių elementų stilių.

XHTML

XHTML arba HTML 4.x naudojamas pačiam puslapiui sukurti ir CSS bei CSS elementams kurti DOM dirbti. XHTML, skirtas DHTML, nėra nieko ypatingo, tačiau galiojantis XHTML yra dar svarbiau, nes su juo veikia daugiau dalykų nei tik naršyklė.

DHTML ypatybės

Yra keturios pagrindinės DHTML funkcijos:

1. Žymų ir savybių keitimas
2. Realaus laiko padėties nustatymas
3. Dinaminiai šriftai („Netscape Communicator“)
4. Duomenų susiejimas („Internet Explorer“)

Žymų ir savybių keitimas

Tai vienas iš dažniausiai naudojamų DHTML. Tai leidžia keisti savybes HTML žyma priklausomai nuo įvykio už naršyklės ribų (pvz., pelės paspaudimo, laiko ar datos ir pan.). Galite naudoti tai norėdami iš anksto įkelti informaciją į puslapį ir nerodyti jos, nebent skaitytojas spustelėja konkrečią nuorodą.

Realaus laiko padėties nustatymas

Kai dauguma žmonių galvoja apie DHTML, to jie tikisi. Objektai, vaizdai ir tekstas, judantys tinklalapyje. Tai leis jums žaisti interaktyvius žaidimus su skaitytuvais arba animuoti ekrano dalis.

Dinaminiai šriftai

Tai tik „Netscape“ funkcija. „Netscape“ tai sukūrė siekdamas išspręsti dizainerių problemą, kai nežinojo, kokie šriftai bus skaitytuvo sistemoje. Naudojant dinaminius šriftus, šriftai užkoduojami ir atsisiunčiami kartu su puslapiu, kad puslapis visada atrodytų taip, kaip sumanė dizaineris. Taip pat galite naudoti žiniatinklyje saugūs šriftai .

Duomenų įrišimas

Tai tik IE funkcija. „Microsoft“ sukūrė tai, kad būtų lengviau pasiekti duomenų bazes iš interneto svetainių . Tai labai panašu į naudojimą CGI pasiekti duomenų bazę, bet funkcionuoti naudoja ActiveX valdiklį. Ši funkcija yra labai pažangi ir sunkiai naudojama pradedantiesiems DHTML rašytojams.