Dreamweaver ile Açılır Menü Oluşturmak (Resimli Anlatım)
Dreamweaver ile açılır menü yapmak için öncelikle ana menü için buton hazırlanmalıdır. Photoshop ile buton hazırlama işlemi Photoshop Kullanarak Buton ve Menü Hazırlamak yazısında resimli olarak açıklanmıştır. Örnek olarak aşağıdaki buton oluşturulmuştur.
Photoshop ile oluşturulan buton Dreamweaver da common menü gurubundan Images seçeneği altından image seçeneği seçilerek sayfaya eklenir.
Tag Inspector panelinden Behaviors sekmesi seçilir. Burada + işareti (add behavior) seçeneği altından “Show Pop-Up Menu” seçeneği seçilir.
Karşımıza “Show Pop-Up Menu” penceresi gelecektir. Bu pencereden önce başka bir pencere gelirse “continue” seçeneğini seçin.
Show Pop-Up Menu Penceresinin Bölümleri :
Bu pencere ile oluşturulmak istenen açılır menü için alt menüler oluşturulur.
1. Contents Sekmesi :
1. Add Item : Yeni bir menü elemanı ekleneceği zaman bu seçenek kullanılır.
2. Remove Item : O anda seçili olan menü elemanını silmek için kullanılır.
3. Outdent Item : Menüyü bulunduğu alt menü sınıfından bir üst menü sınıfına
ekler.
4. Indent Item : Menünün bulunduğu alt menü sınıfından bir alt menü sınıfına
ekler. Yani alt menü altında alt menüler oluşturmak için kullanılır.
5. Move Item Up, 6. Move Item Down : Seçili menülerin sırasını değiştirmek için
kullanılır. Menüyü bir üste veya bir alta taşır.
7. Text : Açılır menüde görüntülenecek yazı.
8. Link : Açılır menünün hangi sayfayı açacağı.
9. Target : Açılır menünün hangi pencerede açılacağı.
2.) Appearance Sekmesi :
En üstte vertical menu (dikey açılır menü) ve horizontal menu (yatay açılır menü) seçenekleri vardır. Bu seçenekler sayesinde açılır menü yatay veya dikey olarak oluşturulabilir.
Up State : Text ile menünün normal durumdaki yazı rengi, cell ile de menünün normal durumdaki zemin rengi ayarlanır.
Over State : Menü elemanı seçildiği zaman yazı rengi text ile, menü elemanı seçildiği zaman zemin rengi cell ile belirlenir.
Advanced Sekmesi :
Cell Width ve Cell Height : Bu özellikler açılır menü genişliğini ayarlamaya yarar. Eğer özel bir durum yoksa Automatic seçilerek otomatik genişlik verilmelidir.
Cell Padding ve Cell Spacing : Bu seçenekler alt menüdeki yazı ile alt menü kenarlığı arasındaki mesafeyi belirler.
Pop-up borders : Bu seçenek işretlenirse al menülere kenarlık eklenir.
Border Width : Bu seçenek ile alt menülerdeki kenarlık kalınlığı belirlenir.
Border Color : Alt menü kenarlıklarının rengi.
Shadow : Kenarlık gölgelendirmeleri. Alt menü gurubu çerçevesinin sağ ve alt kenarlık rengi.
Highlight : Alt menü gurubu çerçevesinin sol ve üst kenarlık rengi.
Position Sekmesi :
Resimlerde şeklinde butonlar açılır menünün nasıl açılacağı gösterilmektedir. x ve değerleri değiştirilerek yatay ve dikey olarak alt menüler ile ana menü arasındaki mesafe belirlenir.
ben dreamweaver4 kullanıyorum pop up menu oluşturma seçeneği yok o behaviors u nasıl
yükleye bilirim?
dreamweaver4 bende kurulu değil. Belki behaviors seçeneği o sürümde yoktur. Bence dw mx yada dw 8 kullanmalısın. Bu yazı dw 8 için anlatıldı.
Dw4′te behaviors varsa: Window menüsünden Tag Inspector seçeneği görünür yapıp bu panelden behaviors seçmen lazım.
peki diğer sayfalara bu menüyü nasıl yükleriz yani her sayfada bu işlemi tekrar tekrar yapacak mıyız???
Bir sitede bazı alanları bütün sayfalarda kullanman gerekebilir. Mesela logonun, üst menünün ve sol menünün bütün sayfalarda kullanılmasını isteyebilirsin. Bu işlem için aşağıdaki yöntemleri kullanılır:
Html sayfa için:
1.) Template kullanılır. Değiştirilebilir alanlar ile istediğin alanları değiştirilebilir olarak ayarlarsın. Diğer alanlar ise değiştirilemez. Daha sonra template’i değiştirdiğin zaman diğer sayfalarda değiştirilebilir alanlar dışındakiler otomatik güncellenir. Bu sitede bi kaç template uygulaması anlattım. Ama bu iş için css ile ilgili yazılara biraz göz atman lazım.
2.) frame kullanırsın. Hazırladığın alt sayfalar ana sayfanın içinde frame olarak açılır.
asp ve php sayfalar için:
include komutu kullanılır. Mesela logoyu ve üst menüyü hazırlarsın. İstediğin her sayfadan include komutu ile hazırladığın sayfayı çağırırsın.
Çok teşekkür ederim vermiş olduğunuz kıymetli bilgiler için.
Bilginizi ve emeğinizi türk diliyle paylaşmanız gerçekten ayakta alkşlanacak bir davranış. Gelecek adına büyük bir huzur ve güven veriyorsunuz.
Anlattıklarınızdan oldukça yararlandım. Sizi tebrik ediyor ve emsalleriniz artması için tanrıya dua ediyorum.
Çok teşekkürler…
merhaba,
arkadaşlar yapmak istediğim bi menüyü bi türlü yapamadım. menüyü şöyle oluşturmak istiyorum. her menü 2 adet farklı resimden oluşuyor ve mousun resim üzerine geldiğinde yani 2.ci resmi getirdiğinde bir ses efekti vermek istiyorum. çok uğraştım yapamadım. bilen arkadaşlar varmı ?
Resmin üstüne geldiğinde ses gelmesini istiyorsan aklıma ilk gelen flash buton hazırlamak.
Eğer ses dosyasını çalıştırmak için bir javascript komutu varsa yukarıdaki uygulamaya benzer bir uygulama ile bu iş yapılabilir belki.
Arkadaşlar pekala açılınca bir yığın madde gösteren, mesela ülkeler filan gibi yüzlerce maddesi olan drop down menüleri dreamweaver cs3′te nasıl yapabileceğimi bilen var mı? Varsa sevap işler zira haftalardır araştırıyorum, saatlerim gitti. Şimdiden teşekkürler.
Yukarıdaki yöntemin neden uygun olmadığını söylersen belki bi çözüm bulabiliriz.