DHTML: dinaminis interneto kodavimas

• Gegužė 3, 2024

DHTML reiškia Dynamic HyperText Markupas Lkančia ir gali būti apibrėžta kaip menas HTML tinklalapius padaryti dinamiškus derinant HTML su „Javascript“ ir „Cascading Style Sheets“ (CSS). Skirtingai nuo kitų keturių HTML variantų, nagrinėtų ankstesniuose keturiuose šios serijos straipsniuose, DHTML nėra standartas, apibrėžtas W3 konsorciumo. Veikiau tai yra „rinkodaros terminas, kurį„ Netscape “ir„ Microsoft “vartojo apibūdindami naujas technologijas, kurias palaikytų 4.x kartos naršyklės“ (W3 konsorciumas). HTML 4.0 pirmiausia pristatė du svarbius komponentus, neatsiejamus nuo DHTML struktūros:

• Kaskadiniai stiliaus lapai (CSS)
• Dokumento objekto modeliai (DOM)

Kodo dinamiškumas

CSS teikia stiliaus ir išdėstymo modelius, o DOM teikia HTML dokumentų dokumentų turinio modelius. „JavaScript“ ir „VBScript“ suteikia galimybę rašyti scenarijų kodą HTML elementams valdyti. Visi šie komponentai sudėti į dinaminius HTML puslapius. Vienas pagrindinių atgrasymo būdų yra naršyklių nesuderinamumas - „Netscape“ ir „Microsoft“ vis dar nesusitarė, ką įgyvendinti savo naršyklėse: todėl rašyti DHTML puslapius, kurie gerai veikia abiejose naršyklėse, gali būti sudėtinga. Norėdami pamatyti patys, galite prisijungti prie „Microsoft“ ir „Netscape“ standartų internete:

• MSDN biblioteka „Microsoft“
• Dinaminis HTML „Netscape Communicator“

"DHTML puikiai sukuria mažo pralaidumo efektus, kurie pagerina tinklalapio funkcionalumą. Jis gali būti naudojamas kuriant animaciją, žaidimus, programas, pateikiant naujus naršymo po interneto svetaines būdus ir kuriant ne šio pasaulio puslapių išdėstymo variantus, kurie tiesiog nėra sukurti. Neįmanoma tik naudojant HTML. Nors daugelį DHTML funkcijų galima kopijuoti su „Flash“ ar „Java“, DHTML yra alternatyva, kuriai nereikia papildinių ir sklandžiai įterpiama į tinklalapį. “(Dan Steinman, 1998).

Norint suprasti DHTML sudėtingumą, naudinga išsamiau išnagrinėti jo komponentus.

Kaskadinio stiliaus lakštai

CSS yra sudėtingesni kodai, atskirti žiniatinklio turinį nuo žiniatinklio apimties - stilius, išdėstymas, spalvos, šriftai ir pan. CSSP arba CSS padėties nustatymas leidžia valdyti HTML elementų išdėstymą pikselių lygiu. Atskirtas interneto dokumentų pateikimo stilius nuo turinio naudojant CSS2 (CSS 2 lygis) supaprastina žiniatinklio kūrimą ir svetainės priežiūrą. „CSS2 palaiko laikmenoms būdingus stiliaus lapus, kad autoriai galėtų pritaikyti savo dokumentų pateikimą vizualinėms naršyklėms, foniniams įrenginiams, spausdintuvams, Brailio rašto įrenginiams, delniniams įrenginiams ir kt. Ši specifikacija taip pat palaiko turinio išdėstymą, atsisiunčiamus šriftus, lentelės išdėstymą, internacionalizavimas, automatiniai skaitikliai ir numeracija bei kai kurios savybės, susijusios su vartotojo sąsaja “(W3 konsorciumas). „W3C“ siūlo puikią mokymo programą CSS2, vadinamą, CSS2 specifikacija.

„JavaScript“

„JavaScript“ yra speciali scenarijų naršyklės pagrįsta kalba, naudojama HTML elementams valdyti ir formoms, rėmeliams, langams, vaizdų perkėlimui, garso ir vaizdo valdikliams valdyti bei DHTML valdyti. Pirmiausia „Netscape“ šį scenarijų pavadino „JavaScript“, todėl „Microsoft“ sugalvojo terminą „JScript“ dėl savo ypatingo scenarijaus prekės ženklo. Rezultatas? Dvi „JavaScript“ versijos, kurios gali būti erzinančiai nesuderinamos. Norėdami daugiau sužinoti apie šią problemą, apsilankykite „Netscape's“ „JavaScript“ centrinis ir „Microsoft“ JScript šaltinio puslapis. „JavaScripted“ turinio dinaminio poveikio paslaptis yra sluoksnių objektų naudojimas. Sluoksnio objektai verčia tekstą pasikeisti, kai pelė slenka per jį; tai priverčia vaizdus ar tekstą judėti tinklalapyje; tai taip pat leidžia išskleisti meniu. Sluoksnio objektai yra suskirstyti į Div žymas, nurodant tokias savybes kaip spalva, padėtis ir matomumas.

Sudedant juos kartu

DHTML paprastai taikomas trims uždaviniams pasiekti:

• Padėtis arba įdėkite puslapio turinio blokus ir juos perkelkite
• Stiliaus modifikacijos kurie keičia puslapio išvaizdą ir pobūdį
• Renginių tvarkymas arba susieja vartotojo įvykius su padėties pakeitimais ar kitomis stiliaus modifikacijomis

Naujesnėse „Internet Explorer“ ir „Netscape“ versijose (5, 6 ir naujesnėse versijose) DOM tampa pasirinktu kodu daugeliui DHTML kodavimo. Įsisavinęs DOM gali padėti interneto dizaineriams manipuliuoti, pridėti, ištrinti ir redaguoti dokumentų kodavimą, susijusį su visais puslapio stiliais, atributais (tokiais kaip href) ir elementais (tokiais kaip HTML žymos). Tai reiškia, kad kiekviena HTML dokumentui būdinga žyma ir atributas yra prieinamas per DOM. Šiuo metu W3C rekomenduoja dokumento objekto modelio 0 ir 1 lygius. 2 lygis taip pat yra darbuose, tačiau dar nebuvo reklamuojamas kaip DHTML kodavimo standartas.

Naudinga vadovėlių grupė yra prieinama per HTML gėrybes, vadinamąsias DHTML ir sluoksnių mokymo programa.

Šiame straipsnyje pateiktose nuorodose siūlomos įžangos ir patarimai, kaip pradėti savo kelionę įvaldant šią naujausią HTML kodo raidą.Bet kokia greita „Google“ paieška atkreips jūsų dėmesį į dar daugiau šaltinių, lengvai pasiekiamų po ranka. Naršyklių gamintojams dirbant su jų nesuderinamumu ir įprasti naudoti aukštesnės versijos naršykles, DHTML taps privaloma bet kokio profesionalių dizainerių maršruto dalimi.

HTML paryškintų straipsnių serija

1 DALIS: Ar patikimas dizaineris turėtų žinoti HTML?
2 DALIS: HTML 3.2 - Wilburio gimimas
3 DALIS: HTML 4.0 ir 4.01 - daugiau gero dalyko!
4 DALIS: XHTML: patobulinto dizaino internetinis kodavimas
5 DALIS: DHTML: dinaminis interneto kodavimas