DHTML: Dynamic Web Coding

• Smieť 4, 2024

DHTML znamená Dynamický HyperText Markup Lsklon a dá sa definovať ako umenie dynamizácie webových stránok HTML kombináciou HTML s Javascriptom a kaskádovými štýlmi (CSS). Na rozdiel od ostatných štyroch variácií HTML študovaných v predchádzajúcich štyroch článkoch v tejto sérii, DHTML nie je štandard definovaný konzorciom W3. Ide skôr o „marketingový pojem, ktorý používali Netscape a Microsoft na opis nových technológií, ktoré by podporovali prehliadače generácie 4.x“ (konzorcium W3). HTML 4.0 prvýkrát predstavil dva dôležité komponenty, ktoré sú vlastné štruktúre DHTML:

• Kaskádové štýly (CSS)
• Modely objektov dokumentov (DOM)

Zmeňte svoj kód na dynamický

CSS poskytujú modely štýlov a rozloženia, zatiaľ čo DOM poskytuje modely obsahu dokumentov pre dokumenty HTML. JavaScript a VBScript pridávajú schopnosť písať skriptovací kód na ovládanie prvkov HTML. Tieto tri komponenty spolu vytvárajú dynamické stránky HTML. Jedným z hlavných odradzujúcich prvkov je nekompatibilita prehliadača - Netscape a Microsoft sa stále nedohodli na tom, čo implementovať vo svojich prehľadávačoch: písanie stránok DHTML, ktoré dobre fungujú v oboch prehľadávačoch, môže byť preto zložité. Ak sa chcete sami presvedčiť, môžete pristupovať k štandardom Microsoft a Netscape online:

• Knižnica MSDN v spoločnosti Microsoft
• Dynamický HTML v aplikácii Netscape Communicator

„DHTML vyniká vo vytváraní efektov s malou šírkou pásma, ktoré zvyšujú funkčnosť webovej stránky. Môže sa použiť na vytváranie animácií, hier, aplikácií, poskytovanie nových spôsobov navigácie v webových lokalitách a vytváranie rozloženia svetovej stránky, ktoré jednoducho nie sú dostupné. "Nie je to možné iba pomocou HTML. Aj keď mnohé funkcie DHTML možno duplikovať s programom Flash alebo Java, DHTML poskytuje alternatívu, ktorá nevyžaduje doplnky a bez problémov vloží do webovej stránky." (Dan Steinman, 1998).

Aby sme pochopili komplexnosť DHTML, je užitočné podrobnejšie preskúmať jeho komponenty.

Kaskádové štýly

CSS sú sofistikované kódy, ktoré oddeľujú webový obsah od webového popisu - štýl, umiestnenie, farby, písma atď. Polohovanie CSSP alebo CSS umožňuje kontrolu polohy prvkov HTML pomocou pixelov. Oddelenie prezentačného štýlu webových dokumentov od obsahu pomocou CSS2 (CSS úroveň 2) zjednodušuje tvorbu webových stránok a údržbu stránok. „CSS2 podporuje štýly špecifické pre médiá, aby autori mohli prispôsobiť prezentáciu svojich dokumentov vizuálnym prehliadačom, zvukovým zariadeniam, tlačiarňam, Braillovým prístrojom, vreckovým zariadeniam atď. Táto špecifikácia tiež podporuje umiestňovanie obsahu, písma na stiahnutie, rozloženie tabuľky, funkcie pre internacionalizácia, automatické počítadlá a číslovanie a niektoré vlastnosti súvisiace s používateľským rozhraním “(konzorcium W3). W3C ponúka vynikajúci návod na naučenie sa CSS2 s názvom Špecifikácia CSS2.

JavaScript

JavaScript je špeciálny skriptovací jazyk založený na prehľadávači, ktorý sa používa na ovládanie prvkov HTML a pridávanie funkcií do formulárov, rámov, okien, prevrátenia obrázkov, ovládacích prvkov audio-videa a manipulácie s DHTML. Netscape prvýkrát nazval tento skriptovací JavaScript, takže Microsoft prišiel s výrazom JScript pre jeho konkrétnu značku skriptovania. Výsledok? Dve verzie JavaScriptu, ktoré môžu byť nepríjemne nekompatibilné. Ak chcete tento problém preskúmať viac, navštívte stránku Netscape's JavaScript Central a Microsoft JScript stránka zdrojov. Tajomstvo dynamických účinkov obsahu JavaScripted je použitie objektov vrstvy. Objekty vrstiev spôsobujú zmenu textu, keď na ňu myš prejde; umožňuje pohyb obrázkov a textu po webovej stránke; to tiež spôsobuje rozbaľovacie ponuky. Vrstvové objekty sú usporiadané do značiek div s definovanými charakteristikami, ako sú farba, poloha a viditeľnosť.

Zostavuje ich

DHTML sa zvyčajne používa na dosiahnutie troch úloh:

• pozície alebo umiestňovanie blokov obsahu na stránku a ich posúvanie
• Úpravy štýlov ktoré menia vzhľad a dojem stránky
• Vybavovanie udalostí alebo súvisiace udalosti používateľov so zmenami v polohovaní alebo inými úpravami štýlov

V novších verziách programov Internet Explorer a Netscape (verzie 5, 6 a vyššie) sa DOM stáva kódom voľby pre väčšinu kódovania DHTML. Po zvládnutí môže DOM pomôcť webovým dizajnérom manipulovať, pridávať, mazať a upravovať kódovanie dokumentov týkajúce sa všetkých štýlov, atribútov (ako je href) a prvkov (ako sú napríklad značky HTML) na stránke. To znamená, že každá značka a atribút spoločný pre html dokument je prístupný cez DOM. V súčasnosti W3C odporúča úrovne 0 a 1 objektového modelu dokumentu. Úroveň 2 je tiež v dielach, ale zatiaľ nebola propagovaná ako štandard pre kódovanie DHTML.

Užitočná skupina výukových programov je k dispozícii prostredníctvom HTML Goodies s názvom Výukový program pre DHTML a vrstvu.

Odkazy uvedené v tomto článku ponúkajú úvod a návody na začatie vašej cesty pri zvládnutí tohto najnovšieho vývoja v html kódovaní.Každé rýchle vyhľadávanie na stránkach Google prinesie do pozornosti omnoho viac zdrojov, ktoré sú okamžite k dispozícii na dosah ruky. Pretože výrobcovia prehliadačov pracujú na ich nekompatibilite a používanie prehliadačov vyšších verzií sa stáva bežnejšou, DHTML sa stane povinnou súčasťou itinerára ktoréhokoľvek profesionálneho návrhára.

HTML Zvýrazniť sériu článkov

ČASŤ 1: Mal by dôveryhodný dizajnér poznať HTML?
ČASŤ 2: HTML 3.2 - Narodenie Wilbur
ČASŤ 3: HTML 4.0 A 4.01 - Viac dobrej veci!
ČASŤ 4: XHTML: Webové kódovanie pre vylepšený dizajn
ČASŤ 5: DHTML: Dynamic Web Coding

Video Návody: DHTML | Web Technology | Lec-20 | Bhanu Priya (Smieť 2024).