Merhaba arkadaşlar, bir çoğunuz dreamweaver kullanıyor muhtemel ama kullanıpta bu özelliği bilmeyenlerinizde vardır elbet. Gerektiği yerde pratik açısından kullanılmakta ve çok da işe yaramaktadır.Direk başlayalım isterseniz.

Şimdi ilk olarak ps'de bi menü oluşturuyoruz kendimize.




Ardından ise butonlarımıza üzerine gelindiğinde nasıl bir görüntü vermesini istiyorsak o şekilde değişim yapıyoruz.



Evet, şimdi ise photoshopta oluşturduğumuz menümüzü "slice tool" ile tek tek bölerek butonlara ayırıyoruz.



Aynı işlemi diğer menümüz için de yapıyoruz, onu da aynı orantı da kesiyoruz.

Karışmaması için kestiğimiz parçaları farklı klasörlere atalım 1 ve 2 diye.

Daha sonra dreamweaver'ı açıyoruz ve böldüğümüz parça sayısınca bi tablo oluşturuyoruz şu şekilde ;



Ardından ilk buton bölmeme tıklayarak sonra da en üst sekmelerden "insert -- > image objects - Rollever image" yolunu izliyorum. Karşıma şöyle bir ekran geliyor ;



Buradaki original image : imajın üzerine gelinmeden önceki görüntüsü, Rollever image:üzerine gelindiğinde görünmesini istediğiniz yeni imajın görüntüsü.
Go to url : üzerine tıklandığında gitmesini istediğiniz link.



İlk önce buton bölmemizi seçerek rollever image diyoruz, ilk önce görünmesini istediğimiz butonumuzu seçiyoruz 1. klasörümüzden, ardından üzerine gelindiğinde görünmesini istediğimiz butonumuzu seçiyoruz ve tüm bölmelere aynı şekilde yerleştiriyoruz.

Bu işlemimizi tamamladıktan sonra sayfamızı kaydediyoruz ve önizliyoruz.

Sonuca buradan bakabilirsiniz.

Yeni başlayanlar veya bilmeyenler için umarım faydalı olur.

Kolay gelsin.