photoshop da css tasarım yapmak

merhaba. Ben tablolu tasarımlar yapabiliyorum ama artık tablosuz tasarımda yapmak istiyorum.

İnternette bayağ bi araştırdım. Hepsinde photoshopda tasarımı yapıyorsun. Bölüp html olarak kaydet diyorlar.

Onu yapıyorum. Ancak metin ekleyemiyorum. Metinleri nasıl ekleyebilirim ?

Metin ekleyemezsiniz çünkü photoshop onların hepsini resim olarak kaydediyor.Web sayfasına direk hakim olmak istiyorsanız kendiniz kodlama yapmalsınız.

Merhaba, http://www.cssders.com/20-psd-to-css-videosu.html buradaki videom size yardımcı olacaktır sanırım

teşekkürler...

Erbilen bu konuda çok iyidir

Genel olarak anlatırsak ;
Photoshop'ta yaptığın tasarımının resimlerini slice tool veya crop tool ile parçalara böl,Css bilginle böldüğün parçaları birleştir.

Photoshopta yaptığın tasarımı, slice tool ile bölerken yazı gelecek yerleri iyi hesaplayıp ona göre bölersin. Daha sonra html'e dönüştürdüğünde yazı gelecek yerlerdeki resimleri silip yazlarını yaparsın. Bu şekilde tasarlamayı da bilmelisin ama sana tavsiyem bunun üzerinde çok yoğunlaşma. Html vs css ile güzel tasarımlar çıkarmaya çalışman daha faydalı olur.

Tasarlamadan önce nerede neleri kullanacağınızı iyi tespit etmeniz gerekiyor. Örneğin bir tablonun başlık kısmını seçer bg diye kayıt ederim tablonunda kenarlığını 1px yapıp rengini bg ile uyumlu hale getiririm diye düşünebilirsiniz. Bunların hepsini teker teker tespit ettiğinizde birbiriyle çelişen işlemler çıkacaktır karşınıza bunlarıda kendi içinizde çözmeniz gerekmektedir. Her tasarım html olabilir diye birşey yoktur çoğu olur ama bazılarıda sizi sıkabilir ve işten soğumanıza neden olabilir. O yüzden çok fazla abartmadan efektler kullanmanız sizin için daha yararlı olacaktır.

Her çizdiğiniz tablonun veya alanın html/xhtml deki halini düşünün.

İyi Çalışmalar