Daha öncesinde sitemizde Dreamweaver ile ilgili birkaç makale yazmıştık. Bu makalemizde de Dreamweaver ile çok basit bir iki adımla nasıl Hızlı Menüler (Jump Menu) oluşturacağımızı anlatacağız. Hızlı menüler birçok web sitesinde gördüğümüz bir uygulamadır. Sitenizin tüm alt bölümlerine verilen hızlı bağlantılar sayesinde ziyaretçileriniz menülerin ve navigasyonların içinde kaybolmadan gitmek istedikleri sayfaya ulaşabilirler. (Özellikle kurumsal web sitelerinde çokça kullanılan bir uygulama olduğunu görebilirsiniz)

Makalemize başlamadan belirtmek isterim ki bu uygulamayı ben Dreamweaver 8 üzerinde geliştiriyorum. CS3 kullanan arkadaşlar da yine aynı şekilde menülerini oluşturabilirler. Öncelikle Dreamweaver üzerinde yeni bir HTML sayfa açın. Bu sayfa ister tasarımınız geliştirdiğiniz bir sayfa olsun isterseniz de boş bir sayfa olsun. Bizim için önemli olan menüyü ekleyeceğimiz yer ve menünün bileşenlerini doğru atamak.

Sonrasında menüyü eklemek istediğimiz yerde yukarı alandan Form bölümüne geliyoruz, buradan da Jump Menu ikonunu tıklıyoruz.

Bu ikona tıkladığınızda karşınıza Insert Jump Menu penceresi gelecektir. Bu pencere içinde menümüzün öğelerini yazacağımız alanları görebilirsiniz.

Text bölümüne bağlantımızın görünecek metin halini yazıyoruz. “When selected, go to URL” yazan alana ise bağlantımızın ulaşmasını istediğimiz sayfayı yazıyoruz. Buraya http:// ile başlayan bir adres yazabileceğimiz gibi index.html, sayfa.html gibi site içi sayfaların olduğu bağlantıların adreslerini de verebiliriz. Bu tamamen size kalmış bir olay.

Şayet bir menü öğesini eklediyseniz hemen pencerenin üzerinde bulunan artı (+) işaretine tıklayın ve daha sonra yeni bir öğe eklemeye başlayın. Bu sayede menünüze dilediğiniz kadar öğe ekleyebilirsiniz.

Bu aşamadan sonra pencere üzerinde OK tuşuna basarak menümüzü bitirebiliriz. Sayfanızı kaydettiyseniz F12 tuşuna basarak tarayıcınız üzerinde direk görüntüleyebilirsiniz.

DAHA FAZLA OPSİYON…

Bu menüyü yaparken aslında Dreamweaver’ın nimetlerinden biraz daha fazla yararlanabiliriz. Örneğin menümüzü oluşturduktan sonra menü öğesinin kullandığı form elemanına Css ataması yapabilirsiniz. Böylelikle menümüz daha güzel görünecektir.

Yine menü oluştururken Url yazdığımız alana Browse diyerek bir veritabanından veri çekmesini de sağlayabiliriz. Tabi bunun için öncelikle yerel sunucunuz üzerinde bir veritabanına Dreamweaver’ın tanıyacağı şekilde bağlı olmanız gerekiyor.

Umarım faydalı olmuştur. Bir başka makalemizde görüşmek üzere.

Rastgele Yazılar