DHTML: Dinamik Web Kodlaması

• Mayıs Ayı 12, 2024

DHTML, Dinamik 'HyperText Markup LHTML'yi Javascript ve Basamaklı Stil Sayfaları (CSS) ile birleştirerek HTML web sayfalarını dinamik yapma sanatı olarak tanımlanabilir. Bu serinin önceki dört makalesinde incelenen diğer dört HTML varyasyonunun aksine, DHTML W3 Konsorsiyumu tarafından tanımlanan bir standart değildir. Aksine, "4.x nesil tarayıcıların destekleyeceği yeni teknolojileri tanımlamak için Netscape ve Microsoft tarafından kullanılan bir pazarlama terimi" dir (W3 Konsorsiyumu). HTML 4.0 ilk olarak DHTML'nin yapısına özgü iki önemli bileşen tanıttı:

• Basamaklı Stil Sayfaları (CSS)
• Belge Nesnesi Modelleri (DOM)

Kodunuzu Dinamik Yapma

CSS stil ve düzen modelleri sağlarken, DOM HTML belgeleri için belge içerik modelleri sağlar. JavaScript ve VBScript, HTML öğelerini denetlemek için komut dosyası kodu yazma özelliğini ekler. Bu üç bileşen bir araya getirildiğinde dinamik HTML sayfaları ekler. Önemli bir caydırıcı tarayıcı uyumsuzluğudur - Netscape ve Microsoft, tarayıcılarında ne uygulanacağı konusunda hala anlaşamamıştır: bu nedenle, her iki tarayıcıda da iyi çalışan DHTML sayfaları yazmak zor olabilir. Kendiniz görmek için Microsoft ve Netscape standartlarına çevrimiçi olarak erişebilirsiniz:

• MSDN Kütüphanesi Microsoft'ta
• Dinamik HTML Netscape Communicator'da

"DHTML, bir web sayfasının işlevselliğini artıran düşük bant genişliği efektleri oluşturmada mükemmeldir. Animasyonlar, oyunlar, uygulamalar oluşturmak, web sitelerinde gezinmenin yeni yollarını sağlamak ve basitçe değişen bu dünya dışı sayfa düzenleri oluşturmak için kullanılabilir sadece HTML ile mümkün değildir. DHTML'nin birçok özelliği Flash veya Java ile çoğaltılabilse de, DHTML eklenti gerektirmeyen ve sorunsuz bir şekilde bir web sayfasına yerleştiren bir alternatif sunar. "(Dan Steinman, 1998).

DHTML'nin karmaşıklıklarını anlamak için bileşenlerini daha ayrıntılı olarak incelemek yararlıdır.

Basamaklı Stil Şablonu

CSS, web içeriğini web tasarımından ayıran gelişmiş kodlardır - stil, konumlandırma, renkler, yazı tipleri vb. CSSP veya CSS Konumlandırma, HTML öğesi konumlandırma üzerinde piksel düzeyinde kontrol sağlar. Web belgelerinin sunum stilinin CSS2 (CSS düzey 2) ile içerikten ayrılması, Web yazma ve site bakımını basitleştirir. "CSS2 medyaya özgü stil sayfalarını destekler, böylece yazarlar belgelerinin sunumunu görsel tarayıcılara, işitsel cihazlara, yazıcılara, braille cihazlarına, el cihazlarına vb. Göre uyarlayabilirler. Bu özellik aynı zamanda içerik konumlandırmayı, indirilebilir yazı tiplerini, tablo düzenini, özellikleri uluslararasılaştırma, otomatik sayaçlar ve numaralandırma ve kullanıcı arayüzü ile ilgili bazı özellikler "(W3 Konsorsiyumu). W3C, CSS2'yi öğrenmek için mükemmel bir öğretici sunar, CSS2 Özellikleri.

JavaScript

JavaScript, HTML öğelerini kontrol etmek ve formlara, çerçevelere, pencerelere, görüntü rollover'larına, ses-video kontrollerine işlev eklemek ve DHTML'yi değiştirmek için kullanılan özel bir komut dosyası tarayıcı tabanlı dildir. Netscape ilk olarak bu komut dosyası JavaScript'ini aradı, bu nedenle Microsoft, kendi komut dosyası markası için JScript terimini getirdi. Sonuç? Can sıkıcı şekilde uyumsuz olabilen iki JavaScript sürümü. Bu sorunu daha fazla keşfetmek için Netscape’in JavaScript Merkezi ve Microsoft'un JScript kaynak sayfası. JavaScripted içeriğinin dinamik efektlerinin sırrı katman nesnelerinin kullanılmasıdır. Fare üzerinde ilerlediğinde katman nesneleri metin değiştirir; görüntüleri veya metni web sayfasında hareket ettirir; açılır menüleri de açılır. Katman nesneleri renk, konum ve görünürlük gibi tanımlayıcı özelliklere sahip div etiketlerinde düzenlenir.

Onları bir araya getirmek

DHTML genellikle üç görevi yerine getirmek için uygulanır:

• Durum veya içerik bloklarını sayfaya yerleştirip
• Stil Değişiklikleri Sayfanın görünüşünü ve hissini değiştiren
• Olay işleme veya kullanıcı etkinliklerini konumlandırma veya diğer stil değişikliklerindeki değişikliklerle ilişkilendirme

Internet Explorer ve Netscape'in daha yeni sürümlerinde (sürüm 5, 6 ve üstü) DOM, çoğu DHTML kodlaması için tercih edilen kod haline geliyor. Bir kez hakim olduktan sonra DOM, web tasarımcılarının sayfadaki tüm stiller, nitelikler (href gibi) ve öğeler (html etiketleri gibi) ile ilgili belge kodlamasını değiştirmelerine, eklemelerine, silmelerine ve düzenlemelerine yardımcı olabilir. Bu, bir html belgesinde ortak olan her etikete ve özelliğe DOM yoluyla erişilebileceği anlamına gelir. Şu anda, Belge Nesne Modeli 0 ve 1 Seviyeleri W3C tarafından önerilmektedir. Seviye 2 de çalışmalarda, ancak henüz DHTML kodlaması için standart olarak tanıtılmadı.

HTML Goodies aracılığıyla, DHTML ve Katman Eğitimi.

Bu makalede yer alan bağlantılar, html kodlamasındaki bu en yeni gelişmede uzmanlaşmak için yolculuğunuza başlamak için tanıtımlar ve nasıl yapılır sunar.Google'da yapılan her hızlı arama, parmaklarınızın ucunda kolayca bulunabilecek çok daha fazla kaynağı dikkatinize sunacaktır. Tarayıcı üreticileri uyumsuzlukları üzerinde çalıştıkça ve daha yüksek sürüm tarayıcıların kullanımı daha yaygın hale geldikçe, DHTML herhangi bir profesyonel tasarımcının seyahat programının zorunlu bir parçası haline gelecektir.

HTML Vurgulama Makale Serisi

BÖLÜM 1: Güvenilir Bir Tasarımcı HTML Bilmeli mi?
BÖLÜM 2: HTML 3.2 - Wilbur'un Doğuşu
3.BÖLÜM: HTML 4.0 VE 4.01 - İyi Bir Şey Daha!
4.BÖLÜM: XHTML: Rafine Tasarım için Web Kodlaması
5.BÖLÜM: DHTML: Dinamik Web Kodlaması