Etkileşimli Ögeler

Bir sayfaya resim veya etkileşimli resim (rollover görüntüsü) eklemek için üst panelde yer alan "Ekle" menüsüne tıklanarak ilgili alt menü kullanılabilir. Ayrıca sürükle-bırak metodu ile resim eklemek de mümkündür.

Etkileşimli resimlerde; kullanıcı ile etkileşimin ne zaman gerçekleşeceğine dair birden fazla seçenek bulunmaktadır. Bu seçeneklerin başlıcaları “Kullanıcı fare ile elemente tıkladığında”, “Kullanıcı elementin üzerine geldiğinde”, “Kullanıcı elementin üzerinden ayrıldığında”, “Sayfa yüklendiğinde” olarak listelenebilir.

Davranışları yönetebilmek için ana menüde yer alan “Pencere” sekmesinden “Davranışlar” başlığına tıklanabilir veya Shift+F4 tuş kombinasyonu kullanılabilir.

Dreamweaver ile elementleri daha sonra kodlarla yönetebilmemiz için, ilgili elemente tıkladıktan sonra alt panelde yer alan “Kimlik” kutucuğuna değer olarak her bir nesne için “elmnt1”, “elmnt2”, “elmnt3” gibi değerler yazılabilir.

İnternet sayfalarına eklenen resimlerin belirli kısımlarına tıklandığında sayfanın farklı adreslere yönlenmesi sağlanabilir. Resim haritalarına davranış ekleme özelliği günümüzde yaygınlığını yitirmiş olsa da halen daha kullanılabilmektedir.

Olay zamanlamasına yazılabilecek değerleri iyi kavramanız davranışları doğru yönetebilmeniz açısından çok önemlidir.

Dreamweaver, davranışları eklerken arka planda elementlere gerekli Javascript kodlarını otomatik olarak üretmektedir. Bu ünitede yer alan etkileşim örnekleri her ne kadar resimler üzerinden yapılsa da; bütün HTML elementleri için de kullanılabilir. Çünkü temelde elementi ile diğer HTML elementleri (örn.

) arasında davranış yöntemleri açısından bir fark yoktur.

Etkileşimlerin yönetilmesi kullanıcı algısının doğru yöne çekilmesinde büyük önem taşımaktadır. Doğru yönlendirilmiş bir algı, istenen noktaya dikkati hızlıca çekebileceği gibi; verilecek mesajın da daha doğru anlaşılmasını sağlayacaktır. Etkileşim araçları olarak kullanıcıdan tepki toplanan iki donanım yaygın olarak kullanılmaktadır. Bunlardan birisi fare, diğeri ise klavyedir. Fare imleci kullanılarak gerçekleştirilebilecek birkaç farklı etkileşim mevcuttur. Bunlardan ilki, imleç ile bir objenin üzerinde gelinmesidir. Bu durum CSS dilinde “hover” olarak adlandırılır ve sadece bu duruma özgü stiller tanımlanabilir. Benzer şekilde; “press”, “click” ve “dblclick” olayları de etkileşimleri yönetmek için kullanılabilir ancak; bu durumların CSS dilinde doğrudan bir kaşılığı yoktur. Bir bakıma “press” için “active” ve “click” için “visited” kullanılabilir gibi görünse de “hover” gibi eşlenik olmayacaktırlar.

Ziyaret edilen internet sayfası tarayıcı tarafından oluşturulduktan sonra sunucu ile iletişimini keser. Bu noktadan sonra sayfada yer alan elementlerin görünümlerinin değiştirilmesi genellikle (tek istisna CSS ile: hover tanımlaması yapmaktır) Javascript kullanılarak üretilir.

Dreamweaver ile açılır menüler de oluşturulabilir. Bu tür menüler birer form elementi olarak sayfaya eklenir ve ziyaretçinin elemente tıklamasıyla birden fazla seçeneği görmesi sağlanır. Bu elementin Dreamweaver ile daha önceki sürümlerinde sahip olduğu ad “Atla Menüsü” olarak tanımlanmıştır. Bu nedenle önceki sürüm Dreamweaver kullanıcılarının element adını “Seç” olarak değil; “Atla Menüsü” olarak ele alması gerekmektedir.

Açılır pencereler güncel tarayıcıların tamamında engellenilir. Bu nedenle ziyaretçinizi açılır pencerelerin engellendiği konusunda uyarmanız gerekebilir.