Cum este folosit HTML dinamic (DHTML) pentru a crea pagini interactive

HTML dinamic nu este într-adevăr o nouă specificație a HTML-ului, ci mai degrabă un mod diferit de a privi și de a controla codurile și comenzile HTML standard.

Când ne gândim la dinamică HTML, trebuie să vă amintiți calitățile HTML standard, mai ales că, odată ce o pagină este încărcată de pe server, aceasta nu se va schimba până când nu apare o altă cerere pe server. HTML dinamic vă oferă mai mult control asupra elementelor HTML și le permite să se schimbe în orice moment, fără a reveni la serverul Web.

DHTML are patru părți:

  • Model de obiect document (DOM) (definiție)
  • Scripturi
  • Foi de stil în cascadă (CSS)
  • XHTML

DOM

DOM este ceea ce vă permite să accesați orice parte a paginii dvs. Web pentru a o modifica cu DHTML. Fiecare parte a unei pagini web este specificată de DOM și folosind convențiile sale consistente de denumire, le puteți accesa și modifica proprietățile acestora.

Scripturi

Scripturile scrise fie în JavaScript, fie în ActiveX sunt cele mai comune două limbaje de scripturi utilizate pentru activarea DHTML. Folosiți un limbaj de script pentru a controla obiectele specificate în DOM.

instagram viewer

Foi de stil în cascadă

CSS este utilizat în DHTML pentru a controla aspectul paginii Web. Foliile de stil definesc culorile și fonturile textului, culorile și imaginile de fundal și plasarea obiectelor pe pagină. Folosind scripturi și DOM, puteți schimba stilul diferitelor elemente.

XHTML

XHTML sau HTML 4.x este utilizat pentru a crea pagina în sine și a construi elementele pentru CSS și DOM a lucra la. Nu există nimic special în XHTML pentru DHTML - dar să ai XHTML valid este chiar mai important, deoarece există mai multe lucruri care funcționează din acesta decât doar browserul.

Caracteristicile DHTML

Există patru caracteristici principale ale DHTML:

  1. Modificarea etichetelor și a proprietăților
  2. Poziționare în timp real
  3. Fonturi dinamice (Netscape Communicator)
  4. Legarea datelor (Internet Explorer)

Modificarea etichetelor și a proprietăților

Aceasta este una dintre cele mai frecvente utilizări ale DHTML. Vă permite să schimbați calitățile unui Etichetă HTML în funcție de un eveniment din afara browserului (cum ar fi un clic al mouse-ului, ora sau data și așa mai departe). Puteți utiliza acest lucru pentru a preîncărca informații pe o pagină și nu le afișați decât dacă cititorul face clic pe un anumit link.

Poziționare în timp real

Când majoritatea oamenilor se gândesc la DHTML, la asta se așteaptă. Obiecte, imagini și text care se deplasează în jurul paginii Web. Acest lucru vă poate permite să jucați jocuri interactive cu cititorii dvs. sau să animați porțiuni din ecran.

Fonturi dinamice

Aceasta este o caracteristică exclusiv Netscape. Netscape a dezvoltat acest lucru pentru a rezolva problema proiectanților cu faptul că nu știau ce fonturi ar fi pe sistemul unui cititor. Cu fonturile dinamice, fonturile sunt codificate și descărcate împreună cu pagina, astfel încât pagina să arate întotdeauna așa cum a intenționat designerul. Puteți utiliza, de asemenea fonturi sigure pentru web.

Legarea datelor

Aceasta este o caracteristică exclusiv IE. Microsoft a dezvoltat acest lucru pentru a permite accesul mai ușor la baze de date de pe site-uri web. Este foarte asemănător cu utilizarea CGI pentru a accesa o bază de date, dar folosește un control ActiveX pentru a funcționa. Această caracteristică este foarte avansată și dificil de utilizat pentru scriitorul DHTML inițial.