DHTML deninince aklımıza dinamik HTML gelmektedir. Bu bi bakıma doğrudur. Ama dinamik HTML dediğimizde sanki html bir gelişmiş versiyonu olarak kabul etmiş oluruz ama DHTML aslında html bir gelişmiş versiyonu değildir.Peki ozaman DHTML nedir ?

DHTML ; bir web sayfasında etkileşimi artırmak için HTML + JAVASCRİPT + CSS beraber kullanılmasıdır. Aslında bir web sayfasını şu şekilde inceleyebiliriz

WEB SAYFASI :…………..içerik + sunum + etkileşim

Yukarıya baktığımızda içerik kısmını HTML ile oluşturduğumuzu biliyoruz. Html içerik saklar fakat sakladığı içeriklerin ki bu içerikler ( yazı , resim….) gibi özelliklerini değiştirmek yada ayarlamak için çok kısıtlı imkanlar sunar . İşte burada devreye var olan içeriğin sunulması gelmektedir. Sunum işlemi CSS yapılmaktadır.Şuanda içerik ve sunum işlemini anladığımıza göre biraz etkileşime bakalım . Evet etkileşim dediğimizde web sayfasının kullanıcı hareketlerine tepki göstermesi , yada durağan olmayan nesneler aklımıza gelmektedir.İşin bu kısmını javascript yardımıyla yapmaktayız.Burada şunu belirtmek isterim javascript bir programlama dilidir dolayısıyla içerisinde karar / döngü / kontrol yapıları bulunmaktadır.

Diğer bir konuda şudur. HTML sayfasının sunumu için oluşturacağınız kodları ki bunlar CSS kodlarıdır ister HTML sayfası içerisine gömersiniz isterseniz harici bir dosyada saklarsınız. Bu CSS kodları içerisinde nesnelerle ilgili tanımladığınız özellikler bulunur. Bu kodları çalışma anında değiştiremezsiniz( <a> etiketi hariç ) bu durumda kodları tekrar yazmanız gerekir işte DHTML en önemli özelliği burada ortaya çıkar Çalışma anında javascript ile nesnelerin CSS kodlarını değiştirebilirsiniz.

Javascript dediğimze DOM modelinden bahsetmek gerekir. DOM ( document object model ) bu model dokuman obje modeli , bu model sayesinde javascript ile sayfa üzerindeki tüm sayfa nesnelerine ( elemanlarına ) ulaşmamız mümkündür.DOM yeni versiyon hemen hemen tüm tarayıcılar tarafından desteklenmekle beraber eski tip tarayıcılarda farklılık gösterebilmektedir. Bu durumda java script içerisinde tarayıcı model ve versiyonunu tespit edip alternatif kodlar yazmamız gerekebilir.

Şunu tekrar belirtmek isterim DHTML bir yöntemdir bu yöntem içerisinde 3 ana unsur ki Bunlar DHTML yapı taşlarıdır .

DHTML içerdiği teknolojiler bakımından istemci( client ) taraflı çalışır .Yani kodlar tarayıcı tarafından yorumlanır ve sizin bilgisayarınıza yüklenir. Bu durumda DHML sunucu taraflı olmadığını bilmenizi isterim.

DHTML Avantajları , kullanım alanları

• DHTML ile tüm tarayıcı penceresini kontrol etmemiz mümkündür.Burada şunu belirtmek isterim java ile yaptığınız applet lerde appletin çalışması için eklenti dosyalarına( plug-in) ihtiyaç vardır.Yada flash ile yapılmış uygulamalarda flash playerın yuklu olması gerekir.Ama DHTML text tabanlı olduğundan tarayıcı tarafından yorumlanır ve herhangi bir eklentiye ihtiyaç duymaz.

• Sayfanın herhangi bir bölümündeki içerik sayfanın yüklenmesine gerek kalmadan değişebilir.Aynı teknoloji ajax ile yapılabilir şeklindeki düşüncenizi duyar gibi oluyorum ama zaten ajaxın temel yapı taşı javascript dir.

• DHTML ile drag-drop ( sürükle bırak ) tekniği kullanılabilir. Bu teknik çokça flash ve diğer programlar vasıtasıylada yapılabilir. Hatta web 2.0 en güzel özelliklerinden biri olarakta lanse edilmektedir.

• DHTML kullanılan fontlar bilgisayardan bağımsız olabilir. Yani bilgisayarda olmayan bir fontu DHTML ile kullanabilirsiniz

• DHTML ile görünüp kaybolan menüler yarı saydam menüler , hareketli menüler oluşturabilirsiniz

• DHTML ile dinamik içerikler oluşturabilirsiniz

• Tarayıcı penceresinden bağımsız pop-up pencereler oluşturmak mümkündür.

• Sayfalar arasında etkileyici geçişler yada dinamik içerikler arasında etkileyici geçişler oluşturabilirsiniz.

• Dhtml hazırlanmış kodlar diğer programlarla hazırlanmış içeriklerden boyut olarak daha kucuk olduklarından vede istemci tarafında çalıştıklarından tarayıcıya daha çabuk yükleneceklerdir.

• Bu Teknoloji hiçbir firmanın tekelinde değildir.

Aslında DHTML ile ilgili bir çok avantajdan bahsetmek mümkündür ilerleyen konularımızda zaten bu avantajları uygulayarak göreceğiz.

Peki DHTML dezavantajları nelerdir ?

• Web tarayıcıların bazıları yada bazı alt sürümleri DHTML desteklemeyebilirler bunun için tarayıcı süzgeçleri kullanmak mantıklı olacaktır.

• Animasyon oluşturmak için DHTML kullanmak yorucu bir iş olacaktır. Bunun yerine diğer programlar kullanılabilir.

• DHTML istemci taraflı çalıştığından DHTML kodları ki bunlar CSS + JAVASCRİPT kodları kullanıcı bilgisayarına yüklenecektir. Budurumda yazdığınız kodların bi başkaları tarafından görünmesi be kullanılması sonucu ortaya çıkar.

CROSS – PLATFORM

Bilindiği üzere hali hazırda kullandığımız bir çok tarayıcı vardır. Bunlardan en çok kullanılanları İnternet Explorer ve Nescape dir. Burada farklı tarayıcılar farklı DOM yapılarını kullanmaktadırlar.Dolayısıyla bir tarayıcı için yazdığınız script diğer tarayıcıda çalışmayabilir.Web standartlarını belirleyen W3C platformu tarafından tüm tarayıcılar için ortak bir DOM yapısı kullanılması için çalışmalar yapılmaktadır. Bu sebeplerden dolayı İnternet Explorer ve nescape navigator firmaları bu ortak dom yapısını desteklemektedirler. CROSS- PLATFORM ortak çalışan kod anlamında kullanılmaktadır.Yani artık DHTML kodları tarayıcı bağımsız olarak aynı şekilde çalışabilecektir. Ama şu aşamada DHTML kodlarını yazarken tarayıcı filtreleri kullanmak çalışmalarımızın düzgün gösterilmesi için uygun olacaktır.