DHTML-esittely

Sinun tulisi hallita perustietoja

Jatkaessasi opintojasi, sinun on perustiedoissaan ymmärrettävä seuraavat:

  • HTML
  • CSS
  • JavaScript

Jos haluat ensin oppia näitä projekteja, vieraile meidän Etusivu Vieritä näihin opetusmateriaaleihin.

DHTML ei ole W3C:n standardi

DHTML tarkoittaa dynaamista HTML:ää (Dynamic HTML).

DHTML ei ole W3C:n määrittämä standardi. DHTML on markkinointitermi - Netscape- ja Microsoft-yhtiöt käyttivät sitä kuvaamaan uusia teknologioita, joita 4.x-sukupuolen selaimet tulisi tukea.

DHTML on teknologian yhdistelmä, jota käytetään dynaamisten sivustojen luomiseen.

Useimmille DHTML tarkoittaa HTML 4.0:n, tyylejä ja JavaScriptin yhdistelmää.

W3C on sanonut: 'Dynaaminen HTML on termi, jonka jotkut valmistajat käyttävät kuvaamaan HTML:n, tyylejä ja skriptejä yhdistävää yhdistelmää, joka tekee dokumentista dynaamisemman.'

DHTML-tekniikka

DHTML:n avulla web-kehittäjät voivat hallita, miten HTML-elementit näytetään ja sijoitetaan selaimen ikkunassa.

HTML 4.0

HTML 4.0:n avulla kaikki muotoilut (tiedot) voidaan siirtää HTML-dokumentista ja kirjoittaa erilliseen tyyliin. Koska HTML 4.0 voi erottaa dokumentin esityksen rakenteesta, voimme hallita esityskantaa täysin ilman, että dokumentin sisältö häiriintyy.

Tasoitustaulukot (CSS)

CSS:n avulla saamme käyttöömme HTML-dokumenttien tyylejä ja asetteluja.

Koska CSS antaa kehittäjille kyvyn hallita useiden sivujen tyylejä ja asetteluja yhdessä, CSS voidaan kutsua web-suunnittelun alueen läpimurtona. Kehittäjänä voit määritellä tyylejä jokaiselle HTML-elementille ja soveltaa niitä haluamillasi sivuilla. Jos tarvitset tehdä yleisen muutoksen, muutetaan vain tyylejä, ja kaikki elementit päivittyvät automaattisesti webissä.

Dokumenttiobjektimalli (DOM)

DOM tarkoittaa dokumenttiobjektimallia.

HTML DOM on HTML:n dokumenttiobjektimalli.

HTML DOM määrittelee joukon standardeja objekteja HTML:lle sekä standardeja objektien käsittelyyn HTML:ssä.

“W3C:n dokumenttinen objektipohjainen malli (DOM) on kielen ja alustan riippumaton界面上, joka mahdollistaa ohjelmien ja skriptien dynaamisen pääsyn ja päivittämisen dokumentin sisältöön, rakenteeseen ja tyyleihin.”

JavaScript

Antaa sinulle kyvyn kirjoittaa koodia, joka voi hallita kaikkia HTML-elementtejä.

DHTML-tekniikat Netscape 4.x ja Internet Explorer 4.x

Netscape 4.x Ylivalta DHTML Internet Explorer 4.x
  • JSS (JavaScript-tyylitaulukot) (mahdollistaa eri HTML-elementtien näyttämisen hallinnan)
  • Layert (mahdollistaa elementtien sijoittamisen ja näkyvyyden hallinnan)
  • CSS1
  • CSS2 (mahdollistaa eri HTML-elementtien näyttämisen hallinnan)
  • CSS-sijoittelu (mahdollistaa elementtien sijoittamisen ja näkyvyyden hallinnan)
  • JavaScript
  • Visuaaliset suodattimet (mahdollistavat visuaalisten vaikutusten soveltamisen tekstiin ja grafiikkaan)
  • Dynaaminen CSS (mahdollistaa elementtien sijoittamisen ja näkyvyyden hallinnan)

Huomautus:Niin kauan kuin eri selaimet luovat ominaisuuksia ja teknologioita, joita muiden selainten ei tueta, DHTML-koodauksen käyttö voi aiheuttaa ongelmia. Jokin verkkosivu näyttää erinomaiselta yhdessä selaimessa, mutta erittäin huonolta toisessa.