Kaip dinaminis HTML (DHTML) naudojamas kuriant interaktyvius puslapius

click fraud protection

Dinaminis HTML iš tikrųjų nėra nauja HTML specifikacija, o tai yra skirtingas būdas žiūrėti ir valdyti standartinius HTML kodus ir komandas.

Galvojant apie dinamiškumą HTML, turite atsiminti standartinio HTML savybes, ypač kad įkėlus puslapį iš serverio, jis nepasikeis tol, kol į serverį nepateks kita užklausa. Dinaminis HTML suteikia jums daugiau galimybių valdyti HTML elementus ir leidžia juos keisti bet kuriuo metu, negrįžus į žiniatinklio serverį.

Yra keturios DHTML dalys:

  • Dokumento objekto modelis (DOM) (apibrėžimas)
  • Scenarijai
  • Kaskados stiliaus lapai (CSS)
  • XHTML

DOM

DOM yra tai, kas leidžia jums pasiekti bet kurią savo tinklalapio dalį ir pakeisti ją naudojant DHTML. Kiekvieną tinklalapio dalį nurodo DOM ir naudodamiesi nuosekliomis pavadinimų suteikimo taisyklėmis galite prie jų prisijungti ir pakeisti jų ypatybes.

Scenarijai

„JavaScript“ arba „ActiveX“ parašyti scenarijai yra dvi labiausiai paplitusios scenarijų kalbos, naudojamos suaktyvinti DHTML. DOM nurodytiems objektams valdyti naudojate scenarijų kalbą.

instagram viewer

Kaskados stiliaus lapai

CSS naudojama DHTML, norint kontroliuoti tinklalapio išvaizdą. Stiliaus lapuose apibrėžiamos teksto spalvos ir šriftai, fono spalvos ir vaizdai bei objektų išdėstymas puslapyje. Naudodami scenarijus ir DOM galite pakeisti įvairių elementų stilių.

XHTML

XHTML arba HTML 4.x naudojami pačiam puslapiui sukurti ir CSS ir DOM dirbti. XHTML, skirtas DHTML, nėra nieko ypatingo - tačiau galiojančio XHTML naudojimas yra dar svarbesnis, nes iš jo veikia ne tik naršyklė.

DHTML ypatybės

Yra keturios pagrindinės DHTML savybės:

  1. Žymų ir ypatybių keitimas
  2. Padėties nustatymas realiuoju laiku
  3. Dinaminiai šriftai („Netscape Communicator“)
  4. Duomenų įrišimas („Internet Explorer“)

Žymų ir ypatybių keitimas

Tai yra vienas iš dažniausiai naudojamų DHTML. Tai leidžia jums pakeisti HTML žyma atsižvelgiant į įvykį, esantį už naršyklės ribų (pvz., pelės paspaudimas, laikas ar data ir pan.). Tai galite naudoti norėdami iš anksto įkelti informaciją į puslapį ir jos nerodyti, nebent skaitytojas spustelės konkrečią nuorodą.

Padėties nustatymas realiuoju laiku

Kai dauguma žmonių galvoja apie DHTML, to jie ir tikisi. Objektai, vaizdai ir tekstas, judantys tinklalapyje. Tai gali leisti žaisti interaktyvius žaidimus su skaitytojais arba animuoti ekrano dalis.

Dinaminiai šriftai

Tai tik „Netscape“ funkcija. „Netscape“ tai sukūrė tam, kad apeitų dizainerių problemą nežinant, kokie šriftai bus skaitytojo sistemoje. Naudojant dinaminius šriftus, šriftai yra užkoduojami ir atsisiunčiami kartu su puslapiu, kad puslapis visada atrodytų taip, kaip ketino dizaineris. Taip pat galite naudoti saugūs žiniatinklio šriftai.

Duomenų įpareigojimas

Tai tik IE funkcija. „Microsoft“ tai sukūrė, kad būtų lengviau pasiekti duomenų bazės iš interneto svetainių. Tai labai panašu į naudojimą CGI prieigai prie duomenų bazės, bet funkcionavimui naudoja „ActiveX“ valdiklį. Ši funkcija yra labai pažangi ir sunkiai naudojama pradedančiajam DHTML rašytojui.

instagram story viewer