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.
ya bende behaviors a tılkladığımda açılan menüdeki şeçenekler aktif değil yani kullanılamıyor bunun için ne yapmalıyım şimdiden teşekkürler …..
Aktif olması için açılır menüyü oluşturacağın buton seçili olmalı. Yine olmassa behaviors altında show events for seçeneğinde değişiklik yap, html ile başlayanı seç mesela…
süper anlatmışın tşk ederim…
çok tşk ederim..ellerinize sağlık…..
gerçekten tebrikler ve çok teşekkür ederim… 2-3 gündür kafamı fazlasıyla kurcalayan bir soruya cevap oldunuz… ancak hâla bir yerlerde eksiğim var.. onu da sormak istiyorum: yapmış olduğumuz açılır menülerin şeklini/resmini istediğimz şekle getiremiyor muyuz.. örneğin yukarıda örnek olarak gösterdiğiniz buton gibi butonlar yapsam ve bu butonları (içlerinde ki yazıları değiştirerek), açılır menü olarak kullansam bu nasıl mümkün olur.. çünkü yukarıdaki işlemle oluşan açılır menüler sanırım macromedianın bizlere armağanı fakat görsel açıdan çok hoş değiller..
cevaplarınızı aciliyetle bekliyor çalışmalarınızın başarılarını ve devamını diliyorum…
cok karısık bi program zor olçak ama öğrenicez
katman yardımıyla kutu oluşturdum.yaptıgım resmin üstüne tekrer katmanla küçük kutucuk oluşturdum.küçük kutucuk üzerinde show pop-up menüyü kullanmak istiyorum ama aktif olmuyo.bi yol gösterirmisiniz bugün sınav olcam hem.acill
Arkadaşlar dreamwaver da açılır menü tasarlamak o kadar basit ki, üzerinde çok çalışırsanız enteresan menüler tasarlarsınız. Estetik ve hoş görünümlü.
YA ARKADAŞ CS4 DE NEDEN YOK BU POP-UP MENU?
öncelikle selem arkadaslar ben acılır menunun altında pdf uzantılı dosya cagırmk istıyorum ama acılan dosyanın ustunde yer alan menulerın kaybolmamasını ıstıyorum ne yapmayalıyım sımdıdden tesekkurler.
paylaştığınız verimli bilgiler için çok teşekkür ederim. gerçekten özüyle anlatmışsınız. herşey çok net ve anlaşılır
arkadaşım çok güzel anlatmışsın umarım cs3 hakkında da bilgin vardır. tarayıcıyı html olarak ayarladım. bu show pop-up menü bi türlü aktif olmuyor. ne olabilir?
Elinize Sağlık Template kullanmak çok yararlı eğer diğer sayfalarda sadece belli kısımlar değişiyorsa tabi.Yalnız benim merak ettiğim bi konu var dw da hazırldığım normal bir menü de bazı linklere pop up menü özlelliği verbilir miyim? Mesela bi table ekleyip alt altta linkleri yazsak bunalardan bazısına pop up menü özelliği verilibilir mu? Hücreyi seçip denedim ama aktif olmadı. Cevaplarsanız sevinirim
Bu menü için resim olması gerekiyor. Düz yazıya açılır menü eklenmiyor.
Düz yazıya açılır menü eklemek için javascript ile kodlama yapman lazım.
Paylaşim için teşekkurler video lu anlatım olsaydı daha güzel olurdu yinede saol devamını dilerim
Güzel anlatım,paylaşım ve emeğiniz için teşekkürler.
bilğiler için teşekkürler cok sağolun cok yaralı oldu
msl http://www.sitedefteri.net/dreamweaver/tag diye nasil kaydedip içine bilği atabilirim tag diye nasi kaydediyoruz onu yapamıyorum tag.html olarak kaydoluyor sadece tag diye kaydedemiyorum