Kuinka dynaamista HTML: ää (DHTML) käytetään interaktiivisten sivujen luomiseen

Dynaaminen HTML ei ole oikeastaan ​​uusi HTML-määritys, vaan pikemminkin erilainen tapa tarkastella ja hallita tavallisia HTML-koodeja ja -komentoja.

Kun ajattelet dynaamista HTML, sinun on muistettava tavallisen HTML: n ominaisuudet, varsinkin että kun sivu ladataan palvelimelta, se ei muutu ennen kuin uusi pyyntö tulee palvelimelle. Dynaaminen HTML antaa sinulle paremman hallinnan HTML-elementteihin ja antaa niiden muuttaa milloin tahansa palaamatta Web-palvelimeen.

DHTML: ssä on neljä osaa:

  • Asiakirjan objektimalli (DOM) (määritelmä)
  • Skriptit
  • CSS-tyylilehdet (CSS)
  • XHTML

DOM

DOM antaa sinun käyttää mitä tahansa verkkosivusi osaa vaihtaaksesi sen DHTML: llä. DOM määrittelee jokaisen verkkosivun osan, ja sen johdonmukaisia ​​nimeämiskäytäntöjä käyttämällä voit käyttää niitä ja muuttaa niiden ominaisuuksia.

Skriptit

Joko JavaScriptillä tai ActiveX: llä kirjoitetut komentosarjat ovat kaksi yleisintä komentosarjakieliä, joita käytetään DHTML: n aktivointiin. Voit hallita DOM: ssa määritettyjä objekteja komentosarjakielellä.

instagram viewer

CSS-tyylilehdet

CSS: ää käytetään DHTML: ssä verkkosivun ulkoasun hallintaan. Tyylitaulukot määrittelevät tekstin värit ja kirjasimet, taustavärit ja kuvat sekä esineiden sijoittelun sivulle. Komentosarjojen ja DOM: n avulla voit muuttaa eri elementtien tyyliä.

XHTML

XHTML- tai HTML 4.x -käyttöjärjestelmää käytetään itse sivun luomiseen ja CSS: n ja DOM työskennellä jonkin parissa. DHTML: n XHTML: ssä ei ole mitään erityistä - mutta kelvollinen XHTML on entistäkin tärkeämpää, koska siinä toimii enemmän asioita kuin vain selain.

DHTML: n ominaisuudet

DHTML: ssä on neljä pääominaisuutta:

  1. Tunnisteiden ja ominaisuuksien muuttaminen
  2. Reaaliaikainen paikannus
  3. Dynaamiset fontit (Netscape Communicator)
  4. Tietojen sitominen (Internet Explorer)

Tunnisteiden ja ominaisuuksien muuttaminen

Tämä on yksi DHTML: n yleisimmistä käyttötavoista. Sen avulla voit muuttaa HTML-tunniste riippuen selaimen ulkopuolisesta tapahtumasta (kuten hiiren napsautus, aika tai päivämäärä jne.). Voit käyttää tätä esiladata tietoja sivulle, etkä voi näyttää niitä, ellei lukija napsauta tiettyä linkkiä.

Reaaliaikainen paikannus

Kun useimmat ihmiset ajattelevat DHTML: tä, he odottavat sitä. Objektit, kuvat ja teksti liikkuvat verkkosivulla. Tämän avulla voit pelata interaktiivisia pelejä lukijoiden kanssa tai animoida näytön osia.

Dynaamiset fontit

Tämä on vain Netscape-ominaisuus. Netscape kehitti tämän kiertääkseen suunnittelijoiden ongelman tietämättä, mitkä fontit olisivat lukijan järjestelmässä. Dynaamisilla kirjasimilla kirjasimet koodataan ja ladataan sivun mukana, jotta sivu näyttää aina suunnittelijan suunnittelemalta tavalla. Voit myös käyttää web-turvalliset fontit.

Tietojen sitominen

Tämä on vain IE-ominaisuus. Microsoft kehitti tämän helpottamaan pääsyä tietokannat verkkosivustoilta. Se on hyvin samanlainen kuin käyttö CGI päästäksesi tietokantaan, mutta käyttää ActiveX-komponenttia. Tämä ominaisuus on hyvin edistynyt ja sitä on vaikea käyttää aloittavan DHTML-kirjoittajan kanssa.

instagram story viewer