Adobe Photoshop Tasarımlarını CSS’e dökmek [1/2]

Merhaba arkadaşlar, bu yazımda Photoshop ile yaptığımız tasarımları CSS’e dökmeyi göreceğiz. Bunun için iki yol var, şimdi size ilk yoldan bahsedeceğim biraz.
Adobe Photoshop’un zaten öyle bi özelliği var aslinda, direkt olarak HTML/CSS olarak alabiliyorsunuz tasarımlarınızı.
Şimdi öncelikle ders CS3 üzerinden verilmiştir. Ben 900×500 büyüklüğünde ufak bi tasarım yaptım, onun üzerinde örneklendireceğim.

Tasarım bu, bi sitede istenen aşağı yukarı böyle bişey vardır zaten. Şimdi arkadaşlar photoshop’ta önemli olan şu; ilk tasarımınızdaki yazıları öylesine yazarsınız yani taslak göstermek için. Normalde keserken yazılar silinir ama göstermelik olduğu için ben yazıları silmeyeceğim. Şimdi kesiyoruz.

Ben biraz saçma bi şekilde kestim ama olsun, şimdi en önemli kısım kayıt kısmına geliyoruz.
File -> Save For Web&Devices sekmesinden sonra “Save” tıklıyoruz ve karşımıza çıkan ekranda OTHER seçeneğini seçiyoruz.

Ve burda pencerede karşımıza çıkan “Outpot XHTML” seçeneğini işaretliyoruz.


Daha sonra oradaki HTML yerine SLİCES’ı seçiyoruz ve orada GENERATE CSS’ten istediğiniz alanı seçiyoruz ve ok tuşuna basıyoruz.

Vee CSS kodlarını HTML dosyasının içinde bulabilirsiniz.
Buradaki işlediğim örneğin HTML + CSS türünden indirmek için; tıkla.




Orjinal makale: http://alkolik.org/adobe-photoshop-tasarimlarini-csse-dokmek-12/

Görseller ve site açılmıyor. eh:

Bi daha dener misiniz? Bende hiç bi sorun yokta.

Görseller ve site bende de açılmıyor

3 farklı dns ile de açılmıyor. Daha önceden de Alkolik.org'a bağlanamamıştım. Bağlanılabiliyorsa bende sorun vardır.

Türkiye çıkışlarında sorun var sanırım hostumun :'(.
Arkadaş halledecek yakın bi zamanda, vtunnelden falan dener misiniz? Oradan giriyordur ama..

Siteye bağlantı varda, bölgesel olarak ttnet kullanan kişilerde sorunlar mevcut.