Gimp Dersleri - Gimp Hakkında Herşey Bu Sitede

Web Site Tasarimi

Web Site Tasarımı

Gimp sadece resim yaratma ve düzenleme programı değil de uğraşınca süper web site tasarımları yapabileceğiniz bir programdır. Gimp'te tasarım yapmak için katman ve seçim bilginizin olması, efektleri bilmeniz, piksel hesabını iyi yapmanız gibi şeyler yeterli olacaktır. Benim size önerim Gimp'te ilerledikten sonra ve HTML biliyorsanız bu işe bulaşın.

Web Tasarımı için öncelikle;

Belli bir Html ve Css altyapınız olmalı,
Css'deki işlevleri ve görevleri bilmeniz gerekli,
Sayfa ve onun içinde bulunacak taşıyıcıların yerlerini ve boyutlarını belirlemeniz gerekir,
Sayfanın sadece "div" etiketini kullanarak özetini çıkarmanız gerekir,
Düşündüğünüz tasarımı Gimp'e aktarabilmek için Gimp'i çok fazla olmasa da bilmeniz gerekir,
Gimp'te katmanları, seçimleri, filtreleri vb. çok iyi anlamanız gerekli,
Tasarımı güzelleştirmek ve butonlar için Gimp'te Gradyan oluşturma vb. bilmeniz gerekir,
Son olarak da sitedeki renk düzenini ayarlamak için iyi renkler seçebilecek zevkiniz olmalı.

Şimdi örnek bir tasarım yapalım. Sayfayı aklımızda canlandıralım ve neyin nerede olacağını iyice belirleyelim.

Soldaki resimde görüldüğü gibi siteniz isketeli belirlenmiş. Aynı zamanda boyutları da belirlenmiş. Bunu sadece tasarım haline geçirmek, ondan sonra da kodlara dökmek kalmış. "div" etiketleriyle sitenin kod iskeletini de çıkarabiliriz; Sağ tarafta da görüldüğü gibi sitenin "div" etiketleriyle iskeletini çıkardık. Siteyi Gimp kullanmadan sade renklerlede tasarlayabiliriz. Önce Gimp kullanmadan resimsiz sadece renklerden oluşan basit bir tasarım yapalım. Başlangıç içinde en iyisi budur zaten. Renk kodlarını ezberlemek imkansızdır. Ama bazıları aklımızda kalabilir. Örnek olarak;

#ffffff = Beyaz
#000000 = Siyah
#111111 - #999999 = Gri Tonları
#ffffcc = Sarı gibi...

Renk kodlarını aşağıdaki uygulamadan alabilirsiniz.

Öncelikle bir klasör oluşturuyoruz. Adı önemli değil. Sonra not defterini açıp hiç bir şeye dokunmadan "Farklı Kaydet" e basıyoruz. Klasörün içine "index.html" olarak kaydediyoruz. Sonra yine not defterini açıyoruz ve bu seferki dosyayı "tasarim.css" olarak kaydediyoruz. Kaydederken Türkçe karakterler kullanmazsak daha iyi olur. Ve son olarak tasarımın devamında işimize yarar diye oluşturduğunuz klasörün içine "resimler" adında bir klasör oluşturun.

Ben tasarımlarımı not defteriyle yaparım ve kullandığım tek not defteri Notepad++'dır. Bir çok dili algılayabiliyor ve web site tasarımlarında çok yardımcı oluyor. Boyutu 5,31 Mb, normal not defterine yakın bir görünümü var ve Türkçe. Programı buradan indirebilirsiniz. Tamamen kendi uploadımdır ve virüs kesinlikle bulunmaz.

RAR şifresi gimpdersleri.tr.gg

Programdan bir görünüm.