DHTML: Dinamikus webkódolás

• Április 26, 2024

A DHTML jelentése Dynamic HyperText Markup LAnguage, és meghatározható a HTML weboldalak dinamikussá tételének művészeteként, ha a HTML-t Javascript és Cascading Style Sheets (CSS) kombinálják. A sorozat előző négy cikkében vizsgált másik négy HTML-változattal ellentétben a DHTML nem a W3 konzorcium által meghatározott szabvány. Inkább egy "marketing kifejezés, amelyet a Netscape és a Microsoft használtak az új technológiák leírására, amelyeket a 4.x generációs böngészők támogatnának" (W3 Consortium). A HTML 4.0 először két fontos összetevőt mutatott be, amelyek elengedhetetlenek a DHTML struktúrájához:

• Lépcsőzetes stíluslapok (CSS)
• Dokumentumobjektummodellek (DOM)

Kódjának dinamikussá tétele

A CSS stílus- és elrendezési modelleket biztosít, míg a DOM a HTML-dokumentumokhoz dokumentumtartalom-modelleket biztosít. A JavaScript és a VBScript lehetővé teszik a szkriptkód írását a HTML elemek vezérlésére. Összefoglalva, ez a három elem összeadja a dinamikus HTML oldalakat. Az egyik legfontosabb elrettentő tényező a böngésző összeférhetetlensége - a Netscape és a Microsoft még mindig nem állapodtak meg abban, hogy mit kell végrehajtaniuk böngészőikben: így bonyolult lehet mindkét böngészőben jól működő DHTML oldalak írása. Saját magának a megtekintéséhez online hozzáférhet a Microsoft és a Netscape szabványokhoz:

• MSDN könyvtár a Microsoftnál
• Dinamikus HTML a Netscape Communicatorban

"A DHTML kiválóan képes kis sávszélességű effektusok létrehozására, amelyek javítják a weboldal funkcionalitását. Animaciók, játékok, alkalmazások létrehozására, a webhelyek közötti navigáció új módszereinek biztosítására és a világon kívüli, egyszerűen nem fejleszthető weblap-elrendezések létrehozására használható. Ez csak HTML formátumban lehetséges. Bár a DHTML számos funkcióját meg lehet másolni akár Flash-rel, akár Java-val, a DHTML olyan alternatívát kínál, amely nem igényel plug-ineket, és zökkenőmentesen beágyazódik egy weboldalra. ”(Dan Steinman, 1998).

A DHTML összetettségének megértése érdekében célszerű részletesebben megvizsgálni annak összetevőit.

Lépcsőzetes stíluslapok

A CSS kifinomult kódok, amelyek elválasztják a webtartalmat a webes megjelenéstől - a stílust, a helymeghatározást, a színeket, a betűtípusokat és így tovább. A CSSP vagy a CSS Pozicionálás pixelszintű ellenőrzést tesz lehetővé a HTML elemek pozicionálása felett. A webdokumentumok megjelenítési stílusának és a tartalomnak a CSS2-vel történő elválasztása (CSS 2. szint) leegyszerűsíti a web-készítést és a webhely karbantartását. "A CSS2 támogatja a média-specifikus stíluslapokat, így a szerzők testreszabhatják dokumentumaik megjelenítését vizuális böngészőkhöz, hangos eszközökhöz, nyomtatókhoz, Braille-eszközökhöz, kézi eszközökhöz stb. nemzetközivé válás, automatikus számlálók és számozás, valamint a felhasználói felülettel kapcsolatos egyes tulajdonságok "(W3 Consortium). A W3C kiváló oktatóprogramot kínál a CSS2 elsajátításához, az úgynevezett, CSS2 specifikáció.

JavaScript

A JavaScript egy speciális szkript alapú böngésző-alapú nyelv, amelyet HTML elemek vezérlésére és az űrlapok, keretek, ablakok, képátfedések, audio-video vezérlők és a DHTML kezelésére használhatunk. A Netscape először ezt a szkript JavaScriptet nevezte, így a Microsoft a JScript kifejezést hozta létre az adott szkript márka számára. Az eredmény? A JavaScript két verziója, amelyek bosszantóan összeférhetetlenek lehetnek. A kérdés további megismeréséhez keresse fel a Netscape webhelyet JavaScript központi és a Microsoft JScript erőforrás oldal. A JavaScripted tartalom dinamikus hatásainak titka a rétegobjektumok használata. A rétegobjektumok megváltoztatják a szöveget, amikor az egér görget rajta; képeket vagy szöveget mozgat a weboldalon; ez a legördülő menüket is lenyomja. A rétegobjektumok div tag-ekben vannak elrendezve, olyan jellemzőkkel, mint a szín, a helyzet és a láthatóság.

Összerakva őket

A DHTML-et általában három feladat elérésére alkalmazzák:

• Pozíció vagy tartalomblokkok elhelyezése az oldalon és mozgatásuk körül
• Stílusmódosítások amelyek megváltoztatják az oldal megjelenését és hangulatát
• Eseménykezelés vagy a felhasználói események hozzárendelése a helyzetmegváltozáshoz vagy más stílusmódosításokhoz

Az Internet Explorer és a Netscape újabb verzióiban (5., 6. és újabb verziók) a DOM a legtöbb DHTML kódolás választott kódjává válik. Elsajátításuk után a DOM segíthet a webtervezőknek az oldalon található összes stílushoz, attribútumhoz (például egy href) és elemekhez (például html címkékhez) kapcsolódó dokumentumkódolások kezeléséhez, hozzáadásához, törléséhez és szerkesztéséhez. Ez azt jelenti, hogy a html dokumentumokhoz tartozó minden címke és attribútum elérhető a DOM-on. Jelenleg a W3C ajánlja a 0 és 1 dokumentumobjektum-modellszintet. A 2. szint szintén szerepel a munkákban, de még nem tették közzé a DHTML kódolás standardjaként.

Hasznos oktatócsoportok érhetők el a HTML Goodies segítségével, úgynevezett DHTML és réteg bemutató.

A cikkben található linkek bevezetéseket és útmutatásokat kínálnak az utazás megkezdéséhez a html kódolás legújabb fejlesztésének elsajátításához.A Google-on végzett gyors keresések sokkal több erőforrásra hívják fel a figyelmet, amelyek kéznél vannak. Mivel a böngészők gyártói az összeférhetetlenséggel foglalkoznak, és a magasabb verziójú böngészők egyre gyakoribbá válnak, a DHTML minden professzionális tervező útvonalának kötelező részévé válik.

HTML kiemelés cikksorozat

1. RÉSZ: Ha egy hiteles tervezőnek tudnia kell a HTML-t?
2. RÉSZ: HTML 3.2 - Wilbur születése
3. RÉSZ: HTML 4.0 ÉS 4.01 - Több jó dolog!
4. RÉSZ: XHTML: Webkód a finomított tervezéshez
5. RÉSZ: DHTML: Dinamikus webkódolás