Dynamic HTML nu este într-adevăr o specificație nouă a HTML-ului, ci mai degrabă o nouă modalitate de a privi și de a controla codurile și comenzile HTML standard.
Când vă gândiți la HTML dinamic, trebuie să vă amintiți calitățile standardului HTML, mai ales că o dată ce o pagină este încărcată de pe server, aceasta nu se va schimba până când nu va apărea o altă cerere pe server. Dynamic HTML vă oferă mai mult control asupra elementelor HTML și le permite să se schimbe în orice moment, fără a reveni la serverul Web.
Există patru părți la DHTML:
- Document Object Model (DOM) (definiție)
- Scripturi
- Foi de stil cascadă (CSS)
- XHTML
DOM
Domeniul DOM este ceea ce vă permite să accesați orice parte a paginii dvs. Web pentru al modifica cu DHTML. Fiecare parte a paginii Web este specificată de DOM și utilizează convențiile de numire consecvente pe care le puteți accesa și le puteți modifica proprietățile.
Scripturi
Scripturile scrise în JavaScript sau ActiveX sunt cele două limbi de scriere cele mai frecvente folosite pentru a activa DHTML. Utilizați o limbă de scripting pentru a controla obiectele specificate în DOM.
Foi de stil cascadă
CSS este folosit în DHTML pentru a controla aspectul paginii web. Formatele de stil definesc culorile și fonturile textului, culorile și imaginile de fundal și plasarea obiectelor pe pagină. Folosind scripting-ul și DOM-ul, poți schimba stilul diverselor elemente.
XHTML
XHTML sau HTML 4.x este folosit pentru a crea pagina în sine și pentru a construi elementele pentru CSS și DOM pentru a lucra la. Nu este nimic deosebit despre XHTML pentru DHTML - dar având valabil XHTML este chiar mai important, deoarece mai multe lucruri lucrează de la acesta decât browserul.
Caracteristicile DHTML
Există patru caracteristici principale ale DHTML:
- Schimbarea etichetelor și a proprietăților
- Poziționarea în timp real
- Fonturi dinamice (Netscape Communicator)
- Legarea datelor (Internet Explorer)
Schimbarea etichetelor și a proprietăților
Aceasta este una dintre cele mai frecvente utilizări ale DHTML. Acesta vă permite să modificați calitățile unei etichete HTML în funcție de un eveniment din afara browserului (cum ar fi un click de mouse, ora sau data și așa mai departe). Puteți folosi acest lucru pentru a preîncărca informațiile pe o pagină și nu o afișați decât dacă cititorul face clic pe un anumit link.
Poziționarea în timp real
Atunci când majoritatea oamenilor se gândesc la DHTML, acest lucru se așteaptă. Obiecte, imagini și text care se mișcă în jurul paginii Web. Acest lucru vă permite să jucați jocuri interactive cu cititorii sau porțiuni animate ale ecranului.
Fonturi dinamice
Aceasta este o caracteristică numai pentru Netscape. Netscape a dezvoltat acest lucru pentru a face față problemelor pe care proiectanții le-au avut, fără să știe ce fonturi ar fi în sistemul unui cititor. Cu fonturile dinamice, fonturile sunt codificate și descărcate împreună cu pagina, astfel încât pagina să arate întotdeauna cum intenționează proiectantul.
Legarea datelor
Aceasta este o caracteristică numai pentru IE. Microsoft a dezvoltat acest lucru pentru a permite accesul mai ușor la bazele de date de pe site-urile Web . Este foarte similar cu utilizarea unui CGI pentru a accesa o bază de date, dar utilizează un control ActiveX pentru a funcționa. Această caracteristică este foarte avansată și dificil de utilizat pentru scriitorul DHTML de început.