Dinamički HTML zapravo nije nova specifikacija HTML-a, već je drugačiji način gledanja i upravljanja standardnim HTML kodovima i naredbama.
Kad se misli na dinamiku HTML, morate zapamtiti kvalitete standardnog HTML-a, posebno da se jednom kada se stranica učita s poslužitelja, ona neće promijeniti dok na server ne dođe drugi zahtjev. Dinamički HTML daje vam veću kontrolu nad HTML elementima i omogućuje im promjenu u bilo kojem trenutku, bez vraćanja na web poslužitelj.
DHTML imaju četiri dijela:
- Model objekta dokumenta (DOM) (definicija)
- Skripte
- Kaskadni listovi stilova (CSS)
- XHTML
DOM
DOM je ono što vam omogućuje pristup bilo kojem dijelu vaše web stranice da biste ga promijenili pomoću DHTML-a. Svaki dio web stranice određuje DOM i pomoću njegovih dosljednih konvencija imenovanja možete im pristupiti i promijeniti njihova svojstva.
Skripte
Skripte napisane na JavaScript-u ili ActiveX-u dva su najčešća skriptna jezika koja se koriste za aktiviranje DHTML-a. Za upravljanje objektima navedenim u DOM-u koristite skriptni jezik.
Kaskadni listovi stilova
CSS se koristi u DHTML-u za kontrolu izgleda i izgleda web stranice. Tablice stilova definiraju boje i fontove teksta, boje pozadine i slike te smještaj objekata na stranici. Pomoću skriptiranja i DOM-a možete promijeniti stil različitih elemenata.
XHTML
XHTML ili HTML 4.x koristi se za stvaranje same stranice i izradu elemenata za CSS i DOM raditi na. Nema ništa posebno u vezi s XHTML-om za DHTML - ali posjedovanje valjanog XHTML-a je još važnije jer iz njega radi više stvari nego samo preglednik.
Značajke DHTML-a
Postoje četiri osnovne značajke DHTML-a:
- Promjena oznaka i svojstava
- Pozicioniranje u stvarnom vremenu
- Dinamični fontovi (Netscape Communicator)
- Vezanje podataka (Internet Explorer)
Promjena oznaka i svojstava
Ovo je jedna od najčešćih upotreba DHTML-a. Omogućuje vam promjenu kvaliteta HTML oznaka ovisno o događaju izvan preglednika (poput klika miša, vremena ili datuma i tako dalje). To možete koristiti za prethodno učitavanje podataka na stranicu i ne prikazivanje ako čitač ne klikne određenu vezu.
Pozicioniranje u stvarnom vremenu
Kad većina ljudi pomisli na DHTML, to je ono što očekuju. Predmeti, slike i tekst koji se kreću po web stranici. To vam omogućuje igranje interaktivnih igara s čitačima ili animiranje dijelova zaslona.
Dinamični fontovi
Ovo je značajka samo za Netscape. Netscape je ovo razvio kako bi zaobišao problem dizajnera jer nisu znali koji će fontovi biti na čitačevom sustavu. Kod dinamičnih fontova fontovi se kodiraju i preuzimaju sa stranicom, tako da stranica uvijek izgleda onako kako je dizajner zamislio. Također možete koristiti fontovi sigurni za web.
Vezanje podataka
Ovo je samo IE značajka. Microsoft je to razvio kako bi omogućio lakši pristup baze podataka s web stranica. Vrlo je slično korištenju CGI za pristup bazi podataka, ali za funkcioniranje koristi ActiveX kontrolu. Ova je značajka vrlo napredna i teška za upotrebu za početnike DHTML pisca.