DHTML: Dynamic Web Coding

• April 29, 2024

DHTML adalah singkatan dari Dyamat HyaText M.bahtera L.bahasa dan dapat didefinisikan sebagai seni membuat halaman web HTML dinamis dengan menggabungkan HTML dengan Javascript dan Cascading Style Sheets (CSS). Berbeda dengan empat variasi HTML lainnya yang dipelajari dalam empat artikel sebelumnya dalam seri ini, DHTML bukan standar yang ditentukan oleh Konsorsium W3. Alih-alih, ini adalah "istilah pemasaran yang digunakan oleh Netscape dan Microsoft untuk menjelaskan teknologi baru yang didukung browser generasi 4.x" (W3 Consortium). HTML 4.0 pertama kali memperkenalkan dua komponen penting yang melekat pada struktur DHTML:

• Cascading Style Sheets (CSS)
• Document Object Models (DOM)

Membuat Kode Anda Dinamis

CSS menyediakan model gaya dan tata letak sementara DOM menyediakan model konten dokumen untuk dokumen HTML. JavaScript dan VBScript menambahkan kemampuan untuk menulis kode skrip untuk mengontrol elemen HTML. Secara keseluruhan, ketiga komponen ini menambahkan hingga halaman HTML dinamis. Salah satu penghalang utama adalah ketidakcocokan browser - Netscape dan Microsoft masih belum sepakat tentang apa yang harus diterapkan dalam browser mereka: dengan demikian, menulis halaman DHTML yang berfungsi dengan baik di kedua browser dapat menjadi rumit. Untuk melihat sendiri, Anda dapat mengakses standar Microsoft dan Netscape online:

• Perpustakaan MSDN di Microsoft
• HTML dinamis dalam Netscape Communicator

"DHTML unggul dalam menciptakan efek bandwidth rendah yang meningkatkan fungsionalitas halaman web. Ia dapat digunakan untuk membuat animasi, game, aplikasi, menyediakan cara-cara baru untuk bernavigasi melalui situs web, dan membuat tata letak halaman dunia yang tidak modern yang hanya muncul tidak mungkin hanya dengan HTML. Meskipun banyak fitur DHTML dapat diduplikasi dengan Flash atau Java, DHTML menyediakan alternatif yang tidak memerlukan plugin dan menyematkan mulus ke halaman web. "(Dan Steinman, 1998).

Untuk memahami kompleksitas DHTML, penting untuk memeriksa komponennya secara lebih rinci.

Lembar Gaya Cascading

CSS adalah kode canggih yang memisahkan konten web dari tampilan web - gaya, posisi, warna, font, dan sebagainya. CSSP atau CSS Positioning memungkinkan kontrol tingkat piksel atas penentuan posisi elemen HTML. Pemisahan gaya presentasi dokumen web dari konten dengan CSS2 (CSS level 2) menyederhanakan pembuatan web dan pemeliharaan situs. "CSS2 mendukung style sheet khusus media sehingga penulis dapat menyesuaikan presentasi dokumen mereka untuk browser visual, perangkat aural, printer, perangkat braille, perangkat genggam, dll. Spesifikasi ini juga mendukung pemosisian konten, font yang dapat diunduh, tata letak tabel, fitur untuk internasionalisasi, penghitung dan penomoran otomatis, dan beberapa properti yang terkait dengan antarmuka pengguna "(Konsorsium W3). W3C menawarkan tutorial yang sangat baik untuk belajar CSS2, Spesifikasi CSS2.

JavaScript

JavaScript adalah bahasa berbasis browser khusus scripting yang digunakan untuk mengontrol elemen HTML dan menambahkan fungsionalitas ke formulir, bingkai, jendela, rollover gambar, kontrol audio-video dan memanipulasi DHTML. Netscape pertama kali menyebut JavaScript scripting ini, jadi Microsoft membuat istilah, JScript, untuk merek scripting tertentu. Hasil? Dua versi JavaScript yang bisa sangat tidak kompatibel. Untuk menjelajahi masalah ini lebih lanjut, kunjungi Netscape's Pusat JavaScript dan Microsoft JScript halaman sumber daya. Rahasia efek dinamis dari konten JavaScript adalah penggunaan objek layer. Objek layer membuat perubahan teks ketika mouse menggulir di atasnya; itu membuat gambar atau teks bergerak di sekitar halaman web; itu juga membuat menu drop-down drop-down. Objek layer diatur dalam tag div, dengan karakteristik yang menentukan seperti warna, posisi, dan visibilitas.

Menyatukan mereka

DHTML biasanya diterapkan untuk mencapai tiga tugas:

• Posisi atau menempatkan blok konten pada halaman dan memindahkannya
• Modifikasi Gaya yang mengubah tampilan dan nuansa halaman
• Penanganan acara atau mengaitkan acara pengguna dengan perubahan pemosisian atau modifikasi gaya lainnya

Dalam versi Internet Explorer dan Netscape yang lebih baru (versi 5, 6 dan lebih tinggi) DOM menjadi kode pilihan untuk sebagian besar pengkodean DHTML. Setelah dikuasai, DOM dapat membantu perancang web untuk memanipulasi, menambah, menghapus, dan mengedit pengkodean dokumen yang terkait dengan semua gaya, atribut (seperti href) dan elemen (seperti tag html) pada halaman. Itu berarti setiap tag dan atribut yang umum untuk dokumen html dapat diakses melalui DOM. Saat ini, Document Object Model Level 0 & 1 direkomendasikan oleh W3C. Level 2 juga sedang dikerjakan, tetapi belum dipromosikan sebagai standar untuk pengkodean DHTML.

Sekelompok tutorial bermanfaat tersedia melalui HTML Goodies, yang disebut DHTML dan Tutorial Lapisan.

Tautan yang disertakan dalam artikel ini menawarkan pengantar dan cara untuk memulai perjalanan Anda dalam menguasai pengembangan terbaru dalam pengkodean html ini.Setiap pencarian cepat di Google akan membawa lebih banyak sumber daya ke perhatian Anda, tersedia di ujung jari Anda. Karena produsen peramban bekerja pada ketidakcocokan mereka dan penggunaan peramban versi yang lebih tinggi menjadi lebih umum, DHTML akan menjadi bagian wajib dari rencana perjalanan perancang profesional mana pun.

Seri Artikel Sorotan HTML

BAGIAN 1: Haruskah Desainer Kredibel Mengenal HTML?
BAGIAN 2: HTML 3.2 - Kelahiran Wilbur
BAGIAN 3: HTML 4.0 DAN 4.01 - Lebih Banyak Hal yang Baik!
BAGIAN 4: XHTML: Pengkodean Web untuk Desain yang Disempurnakan
BAGIAN 5: DHTML: Dynamic Web Coding

Petunjuk Video: DHTML | Web Technology | Lec-20 | Bhanu Priya (April 2024).