DHTML Introduction

Ang batayang kaalaman na dapat ninyong magkaroon

Bago magpatuloy sa pag-aaral, dapat ninyong mayroong batayang kaalaman sa mga sumusunod:

  • HTML
  • CSS
  • JavaScript

Kung gusto ninyong unawain muna ang mga proyekto na ito, mangyaring pumunta sa aming Ugnayang Pangunahin Pakikipag-aklas sa mga tutorial na ito.

Ang DHTML ay hindi isang estandar ng W3C

Ang DHTML ay nangangahulugan na Dinamikong HTML (Dynamic HTML).

Ang DHTML ay hindi isang estandar na inilabas ng World Wide Web Consortium (W3C). Ang DHTML ay isang terminong pangpananalapi - ginamit ng kumpanya ng Netscape at Microsoft upang ilarawan ang bagong teknolohiya na dapat suportahan ng 4.x na henerasyon ng mga browser.

Ang DHTML ay isang kumbinasyon ng teknolohiya na ginamit upang lumikha ng dinamikong websayt.

Para sa karamihan, ang DHTML ay nangangahulugan na isang kumbinasyon ng HTML 4.0, estilo na talahanayan at JavaScript.

Sinabi ng W3C: 'Dinamikong HTML ay isang termino na ginamit ng ilang mga tagagawa upang ilarawan ang isang kumbinasyon ng HTML, estilo na talahanayan at script na nagbibigay ng mas malakas na dinamismo sa dokumento.'

DHTML na teknolohiya

Sa pamamagitan ng DHTML, ang mga web developer ay pwedeng kontrolin kung paano ipapakita at ilokalisa ang mga HTML na bagay sa window ng browser.

HTML 4.0

Sa pamamagitan ng HTML 4.0, lahat ng pagkakabuo (information) ay pwedeng ilisan mula sa dokumentong HTML at ilagay sa isang malayang estilo na talahanayan. Dahil ang HTML 4.0 ay nagbibigay ng kakayahan na paghiwalay ng pagpapakita ng dokumento mula sa kanyang straktura, maaari naming ganap na kontrolin ang pagpapakita nang hindi magkakagulo ang nilalaman ng dokumento.

Layered Style Sheets (CSS)

Sa pamamagitan ng CSS, nakakuha kami ng isang modelo ng estilo at layout para sa dokumentong HTML.

Dahil sa CSS ang nagbibigay ng kakayahan sa mga developer na kontrolin ang estilo at layout ng maraming pahina ng web nang sabay-sabay, ang CSS ay pwedeng tawagin na isang pagbabago sa larangan ng Web Design. Bilang developer, maaari mong maglagay ng estilo sa bawat HTML na bagay at ilagay ito sa anumang pahina na gusto mong gamitin. Kung kailangan ng isang pangkalahatang pagbabago, maaari lamang magpalit ng estilo at ang lahat ng mga bagay sa Web ay awtomatikong nagbabago.

Dokumentong Objekto Model (DOM)

DOM ay isang modelo ng dokumento ng bagay.

HTML DOM ay isang modelo ng dokumento ng bagay para sa HTML.

HTML DOM ay isang pangkalahatang modelo ng dokumento para sa HTML, pati na ang mga pamamaraan ng estandar para sa pagpasok at pagtugon sa mga HTML na bagay.

“Ang W3C Document Object Model (DOM) ay isang hindi nakasalalay sa wika at platform na interface, na pinahihintulutan ng mga programa at script na nakalilipas na access at i-update ang nilalaman, straktura, at estilo ng dokumento.”

JavaScript

Nagbibigay sa iyo ng kakayahan na isulat ng code na maaaring kontrolin ang lahat ng HTML elements.

DHTML Technologies sa Netscape 4.x at Internet Explorer 4.x

Netscape 4.x Cross-Browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (pinahihintulutan ka na kontrolin kung paano magpapakita ang iba't ibang HTML elements)
  • Layers (pinahihintulutan ka na kontrolin ang lokasyon at pagkakita ng mga elemento)
  • CSS1
  • CSS2 (pinahihintulutan ka na kontrolin kung paano magpapakita ang iba't ibang HTML elements)
  • CSS Positioning (pinahihintulutan ka na kontrolin ang lokasyon at pagkakita ng mga elemento)
  • JavaScript
  • Visual Filters (pinahihintulutan ka na mag-aplay ng mga可视效果 sa teksto at graphic)
  • Dinamikong CSS (pinahihintulutan ka na kontrolin ang lokasyon at pagkakita ng mga elemento)

Komentaryo:Kung ang mga katangian at teknolohiya na nilikha ng iba't ibang browser ay hindi suportado ng iba pang browser, magiging problema ang pagkakasulat ng DHTML. Ang isang web page ay magiging napakaganda sa isang browser, ngunit magiging napakalungkot sa ibang browser.