Photshopta css yapimi

Photoshop programı ile yapılan grafik bazlı çalışmaların web ortamında rahat kullanılması için otomatik olarak CSS 'ye nasıl dönüştürebileceğimizi anlatıyoruz.
Şimdi olayımıza başlayalım.

İlk olarak tasarımımızı yapıyoruz.Daha sonra ekrandaki 'Slice' aracımız ile sitenin header,footer gibi bölümlerini ayırıyoruz.



'Slice' ile ayırdıktan sonra "File / Save For Web & Devices.." 'a basarak kaydetme yerine geliyoruz;

Çıkan önizleme ve dosya uzantısı ayarlama bölümünden 'Save' diyoruz;


Yine şekildeki kısma 'HTML' e girerek resimdeki gibi ayarları yapalım;

HTML 'yi seçtiğimiz yerden Slices 'ı seçiyoruz;

En son olarak Kaydetme bölümü geliyor buradan .html uzantısı ile kaydetmesini rica ediyoruz ve işte CSS 'lerimiz hazır.

Not bu kodlar normal web siteleri içindir.Hackerfriendin anlattığı ders ile kendi sitelerinize uyarlayabilirsiniz.