|
03.01.2015 (10549) kez okundu Selamun Aleyküm, merhaba yeni bir derste görüşmeyi Rabbim nasib etti hamdolsun. Bu dersimde Fireworks CS5 Türkçe kullanarak açılır menü yapmayı anlatacağım inşaallah. Açılır menüler, web sitelerinde büyük kolaylık ve estetik sağlayan bir özelliktir. İşte biz de web sitelerinde kullanmak için fireworks kullanarak açılır menü tasarlayacağız. Kod yazmadan basit bir şekilde açılır menü nasıl yapılır buyrun başlayalım. Unutmamalıyız ki açılır menünün amacı internet tarayıcılarında çalıştırmak için yapmaktır. Aksi taktirde resim editörlerinde bir anlam ifade etmeyecektir. Açılır Menü Yapımı: Kaynak: http://www.mustafakarsli.com İlk olarak nasıl bir menü yapacağımıza karar verelim. Ben aşağıda madde işaretleri ile belirttiğim gibi bir menü yapmayı planlıyorum: DERSLER
Evet yapmam gereken görünecek / açılır menü eklenecek menü elemanını tasarlamak. Yani yukarıdaki menüye göreDERSLER elemanını / butonunu tasarlıyorum. 1- Vektör araçlarından yuvarlak köşeli dikdörtgen ekledim ve üzerine DERSLER yazısını yazdım. 2- Sonra web araçlarından dikdörtgen sıcak nokta aracını seçtim ve hazırladığım resmi / DERSLER butonunu içine alacak şekilde dikdörtgen sıcak nokta çizdim. 3- Sıcak nokta seçili iken Değiştir menüsündeki Açılır Menü alt menüsü içindeki Açılır Menü Ekle seçeneğine tıklayalım (Değiştir -> Açılır Menü -> Açılır Menü Ekle) ya da sıcak nokta seçili iken şeklin ortasında yuvarlak bir tutamaç oluyor ona tıkladığımızda da açılan menüden Açılır Menü Ekle seçeneğini tıklayarak Açılır Menü Düzenleyici Penceresini açalım. 4- Açılan pencere aşağıdaki gibi olacak inceleyecek olursak;
Yukarıdaki pencerede metin yazan yer menü isimlerini belirtir. Bağ yazan yer, menüye tıklanıldığında gidilecek sayfa adresini belirtir. Hedef yazan yer ise sayfanın nerede açılacağını belirtir. _blank: yeni sayfada, _self: aynı sayfada açılacak demektir. 5- Tüm menüleri sırasıyla yukarıdaki gibi ekleyelim. Bağlarını ve hedeflerini verelim. GRAFİK menüsü üst menü olacak diye bağına adres yazmadım. Kaynak: http://www.mustafakarsli.com 6- Fireworks ile Flash alt menü olacak bunun için öncelikle Fireworks menüsüne tıklayarak seçili konuma getirelim (yukarıdaki resimde 1 numaralı yer gibi). Sonra 2 numaralı yerdeki Menüyü Girintile aracına tıklayarak Fireworks menüsünü alt menüye çevirelim. Fireworks yazısı biraz sağa gidecek aşağıdaki resimdeki gibi olacak. Flash içinde aynısını yapalım. Alt menüleri tekrar üst menüye çevirmek istersek bu kez menüyü seçip 2 numaralı yerin solundaki Menüyü Çıkıntıla aracına tıklamamız gerekir.
7- Tüm menü elemanları hazırsa ileri butonuna basalım ve Menümüzün görünüm ayarlarına geçelim aşağıdaki ekranı inceleyecek olursak;
Yukarıdaki şekli açıklayalım:
Yukarıdaki bilgiler ışığında menümüzün görüntüsünü belirleyip ileri butonuna tıklayalım. 8- Açılır menü gelişmiş özellikleri açılacak aşağıdaki gelişmiş özellikleri inceleyecek olursak;
Yukarıdaki resmi açıklayalım:
Burada dikkat edilmesi gereken birşeyde hazır stil kullanıldıysa 8,10 ve 11 numaralı alanlar pasif görünecektir. Yukarıdaki bilgilere göre değişiklik yapıldıktan sonra ileri butonuna tıklayalım ve konum ayarlarına geçelim. 9- Açılır menü konum ayarları penceresi açılacak aşağıdaki resmi inceleyecek olursak;
Yukarıdaki görüntüyü açıklayalım:
Yukarıdaki bilgilere göre menünün konumunu da seçelim ve Bitti butonuna tıklayarak menümüzü oluşturalım. Açılır menümüz hazır. Kaynak: http://www.mustafakarsli.com F12 ile tarayıcıda önizleyip kullanabilirz. Ya da Dosya menüsünden Dışa Aktarı seçip kaydederek kullanabiliriz. Açılır menüyü tekrar düzenlemek isterseniz Değiştir menüsünden Açılır Menü alt menüsünden Açılır Menüyü Düzenle seçeneğine tıklayarak ya da sıcak nokta seçili iken ortadaki yuvarlak tutamaça tıklayarak da aynı menüye erişebilirsiniz. Açılır menüyü silmek isterseniz Değiştir menüsünden Açılır Menü alt menüsünden Açılır Menüyü Sil seçeneğine tıklayarak silebilirsiniz. Derslerle ilgili görüş ve sorularınızı aşağıdaki yorum ekle bölümünden yazabilirsiniz. İlerleyen günlerde tekrar görüşmek üzere sağlıcakla kalınız... Mustafa KARSLI Kaynak: http://www.mustafakarsli.com |
© 2008 - 2024 Mustafa KARSLI |