//-->








ana sayfa



Online Kodlama Dersleri, CSS DERSLERİ, PHOTOSHOP DERSLERİ, HTML DERSLERİ, JAVASPRİT DERSLERİ, FLASH DERSLERİ

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.






Arama


Google Grubumuz
Google Gruplar
onlinekodlama grubuna kayıt ol
E-posta:
Bu grubu ziyaret et

Öğrencilerin Forum Sitesi
Kolera Fan Sitesi
Forum & Oyunlar & Sözlük & MGaleri & Videolu Dersler
Kolera Fan Forumu & Kuvvet Mira Videoları
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=