Photoshop ile Web Sitesi Tasarlamak

Photoshop

Photoshop nedir ?

İlk önce Photoshop’un ne olduğundan bahsedelim. Zaten çoğunuz şoplamak kavramını biliyorsunuzdur, işte o kavramın temelinde bu program yatıyor. Program, çeşitli resim ve fotoğraflar üzerinde birtakım düzenlemeler yapmanızı sağlayan bir programdır. Logo, kartvizit, afiş, istemediğiniz birini fotoğraftan kaldırmak gibi türlü türlü işlemleri bu program sayesinde yapabilirsiniz. Peki sadece bu özellikleri mi var ? Hayır. Photoshop ile aynı zamanda web sitesi tasarımı da yapabilirsiniz. Peki nasıl yapıyoruz bunu ?

Photoshop ile Web Sitesi Tasarlamak

Öncelikle sitelerde header, nav, aside, section, footer bölümleri vardır. Yani header dediğimiz banner kısmı, üst kısım, nav dediğimiz menü kısmı, aside dediğimiz sidebar kısmı, sağ soldaki bölümler, section dediğimiz metin kısmı, footer dediğimizde en alttaki “Tüm hakları saklıdır” gibi yazıların olduğu bölümdür. Bu bölümleri Photoshop’ta tek bir sayfa üzerinde kafamıza göre dizayn ediyoruz, tasarlıyoruz. Fakat her birini ayrı katman olarak alıyoruz, header katmanı gibi.

Sonra katmanlardan örneğin banner kısmında logoyu, örneğin nav kısmında anasayfa butonunu kesiyoruz ve her kestiğimiz parçayı png dosyası olarak kaydediyoruz.

Bundan sonra işimiz artık HTML ve CSS ile. Kestiğimiz logoyu kodlarımızın içindeki logo kısmına <img src=”” /> kodu ile çekiyoruz. Diğer bölgelerde aynı şekilde çekerek tasarımımızı tamamlamış oluyoruz.

Bu yöntemle web sitesi tasarlamak, bana göre en iyisi. Çünkü hem tasarımı kafamıza göre belirleyebiliyoruz, hem de daha kolay ve konforlu bir web tasarımı yapmış oluyoruz. O zaman hadi web sitesi tasarlamaya !

Related posts

Bir Cevap Yazın