DHTML: codare web dinamică

• Mai 1, 2024

DHTML înseamnă Dinamică HyperText Markup Language și poate fi definit ca arta de a face ca paginile web HTML să fie dinamice prin combinarea HTML cu Javascript și Cascading Style Sheets (CSS). Spre deosebire de celelalte patru variații HTML studiate în cele patru articole anterioare din această serie, DHTML nu este un standard definit de W3 Consortium. Mai degrabă, este un „termen de marketing folosit de Netscape și Microsoft pentru a descrie noile tehnologii pe care le-ar suporta browserele de generație 4.x” (W3 Consortium). HTML 4.0 a introdus pentru prima dată două componente importante care sunt inerente structurii DHTML:

• Foile de stil în cascadă (CSS)
• Modele de obiecte documente (DOM)

Crearea codului dvs. dinamic

CSS oferă modele de stil și aspect, în timp ce DOM oferă modele de conținut de documente pentru documente HTML. JavaScript și VBScript adaugă posibilitatea de a scrie cod de script pentru a controla elementele HTML. Împreună, aceste trei componente se adaugă la paginile HTML dinamice. Un element principal de descurajare este incompatibilitatea browserului - Netscape și Microsoft încă nu au fost de acord cu ce să implementeze în browserele lor: astfel, scrierea de pagini DHTML care funcționează bine în ambele browsere poate fi dificilă. Pentru a vă vedea singur, puteți accesa standardele Microsoft și Netscape online:

• Biblioteca MSDN la Microsoft
• HTML dinamic în Netscape Communicator

"DHTML excelează în crearea efectelor de lățime de bandă redusă, care îmbunătățesc funcționalitatea unei pagini web. Poate fi folosit pentru a crea animații, jocuri, aplicații, pentru a oferi noi moduri de navigare prin site-uri web și pentru a crea machete de pagini din lume care pur și simplu nu sunt Nu este posibil doar cu HTML. Deși multe dintre caracteristicile DHTML pot fi duplicate cu Flash sau Java, DHTML oferă o alternativă care nu necesită pluginuri și încorporează perfect o pagină web. "(Dan Steinman, 1998).

Pentru a înțelege complexitățile DHTML, este util să examinăm mai detaliat componentele sale.

Foile de stil în cascadă

CSS sunt coduri sofisticate care separă conținutul web de afișarea web - stilul, poziționarea, culorile, fonturile etc. Poziționarea CSSP sau CSS permite controlul la nivel de pixel asupra poziționării elementelor HTML. Separarea stilului de prezentare a documentelor web de conținut cu CSS2 (nivel CSS 2) simplifică autorizarea Web și întreținerea site-ului. "CSS2 acceptă fișe de stil specifice media, astfel încât autorii pot adapta prezentarea documentelor lor în browsere vizuale, dispozitive fonice, imprimante, dispozitive braille, dispozitive portabile, etc. Această specificație acceptă și poziționarea conținutului, fonturi descărcabile, aspectul tabelelor, funcții pentru internaționalizare, contoare automate și numerotare și unele proprietăți legate de interfața cu utilizatorul "(W3 Consortium). W3C oferă un tutorial excelent pentru a învăța CSS2 numit, Specificația CSS2.

JavaScript

JavaScript este un limbaj special bazat pe browser-ul de scripturi folosit pentru a controla elementele HTML și pentru a adăuga funcționalitate formelor, cadrelor, ferestrelor, rolelor de imagine, controalelor audio-video și manipulării DHTML. Netscape a numit pentru prima dată acest script JavaScript, astfel încât Microsoft a venit cu termenul, JScript, pentru brandul său particular de scripturi. Rezultatul? Două versiuni de JavaScript care pot fi enervant de incompatibile. Pentru a explora mai mult această problemă, accesați Netscape JavaScript Central și Microsoft JScript pagina resurselor. Secretul efectelor dinamice ale conținutului JavaScript este utilizarea obiectelor de nivel. Obiectele stratului fac ca textul să se schimbe atunci când mouse-ul derulează peste el; face ca imaginile sau textul să se miște pe pagina web; face, de asemenea, meniurile derulante. Obiectele stratului sunt aranjate în etichete div, cu caracteristici definitorii precum culoarea, poziția și vizibilitatea.

Îmbinându-le

DHTML este de obicei aplicat pentru a realiza trei sarcini:

• Poziţie sau plasarea blocurilor de conținut pe pagină și mutarea acestora
• Modificări de stil care schimbă aspectul paginii
• Manipularea evenimentelor sau raportarea evenimentelor utilizatorului la modificările de poziționare sau alte modificări de stil

În versiunile mai noi de Internet Explorer și Netscape (versiunile 5, 6 sau ulterioare), DOM devine codul ales pentru majoritatea codărilor DHTML. Odată stăpânit, DOM poate ajuta designerii web să manipuleze, să adauge, să șteargă și să editeze codarea documentelor legate de toate stilurile, atributele (cum ar fi un href) și elemente (cum ar fi etichetele html) din pagină. Aceasta înseamnă că fiecare etichetă și atribut comun pentru un document html este accesibil prin intermediul DOM. În prezent, W3C recomandă modelul de obiecte documente 0 și 1. Nivelul 2 este, de asemenea, în lucrare, dar nu a fost încă promovat ca standard pentru codarea DHTML.

Un grup util de tutoriale sunt disponibile prin intermediul serviciilor HTML, numite DHTML și tutorialul stratului.

Linkurile incluse în acest articol oferă introduceri și modalități de a începe călătoria dvs. în stăpânirea acestei noi dezvoltări în codarea html.Orice căutare rapidă pe Google vă va aduce mult mai multe resurse în atenție, disponibile la îndemână. Pe măsură ce producătorii de browser lucrează la incompatibilitatea lor și utilizarea browserelor cu versiuni superioare devin mai obișnuite, DHTML va deveni o parte obligatorie a itinerariului oricărui proiectant profesionist.

Serii de articole HTML evidențiate

PARTEA 1: Ar trebui ca un proiectant credibil să cunoască HTML?
PARTEA 2: HTML 3.2 - Nașterea lui Wilbur
PARTEA 3: HTML 4.0 ȘI 4.01 - Mai multe lucruri bune!
PARTEA 4: XHTML: codare web pentru design rafinat
PARTEA 5: DHTML: codare web dinamică

Instrucțiuni Video,: SAP Webi - Formulas & Variables (Mai 2024).