//-->
SanalGucumuz.tr.gg | Webtasarım Dünyasına Atılan İmza

 


 
 Haber Kodları 
 Döviz Kodları
 Tv de Bugün Kodu 
 Css İle Siteyi Ortalama Kodu
Css İle Menü Gizleme Kodu
 Hata Engelleyici
 Arka Plan Yapma Kodu
 Sayfa Yönlendirme Kodu 
 Sayfa Yükleniyor Kodu
 Ana Sayfan Yaptır Kodu
 Sık Kullanılanlara Ekle Kodu
 Sayfa Geçiş Kodları 
 Metin Seçme Engeli 
 Mouse Kodları 
 Günlük Burç Kodu 
 Flash Saat Kodları 
 Takvim Kodları 
 Yorum Yazılan Yerlere Resim 
Koyma Kodu

 Pagerank Kodları
 Tarihte Bugün Kodu
 Turk Bandları Ekle
 Duyuru Panosu Kodları
 Html Renk Kodları
 Reklam Alanları
 Arkadasına Tavsiye Et Kodu
 Yazı Efekt Kodları 

 Link Efekt Kodları

 Resim Upload Kodu
 Kayan Yazı Kodları
 Radyo Kodları

 Günün Resmi Kodu

 Sitenizde Çalan Dualar Kodu
 Komik Video Html Kodları
 Müzik Klip Html Kodları
 E - Devlet Linkleri Html Kodu
 Gazete Anasayfa Html Kodu



www.Sanalgücümüz.tr.gg

phtshp css kayıt

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.

Adobe Photoshop programının CS2 ve CS3 sürümlerinden önceki versiyonlarında ImageReady diye 
ayrı bir program vardı bu programla aşağıda anlatacağımız olay gerçekleştirilebiliyordu fakat şimdi ImageReady programı yoktur.

Şimdi olayımıza başlayalım.

İlk olarak tasarımımızı yapıyoruz, bende sanalkurs izleyenlerine özel basit bir tema yaptım;

http://img.sanalkurs.net/uploads/1_341.jpg

Daha sonra ekrandaki 'Slice' aracımız ile sitenin header,footer gibi bölümlerini ayırıyoruz;

http://img.sanalkurs.net/uploads/2_288.jpg

Şekildeki gibi ayırmaları yaptıysak ileriki aşamaya bakalım;

http://img.sanalkurs.net/uploads/3_234.jpg

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

http://img.sanalkurs.net/uploads/4_197.jpg

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

http://img.sanalkurs.net/uploads/5_158.jpg

Kaydetme yerinde resimdeki bölüme tıklıyoruz;

http://img.sanalkurs.net/uploads/6_121.jpg

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

http://img.sanalkurs.net/uploads/7_88.jpg

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

http://img.sanalkurs.net/uploads/8_68.jpg

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

İnanmadınız mı?

Buyurun sonuç

http://img.sanalkurs.net/uploads/9_58.jpg
 
 






Bu sayfa hakkında yorum ekle:
İsmin:
E-mail adresin:
Mesajınız:

   

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=