PSD'yi CSS'e Çevirmek (Resimli-MuGi)

26-04-2009, 12:54:51

PSD'yi CSS'e Çevirmek

Photoshopda tasarlanana grafik sablonlarinin daha şık gorunmesi icin photoshop cs4 ten nasil css tasarima otomatik olarak donusturulmesini
anlatiyoruz bu ozellikler cs3 surumu icinde gecerlidir .

Dersimiz Photoshopda WEb Tasarimi Olarakda Adlandirilabilir.
Oncelikle Sablonumuzu Tasarliyoruz

birinci resimde
tasarlama isimiz bittiktem sonra sliceslere bolme islemine geciyoruz.

bolme islemini tamamladiktan sonra

file menusunden
save for web devices diyoruz.

save dedikten sonra resimimiz takip ediyoruz

Aylarimizi Yukaridaki resimlere gore yaptigimiza gore islemlerimiz tamamlandi
web tasarim programi ile kaynagini goruntuledigimizde css tasarimi karsimizda sandigimiz kadar da zor degilmis

Sizlerde Farkli Tasarimlara Imza Atabiliriniz

Tasarimerkezi.com Ders Anlatimlar

26-04-2009, 13:26:32

#2

~~JustGo~~

Üyeliği durduruldu

Amaç html sayfasının içine 2 satır css kodu girmesi değilki.CSS kullanım amacı çok farklı birşey.CSS/XHTML birlikte kullanıldığında (div ile yapılan tasarımlar) css'nin nimetleri ortaya çıkar.Burda sonuç olarak gene resim tablo içine dökülüyor ve o tabloya css ile stil atanıyor.Bunu cssli yada csssiz yapmanın hiç denebilcek kadar faydası yok.

26-04-2009, 13:45:21

#3

ismoz

teşekkürler çok güzel bir anlatım olmuş hep merak ediyordum

+rep

26-04-2009, 13:53:11

#4

trgino

anlatım çok güzell teşekkürler
CS2 bu özellik yok galiba?

26-04-2009, 14:10:21

#5

MuGi

Tskler.

Cs2 kullanmadigim icin tam bilemiyorum
Ama soyle bi dokuman var
http://www.technologytutorials.org/a..._Tutorial.html

26-04-2009, 14:18:35

#6

UstaSoft

css yi ayrı bir dosyaya kaydetme imkanı varmı cs3 ile?

26-04-2009, 14:22:09

#7

~~JustGo~~

Üyeliği durduruldu

UstaSoft adlı üyeden alıntı: mesajı görüntüle

css yi ayrı bir dosyaya kaydetme imkanı varmı cs3 ile?

Bunu elle yapmakta mümkün ve basit.

style.css dosyası oluşturup css kodlarını içine atıp kaydedin.

<head></head>

tagları arasına

<link rel="stylesheet" href="style.css dosyanızın konumu" type="text/css" media="screen" />

yukarıdaki kodu ekleyin.

26-04-2009, 14:22:40

#8

MuGi

arkadas vermis tskler.

26-04-2009, 14:48:26

#9

ClubArkadas

trgino adlı üyeden alıntı: mesajı görüntüle

anlatım çok güzell teşekkürler
CS2 bu özellik yok galiba?

Smyrna: Photoshop ‘da yapılan tasarımı CSS’ye aktarmak

Bu link yardımcı olacaktır. Imagesready ile yapabilirsin.

İyi çalışmalar.