Dinamik HTML gerçekten HTML'nin yeni bir spesifikasyonu değil, standart HTML kodlarına ve komutlarına bakmanın ve kontrol etmenin yeni bir yoludur.
Dinamik HTML'yi düşünürken, standart HTML'nin niteliklerini hatırlamanız gerekir, özellikle sunucudan bir sayfa yüklendiğinde, sunucuya başka bir istek gelene kadar değişmeyecektir. Dinamik HTML, HTML öğeleri üzerinde size daha fazla kontrol sağlar ve Web sunucusuna dönmeden istedikleri zaman değiştirmelerine olanak tanır.
DHTML için dört bölüm var:
- Belge Nesne Modeli (DOM) (tanım)
- Senaryo
- Basamaklı Stil Sayfaları (CSS)
- XHTML
DOM
DOM, DHTML ile değiştirmek için Web sayfanızın herhangi bir bölümüne erişmenizi sağlayan şeydir. Bir Web sayfasının her kısmı DOM tarafından belirlenir ve onlara erişebileceğiniz ve özelliklerini değiştirebileceğiniz tutarlı adlandırma kurallarını kullanır.
Senaryo
JavaScript veya ActiveX'te yazılmış komut dosyaları, DHTML'yi etkinleştirmek için kullanılan en yaygın iki komut dosyası dilidir. DOM'de belirtilen nesneleri denetlemek için bir komut dosyası dili kullanın.
Basamaklı Stil Şablonu
Web sayfasının görünümünü ve hissini kontrol etmek için DHTML'de CSS kullanılır. Stil sayfaları, metnin renklerini ve yazı tiplerini, arka plan renklerini ve resimlerini ve sayfadaki nesnelerin yerleşimini tanımlar. Komut dosyası ve DOM kullanarak çeşitli öğelerin stilini değiştirebilirsiniz.
XHTML
XHTML veya HTML 4.x, sayfanın kendisini oluşturmak ve CSS ve DOM'ın çalışacak öğeleri oluşturmak için kullanılır. DHTML için XHTML ile ilgili özel bir şey yok - ancak geçerli XHTML'ye sahip olmak, sadece tarayıcıdan daha fazla şey olduğundan daha da önemli.
DHTML'in Özellikleri
DHTML'nin dört temel özelliği vardır:
- Etiketleri ve özellikleri değiştirme
- Gerçek zamanlı konumlandırma
- Dinamik yazı tipleri (Netscape Communicator)
- Veri bağlama (Internet Explorer)
Etiketleri ve Özellikleri Değiştirme
Bu DHTML'nin en yaygın kullanımlarından biridir. Bir HTML etiketinin niteliklerini, tarayıcının dışındaki bir olaya (fare tıklaması, saat veya tarih vb.) Bağlı olarak değiştirmenize olanak tanır. Bunu bir sayfaya önyükleme yapmak için kullanabilirsiniz ve okuyucu belirli bir bağlantıyı tıklatmadıkça görüntülemez.
Gerçek Zamanlı Konumlandırma
Çoğu insan DHTML'yi düşündüğünde, bekledikleri şey budur. Web sayfası etrafında hareket eden nesneler, resimler ve metin. Bu, okuyucularınızla etkileşimli oyunlar oynamanıza veya ekranınızın bölümlerini oynatmanıza izin verebilir.
Dinamik Yazı Tipleri
Bu sadece bir Netscape özelliğidir. Netscape bunu, tasarımcıların bir okuyucu sisteminde hangi yazı tiplerinin olacağını bilmemesi ile ilgili problemi çözmek için geliştirdi . Dinamik yazı tipleri ile, fontlar sayfa ile kodlanır ve indirilir, böylece sayfa her zaman tasarımcının nasıl tasarladığıyla ilgilenir.
Bağlanma verileri
Bu sadece bir özelliktir. Microsoft , Web sitelerinden veritabanlarına daha kolay erişim sağlamak için bunu geliştirdi. Bir veritabanına erişmek için bir CGI kullanmak çok benzer, ancak çalışmak için bir ActiveX denetimi kullanır. Bu özellik, başlangıç DHTML yazarı için çok gelişmiş ve kullanımı zor.