Ringkasan DHTML

Kemampuan dasar yang Anda harus miliki

Sebelum melanjutkan pelajaran, Anda harus memiliki pemahaman dasar tentang berikut ini:

  • HTML
  • CSS
  • JavaScript

Jika Anda ingin belajar proyek-proyek ini terlebih dahulu, silakan kunjungi Halaman utama Akses tutorial ini.

DHTML bukan standar W3C

DHTML berarti Dynamic HTML (HTML Dinamis).

DHTML bukan standar yang diatur oleh W3C. DHTML adalah istilah pemasaran - digunakan oleh perusahaan Netscape dan Microsoft untuk mendeskripsikan teknologi yang harus didukung oleh browser generasi 4.x.

DHTML adalah kombinasi teknologi untuk menciptakan situs yang dinamis.

Bagi sebagian besar orang, DHTML berarti kombinasi HTML 4.0, tabel gaya, dan JavaScript.

W3C pernah mengatakan: 'Dynamic HTML adalah istilah yang digunakan oleh beberapa pabrikan untuk mendeskripsikan kombinasi HTML, tabel gaya, dan skrip yang dapat meningkatkan dinamisitas dokumen.'

Teknologi DHTML

Melalui DHTML, para pengembang web dapat mengendalikan bagaimana elemen HTML ditampilkan dan ditempatkan di jendela browser.

HTML 4.0

Melalui HTML 4.0, semua formatasi (informasi) dapat dipindahkan keluar dari dokumen HTML dan ditulis ke dalam tabel gaya yang terpisah. Karena HTML 4.0 dapat memisahkan ekspresi dokumen dari strukturnya, kita dapat mengendalikan lapisan ekspresi sepenuhnya tanpa mengganggu konten dokumen.

Tabel gaya lapisan (CSS)

Melalui CSS, kami mendapatkan suatu model gaya dan tata letak untuk dokumen HTML.

Karena CSS memberikan kemampuan kepada para pengembang untuk mengendalikan gaya dan tata letak berbagai halaman web secara bersamaan, CSS dapat disebut sebagai sebuah penafsiran bagi bidang desain web. Sebagai pengembang, Anda dapat menentukan gaya bagi setiap elemen HTML dan menggunakannya di berbagai halaman yang Anda inginkan. Jika Anda memerlukan perubahan yang bersifat global, cukup merubah gaya dan semua elemen di Web akan otomatis diperbarui.

Model Objek Dokumen (DOM)

DOM berarti Model Objek Dokumen.

HTML DOM adalah model objek dokumen untuk HTML.

HTML DOM mendefinisikan suatu set standar objek untuk HTML serta metode standar untuk mengakses dan mengelola objek HTML.

“Dokumen Object Model (DOM) W3C adalah sebuah antarmuka yang independen dari bahasa dan platform, yang memungkinkan program dan skrip mengakses dan memperbarui konten, struktur, dan gaya dokumen secara dinamis.”

JavaScript

Mempunyai kemampuan untuk menulis kode yang dapat mengendalikan semua elemen HTML.

Teknologi DHTML di Netscape 4.x dan Internet Explorer 4.x

Netscape 4.x DHTML Berantai Internet Explorer 4.x
  • JSS (JavaScript Stylesheet) (memungkinkan Anda mengendalikan cara berbagai elemen HTML tampil)
  • Lapisan (memungkinkan Anda mengendalikan posisi dan kenampakan elemen)
  • CSS1
  • CSS2 (memungkinkan Anda mengendalikan cara berbagai elemen HTML tampil)
  • Posisi CSS (memungkinkan Anda mengendalikan posisi dan kenampakan elemen)
  • JavaScript
  • Filter Visual (memungkinkan Anda menerapkan efek visual kepada teks dan grafik)
  • CSS Dinamis (memungkinkan Anda mengendalikan posisi dan kenampakan elemen)

Catatan:Sampai ketika atribut fitur dan teknologi yang dibuat oleh berbagai peramban tidak didukung oleh peramban lain, penggunaan DHTML untuk pengodean akan menghasilkan masalah. Sebuah halaman mungkin terlihat sangat bagus di salah satu peramban, tetapi sangat buruk di peramban lain.