blonuzda en alta indiğinizde içinizi karartan birşeyler oldu mu? hemen yukarı mı çıkmak istediniz? “Header Nedir” yazımızda üzerinde durduğumuz sayfa başlığı imajlarından biraz aşağılara inelim ve tasarımcıların bloglarının diplerine gömdükleri sanatsal çalışmalara bir göz atalım. her ne kadar çok önemsenmese ve dikkat edilmese de gerçekten tasarımı bir kalıba oturtmak için uygulanan pek narin hoş footerlar bunlar;
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:
Footer, internette websayfalarının en altı diye tabir ettiğimiz kısımdır. İşte bu yazıda weble ilgilenenlere ilham kaynağı olabileceği düşünülen 10 site örneği ele alınmış.
Simple Art: Siteye girdiğinizde zaten etkilenmemeniz için hiçbir sebep yok. Herşey en küçük ayrıntısına kadar düşünülmüş ve footer tasarımı ise sitenin havasını en iyi şekilde özetlemiş.
Banjax: footer tasarımınızda bulunduğunuz konumu google map ile göstermek.. çok akıllıca değil mi? sitenin belfast’ta yani kuzey irlanda da olduğunu haritadan anlayabiliyoruz.
birçok site tasarımının sadece headerve footertasarı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 şuradakiadrese 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.
1) RSS Footer (RSS alt kısım)
Wordpress sitelerine eklenen yazıları, RSS beslemesi sayesinde, alıntı yaparak kullanan sitelerin yazının tamamını gösterememesi ve siteye geri dönüş sağlamak için, yazının belirlenen bir kısmına ‘Devamı’ etiketi eklemek gerekiyor.
Bunun yerine, bu eklenti ile tüm yazılarınızın RSS alt kısım (footer) alanlarına, site adı, yazar adı, yazının orjinal linki gibi geri dönüş sağlayabilecek html kodları ekleyebilirsiniz.
Eklenti sayfası’na gitmek için buraya, indirmek için buraya tıklayabilirsiniz.
her gün harika ve eşsiz csstekniklerinizi paylaşıyoruz ve akla gelicek her şeyi css ile halledebiliyoruz.
Listeler
İnanılmaz li: biraz css kodu ile li tagınını harika şekillerde kullanabilirsiniz.
Daha Güzel Listeler: kendi özgün listelerinizi oluşturabilirsiniz.
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ış.
Klasik web tasarım anlayışında “footer” lar bazen
en az özen gösterilen yerlerdir. Bu aslında footer’ların ziyaretçilerin an az dikkat ettikleri veya en az ilgilendikleri yer olduğuna dair yanlış kanıdan kaynaklanmaktadır. Oysa footer’larda en az diğer sayfa elemanları kadar önemliidir ziyaretçi çekmede. Eğer sayfalarınızda göz alıcı footer tasarımlarına yer vermek istiyorsanız buradaki ve buradaki tasarımlara bir göz atmanızda fayda olabilir. Ayrıca navigasyon menüleri için buraya, etiket bulutları içinde buraya bakabilirsiniz…
Başlıktan çoğu kişinin birşey anlamaması çok doğal, bu başlığı dün ben görmüş olsaydım bende bilmezdim zinflate fonksiyonununda ne olduğunu.
Bu fonksiyon, başta wordpress olmak üzere çeşitli içerik yönetim sistemlerinin çeşitli temalarında, temanın özeliklerini belirten ve genellikle sayfanın en altında bulunan –footer– alandaki metinleri sıkıştırmak ve şifrelemek amaçlı kullanılır.
Yeni web sayfam için “honestexpressions” adlı temayı kurduğumda benzer sorunla karşılaştım, temayı kendime göre düzenlediğimden birde benim metnimde geçsin istedim ve çözümü buldum.
İ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ş.
