PSD to HTML nedir? Nas─▒l yap─▒l─▒r? Yap─▒m─▒nda hangi programlar kullan─▒l─▒r? ve Nas─▒l d├╝zenli ve temiz bir i┼č ortaya ├ž─▒kar─▒labilir? sorular─▒n─▒ merak ediyorsan─▒z bu yaz─▒y─▒ sonuna kadar okuman─▒z sizin i├žin faydal─▒ olacakt─▒r.

Bir web sitesi 3 a┼čamadan olu┼čur diyebiliriz. ─░lk a┼čamas─▒ tasar─▒m─▒n kurgulanmas─▒d─▒r. Tasar─▒m kurgulan─▒r ve bu tasar─▒m Photoshop ile ├žizilir. Ard─▒ndan bu tasar─▒m HTML’e d├Âk├╝l├╝r. PSD to HTML‘de ise bir PSD dosyas─▒n─▒n HTML’e d├Âk├╝lmesi olay─▒na PSD to HTML denir. PSD ilk a┼čama, HTML 2. a┼čama ve 3. a┼čamada ise web sitesinin arka plan kodlamas─▒ vard─▒r

PSD to HTML Nas─▒l Yap─▒lmal─▒d─▒r?

Photoshop’ta bir PSD dosyas─▒ katman ┼čeklinde yap─▒lmal─▒d─▒r ve HTML‘e d├Âken ki┼či yada ki┼čilerin bu PSD’yi rahat├ža anlayabilmeleri i├žin katmanlar─▒ grupland─▒r─▒n ard─▒ndan, yapt─▒─č─▒n─▒z tasar─▒m─▒ PSD format─▒nda kay─▒t edin. Bir PSD dosyas─▒ bu ┼čekilde yap─▒l─▒r.

PSD dosyas─▒ haz─▒r ve HTML’e d├Âken ki┼čide d├╝zenli yapmal─▒d─▒r. “D├╝zenli yapmal─▒d─▒r”dan kast─▒m, d├╝zenli bir ┼čekilde kodlanmal─▒d─▒r. Ayr─▒ca temiz bir i┼č i├žin sadece kod d├╝zeni de─čil, dosya d├╝zeni de olduk├ža ├Ânemlidir. Bir dosya a├ž─▒lmal─▒ ve font dosyalar─▒ ayr─▒, css dosyalar─▒ ayr─▒, resim dosyalar─▒ ayr─▒ dosyalarda olmal─▒d─▒r. Bu sayede arka plan─▒ kodlayan ki┼či zorluk ├žekmez ve ileride bir de─či┼čiklik yapmak istedi─činizde kolay bir ┼čekilde d├╝zenleyebilirsiniz.

Ayr─▒ca ├╝cretsiz profesyonel PSD dosyalara g├Âz atmak i├žin┬á├╝cretsiz PSD tasar─▒mlar┬ákategorimizi takip etmenizi ├Âneriyoruz.

├ľrnek HTML dosyalar─▒ i├žinde┬á├╝cretsiz HTML tasar─▒mlar┬ákategorimizi takip edebilirsiniz.

PSD to HTML’de Hangi Programlar Kullan─▒l─▒r?

─░lk a┼čama diye tabir etti─čimiz, tasar─▒m─▒n ├žizilmesinde Photoshop size yard─▒mc─▒ olacakt─▒r. Ayr─▒ca tasar─▒m─▒n─▒z i├žine iyi g├Ârseller yapabilmek i├žinde Illustrator program─▒n─▒ kullanabilirsiniz.

Bir tasar─▒m─▒ HTML’e d├Âkerken de derleyici programlar kullan─▒l─▒r. Bir ├žok derleyici program vard─▒r. Ba┼člang─▒├ž i├žin, Adobe’nin Dreamweaver program─▒n─▒ yada ├╝cretsiz ve a├ž─▒k kaynak olan Notepad++‘─▒ kullanabilirsiniz.

Yorum Yap