Photoshopta bir menü hazırlayıp bunu dreamwiever a nasıl ekleyebiliriz ?

Photoshopda hazırladığınız menüye ait butonları ayrı ayrı kaydedin ve dreamviwerda resim ekle şeklinde buton alanlarına çağırın. Eğer mouse üzerinde geldiğinde bir efekt olacaksa rollover image olarak çağırarak normal ve üzerine geldiğinde olması gereken resim şeklinde ekleyebilirsiniz.

Peki hocam ayrı ayrı kaydet derken bir kaç makale okudum slice tool kullanın felan demişler ama ben tam olarak bilmiyorum sizin dediğiniz olayı resimli halini yayınlayabilirmisiniz.. birde resimleri kestikten sonra dreamwiever da tabloların içine mi atacağız...

Sevgili dostum slice yapabilirsin elbette ancak slice yaparak kaydettiğinde dosya sliceları tablo olarak kaydeder tabloları toparlamak daha zor olur onun yerine divlerle çalışmak daha kolay olacaktır. Yapacağın çalışmanın bir taslağını oluşurarak ölçüleri belirlemen ve bu ölçüler doğrultusunda divlerle ve css ile çatıyı oluştuman işini kalaylaştırır.

(20/12/2013, 23:57)boolean_ yazdı: Sevgili dostum slice yapabilirsin elbette ancak slice yaparak kaydettiğinde dosya sliceları tablo olarak kaydeder tabloları toparlamak daha zor olur onun yerine divlerle çalışmak daha kolay olacaktır. Yapacağın çalışmanın bir taslağını oluşurarak ölçüleri belirlemen ve bu ölçüler doğrultusunda divlerle ve css ile çatıyı oluştuman işini kalaylaştırır.

Hocam gerçekten çok teşekkür ediyorum bir sorum daha olacak şimdi bu banner ve menüleri photoshopda tasarlayıp images olarak atacağız dreamwiever a değil mi bu aktardığımız buton ve resimler sitenin açılışında herhangi bir kasıntı veya geç açılmaya neden olur mu ?

resim boyutları ne kadar büyük olursa açılması da bağlantı hızına bağlı olarak geç yükleyeceğinden dolayı geç açılacaktır. Banner da logo alanını da unutma. ona göre ayarla.
Menuleride eğer ki resim yapmayı düşünüyorsan, menülerde çift renk yapman daha iyi olacaktır ki mouse ile üzerine gelindiğinde menü hissi verdirebilirsin.

Örnek olarak; aşağıdaki kodu inceleyebilirsin. resim.jpg menünün normal hali, resim2.jpg mouse menünün üzerine gelinceki hali. aklına takılan olursa sorabilirsin.

<a href="bağlantiadresi.html"><img src="resim.jpg" onmouseover="this.src='resim2.jpg'" onmouseout="this.src='resim.jpg'" /></a>