header | bildirgec.org

Bir web sitesini açtığımızda ilk dikkatimizi çeken elemanlardan biri, header tabir ettiğimiz, site başlığıdır herhalde. Vandelay Design 30 yaratıcı site başlığını derlemiş. İşte bir kaç örnek:

Merchand de Trucs

Mike Poss

birçok site tasarımının sadece header ve footer tasarımları ile dikkat çekici kılındıkları aşikar bir durum. footer tasarımları sayfanın en altında kaldığı için pek ilgi çekmezken headerlar ise girişte gözümüzü alan ilk görsel cümbüştür. bugün bu işi özel olarak yapan kaynak sitelere dahi ulaşmak mümkün olmakta. hatta tasarımda söz sahibi sitelerden smashmagazinin yılın 2.ayında düzenlediği header tasarım yarışmasından da bu ilgiyi görmek mümkün. bedava header grafiği sunan listesine ulaşmak için sizleri selcukhoca'nın kaynak bildirisine ve şuradaki adrese yönlendiriyorum. bu adresleri bir tasarımcı olarak ilmal etmenizi istemediğimi belirtip sizleri herbiri birer esin kaynağı olabilecek header tasarımlarımlarıyla başbaşa bırakıyorum.

*son örnekte kendi header imajımı ekliyor ve sizden gelecek örnekleri bekliyorum.

HTML4'ün yavaş yavaş beklentilere cevap verememesiyle birlikte yeni arayışlara giren tasarımcılar div ayraçlarını CSS ile verimli şekilde kullanmaya başlamışlardı. Ne kadar iyi kodlamalar yapılsa da HTML4'ün artık yetmediği ortaydı.

HTML5 ise dilde yalınlık ilkesini amaç edinen yeni özellikleri ile kullanıcıların işini kolaylaştıracak. Daha az kodla sitelerimize aynı görünümleri verebileceğiz. Alistapart kaynağında okuduğum html5 içeriğinde bu yalınlaşma gayet iyi açıklanmış.

text2png ile sitenizde bulunan yazıları otomatik olarak png formatında resimlere dönüştürebilirsiniz.
Kullanılışı

• 
  
  bölümündeki kodları header dosyamıza ekliyoruz.

• bu kodların içinde yer alan // on of the replace functions below kodunun altına text2png.replace(), text2png.replaceTags(), text2png.replaceAll() kodlarından birini ekliyoruz.

open web graphics tasarımcılara çeşitli konularda kaynak sunan bir site. ikon, arka plan, banner kategorilerindeki içeriğe kullanıcılar da katkıda bulunabiliyor. hanüz dar bir arşive sahip olsa da ileride gelişmesi muhtemel.

css creator biraz iddialı bir isim/proje olmasına rağmen henüz bize muazzam olanaklar sunmayan, ama yine de işe yarabileyecek bir site. site üzerinden düğme yapabilir ve az önceki "işe yarar" tabirini bir nebze olsun gerçekleştirebilecek düzeydeki banner üretme fonksiyonunu kullanabilirsiniz. site bir "css website generator" var, ama bu kısım sanırım beta aşamasında olduklarından dolayı henüz aktif değil.

İlk önce footer nedir bundan bahsedelim;
Bir web sayfasını genel olarak parçalara bölmek gerekir ise, üst alan header, menülerin ya da buna benzer, genelde sağ ya da sol kısımda bazen ise her iki alanda yer alan sütunlara sidebar, içeriğin yayınlandığı alana main ve alt kısma ise footer denir.

Nedense tasarım içerisinde en az özeni bu alanlara gösterir, genelde bir kaç satırlık yazı ile geçiştiririz.

Bu adres ise bunun tam tersi, en güzel 19 footer tasarımını derlemiş, oldukça da güzel etmiş.