Dynamický HTML nie je vlastne nová špecifikácia HTML, ale skôr nový spôsob hľadania a ovládania štandardných HTML kódov a príkazov.
Pri premýšľaní o dynamickom HTML musíte pamätať na vlastnosti štandardného HTML, a to najmä, že po načítaní stránky zo servera sa nezmení, kým na server nepríde žiadna iná požiadavka. Dynamický HTML vám dáva väčšiu kontrolu nad prvkami HTML a umožňuje im kedykoľvek zmeniť bez návratu na webový server.
DHTML obsahuje štyri časti:
- Object Model dokumentu (DOM) (definícia)
- skripty
- Kaskádové štýly (CSS)
- XHTML
DOM
DOM je to, čo vám umožňuje prístup k ľubovoľnej časti vašej webovej stránky a zmeniť ju pomocou DHTML. Každá časť webovej stránky je špecifikovaná doménou DOM a používa sa jej konsistentné názvové konvencie, ku ktorým môžete pristupovať a zmeniť ich vlastnosti.
skripty
Skripty napísané v jazyku JavaScript alebo ActiveX sú dva najčastejšie používané skriptovacie jazyky na aktiváciu DHTML. Používate skriptovací jazyk na ovládanie objektov špecifikovaných v DOM.
Kaskádové štýly
CSS sa používa v DHTML na ovládanie vzhľadu a pocitu webovej stránky. Šablóny štýlov definujú farby a písma textu, farby a obrázky pozadia a umiestnenie objektov na stránke. Pomocou skriptovania a DOM môžete zmeniť štýl rôznych prvkov.
XHTML
XHTML alebo HTML 4.x sa používa na vytvorenie samotnej stránky a na zostavenie prvkov pre CSS a DOM pracovať. Nie je nič zvláštne o XHTML pre DHTML - ale platné XHTML je ešte dôležitejšie, pretože z nej pracuje viac vecí ako len prehliadač.
Vlastnosti DHTML
Existujú štyri základné funkcie DHTML:
- Zmena značiek a vlastností
- Umiestnenie v reálnom čase
- Dynamické písma (Netscape Communicator)
- Väzba údajov (Internet Explorer)
Zmena značiek a vlastností
Toto je jedno z najbežnejších použití DHTML. Umožňuje zmeniť vlastnosti značky HTML v závislosti od udalosti mimo prehliadača (napríklad kliknutie myšou, čas alebo dátum atď.). Môžete to použiť na predinštalovanie informácií na stránku a nezobrazovať ju, pokiaľ čítačka nezačne kliknúť na konkrétny odkaz.
Pozícia v reálnom čase
Keď väčšina ľudí myslí na DHTML, očakáva to. Objekty, obrázky a text pohybujúce sa okolo webovej stránky. To vám umožní hrať interaktívne hry s vašimi čitateľmi alebo animované časti obrazovky.
Dynamické písma
Toto je len funkcia Netscape. Netscape to vyvinul, aby sa dostal okolo problému, ktorý mali dizajnéri s tým, že nevedia, aké písma by sa nachádzali v čitateľskom systéme. Pri dynamických píshoch sú písma zakódované a stiahnuté na stránke, takže stránka vždy vidí, ako to zamýšľal dizajnér.
Väzba údajov
Toto je len funkcia IE. Spoločnosť Microsoft vyvinula toto, aby umožnila ľahší prístup k databázam z webových stránok . Je veľmi podobné používaniu CGI na prístup k databáze, ale používa ovládací prvok ActiveX. Táto funkcia je veľmi pokročilá a ťažko použiteľná pre začiatočný zapisovač DHTML.