DHTML: Dynamic Web Coding

• Duben 25, 2024

DHTML znamená Dynamic HyperText Markup LÚhel a může být definován jako umění dynamizace webových stránek HTML kombinací HTML s Javascriptem a kaskádovými stylovými listy (CSS). Na rozdíl od ostatních čtyř variant HTML studovaných v předchozích čtyřech článcích této série není DHTML standardem definovaným konsorciem W3. Spíše je to „marketingový termín, který používali Netscape a Microsoft k popisu nových technologií, které prohlížeče 4.x podporují“ (konsorcium W3). HTML 4.0 poprvé představil dvě důležité komponenty, které jsou vlastní struktuře DHTML:

• Kaskádové styly (CSS)
• Modely objektů dokumentů (DOM)

Váš dynamický kód

CSS poskytují modely stylů a rozvržení, zatímco DOM poskytuje modely obsahu dokumentů pro dokumenty HTML. JavaScript a VBScript přidávají schopnost psát skriptovací kód pro ovládání prvků HTML. Tyto tři komponenty dohromady vytvářejí dynamické stránky HTML. Jedním z hlavních odstrašujících prvků je nekompatibilita prohlížeče - Netscape a Microsoft se stále nedohodly na tom, co implementovat do svých prohlížečů: psaní stránek DHTML, které dobře fungují v obou prohlížečích, může být složité. Chcete-li se sami přesvědčit, můžete přistupovat k standardům Microsoft a Netscape online:

• Knihovna MSDN ve společnosti Microsoft
• Dynamický HTML v aplikaci Netscape Communicator

„DHTML vyniká ve vytváření efektů s malou šířkou pásma, které zvyšují funkčnost webové stránky. Lze jej použít k vytváření animací, her, aplikací, poskytování nových způsobů procházení webovými stránkami a vytváření rozložení světových stránek, které prostě nejsou "To není možné pouze s HTML. Ačkoli mnoho funkcí DHTML lze duplikovat s Flash nebo Java, DHTML nabízí alternativu, která nevyžaduje pluginy a bez problémů vloží do webové stránky." (Dan Steinman, 1998).

Abychom porozuměli složitosti DHTML, je užitečné prozkoumat jeho součásti podrobněji.

Kaskádové styly

CSS jsou sofistikované kódy, které oddělují webový obsah od webového zobrazení - styl, umístění, barvy, písma atd. CSSP nebo CSS Positioning umožňuje na úrovni pixelů řídit umístění HTML prvků. Oddělení stylu prezentace webových dokumentů od obsahu pomocí CSS2 (CSS úroveň 2) zjednodušuje tvorbu webových stránek a údržbu webu. „CSS2 podporuje šablony stylů specifické pro média, takže autoři mohou přizpůsobit prezentaci svých dokumentů vizuálním prohlížečům, zvukovým zařízením, tiskárnám, braillovým zařízením, kapesním zařízením atd. Tato specifikace také podporuje umisťování obsahu, stahovatelná písma, rozvržení tabulek, funkce pro internacionalizace, automatické čítače a číslování a některé vlastnosti související s uživatelským rozhraním “(konsorcium W3). W3C nabízí vynikající výuku, jak se naučit CSS2 s názvem Specifikace CSS2.

JavaScript

JavaScript je speciální skriptovací jazyk založený na prohlížeči, který se používá k ovládání prvků HTML a přidávání funkcí do formulářů, rámců, oken, převrácení obrázků, ovládacích prvků audio-videa a manipulace s DHTML. Netscape nejprve označil tento skriptovací JavaScript, takže Microsoft přišel s termínem JScript pro jeho konkrétní značku skriptování. Výsledek? Dvě verze JavaScriptu, které mohou být nepříjemně nekompatibilní. Chcete-li tento problém prozkoumat více, navštivte Netscape's JavaScript Central a Microsoft JScript zdrojová stránka. Tajemství dynamických efektů obsahu JavaScripted je použití objektů vrstvy. Objekty vrstvy umožňují změnu textu, když na ni přejede myš; umožňuje pohyb obrázků a textu po webové stránce; také způsobí rozevírací menu. Objekty vrstev jsou uspořádány do značek div s definujícími charakteristikami, jako je barva, poloha a viditelnost.

Dává je dohromady

DHTML se obvykle používá k dosažení tří úkolů:

• Pozice nebo umístění bloků obsahu na stránku a jejich přesunutí
• Úpravy stylu které mění vzhled a dojem stránky
• Zpracování událostí nebo související uživatelské události se změnami polohování nebo jinými úpravami stylu

V novějších verzích Internet Explorer a Netscape (verze 5, 6 a vyšší) se DOM stává kódem volby pro většinu kódování DHTML. Po zvládnutí může DOM pomoci webovým designérům manipulovat, přidávat, mazat a upravovat kódování dokumentů související se všemi styly, atributy (jako je href) a prvky (jako jsou značky html) na stránce. To znamená, že každá značka a atribut společný html dokumentu je přístupný přes DOM. Aktuálně jsou úrovně 0 a 1 objektového modelu dokumentu doporučeny W3C. Úroveň 2 je také v dílech, ale dosud nebyla povýšena jako standard pro kódování DHTML.

Užitečná skupina výukových programů je k dispozici prostřednictvím HTML Goodies, tzv Výukový program DHTML a Layer.

Odkazy obsažené v tomto článku nabízejí úvody a návody, jak začít svou cestu k zvládnutí tohoto nejnovějšího vývoje v html kódování.Každé rychlé vyhledávání na Googlu vám přinese mnoho dalších zdrojů, které jsou snadno dostupné na dosah ruky. Protože výrobci prohlížečů pracují na jejich nekompatibilitě a používání prohlížečů vyšší verze se stává běžnější, DHTML se stane povinnou součástí itineráře profesionálního návrháře.

HTML Highlight Article Series

ČÁST 1: Měl by důvěryhodný designér znát HTML?
ČÁST 2: HTML 3.2 - Zrození Wilbur
ČÁST 3: HTML 4.0 A 4.01 - více dobré věci!
ČÁST 4: XHTML: Webové kódování pro rafinovaný design
ČÁST 5: DHTML: Dynamic Web Coding

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