İletişim için Form Defocuyu takip etmek isteyenlere, RSS - FeedBurnerSanal Alemde Ben, Friendfeed - Flickr - Twitter - Vimeo
Bugün itibariyle blogumun temasını yeniledim.
Eski temam Defocu 2008, WP’ye yaptığım ilk temaydı. Kendisini yaklaşık 10 ay kullandım. Bugün itibariyleyse eski temamı paylaşıma açıyorum. Kendisiyle ilgili tek söyleyebileceğim, oldukça sade bir tema olması.
İsteyenler buyursun indirsin. İndirme linki…
Web tasarımcılarının kullanmaktan büyük zevk aldığı ve işlerini oldukça kolaylaştıran "png" uzantılı resimlerin, gün geçtikçe kullanım oranı artıyor.
Yalnız bilindiği üzere bu resimlerin saydam (alpha-transparent) olan kısımları IE6'da sorun çıkarıyor. Eğer ziyaretçilerimiz, sitemizi IE6 ile ziyaret ediyorlarsa ki, hala IE6'yı kullanan büyük bir kitle var. Resimlerimizin normalde görülmemesi gereken saydam kısımlarını, açık mavi olarak görüyorlar. Bu da hem onlar, hemde bizim için çok can sıkıcı bir durum.
Bu sorunun ön kolay çözümü,
http://unitinteractive.com/labs/unitpngfix.php' sayfasındaki küçük bir javascript dosyasında saklı. Şimdi bu sayfadaki dosyayı bilgisayarımıza indirip, aşağıdaki işlemleri sırasıyla yapalım.
1 - Dosyayı bilgisayarımıza indikten sonra, sıkıştırılmış dosyayı açıp içindeki klasörü çıkaralarım. Klasörün içinde gelen "clear.gif" ve "unitpngfix.js" dosyaları bize lazım olan dosyalar. Bunları web sitemizin ilgili yerlerine taşıyalım.
2 - Sonrasında "unitpngfix.js" dosyasını açıp içindeki kodlardan
kodunu bulalım ve "clear.gif"adlı resmi taşıdığımız yerin uzantısını burada doğru bir şekilde düzenliyelim.
3 - Son olarakta png uzantılı resmimizin bulunduğu sayfanın tepesine, javascript dosyamızı ekliyoruz. Hepsi bu kadar.
Özellikle karmaşık web sitelerine sahipseniz ve ziyaretçilerinizin büyük bir kısmı arama motorları üzerinden sizi ziyaret ediyorsa, uymanız gereken bir takım kurallar olmalı. Çünkü arama motorlarından, sitenize ziyaretçi olarak gelen kişilerin büyük bir kısmı, direkt anasayfanıza gelmez. Bu ziyaretçiler, muhtemelen sitenizin içerisinde, çok ama çok derinlerde bir sayfanın tam içine düşebilirler. Sizin yapmanız gerekense onları o düştükleri yerden, sitenizde kaybolmalarına izin vermeden çıkarmak.
Bugün bu işi nasıl yapabileceğimizi anlamak için, bu işi en iyi yapanlardan biri olan "amazon.com"u inceleyeceğiz.
Amazon ne yapıyor?
1 - Ziyaretçi nerede olursa olsun, ona anasayfa'ya gelebilmesi için açık bir kapı bırakıyor. Yalnız "açık" kelimesine dikkat edin. Kapıyı saklamamanız önemli, ziyaretçi bu kapıyı aramaktan sıkılıp sitenizden bir daha dönmemek üzere çıkabilir. Kısaca ziyaretçiye, anasayfaya ulaşabileceği gözle görülür bir link bırakın.
2 - Ziyaretçiye nerede olduğunu her zaman hatırlatıyor. Ziyaretçi sitenizin içinde gezmeye anasayfadan başlamamış olabilir. Ona hangi (odada) sayfada olduğunu söylemek, bir ev sahibi olarak sizin işiniz. Sözün özü, ziyaretçiye hangi sayfada olduğunu gösterin.
3 - Aradığını bulamayanlara her zaman iyi bir şans veriyor. Sitenizde anlaşılır bir görünüme sahip, arama formunu her zaman bulundurun.
4 - Ziyaretçinin gittiği yollara ekmek kırıntıları serpiyor. Ziyaretçiye izlediği yolu gösterin. (Ör; Bilgisayar>Notebook>Dell)
5 - Ziyaretçinin altbölümleri ziyaret etme zahmetini en aza indiriyor. Ziyaretçiye gezdiği bölümün alt bölümlerini kolay olaşabileceği bir şekilde sunun. Her seferinde açılır menülerin içine girerek, bölüm arama zahmetine katlanmasına izin vermeyin. Unutmayın bu zahmete çoğu kimse katlanmaz.
NOT: Yukarıdaki resmi incelemeyi unutmayın, bir şeyleri görerek öğrenmek her zaman daha faydalıdır.
Tarayıcımızın içinde kaydırma çubuğunun kısa sayfalarda görünmeyip, uzun sayfalarda görünmesi nedeniyle, sitemiz tarayıcının içinde kayıyormuş gibi bir görüntü oluşturur.
Bunu yok etmek için, kaydırma çubuğunun kısa sayfalarda da görüntülenmesini sağlamamız gerekmektedir. Bunu için yapmamız gerekense .css dosyamıza bir satır kod eklemektir.
html { overflow-y: scroll; }
Hepsi bu kadar, artık sitenizdeki tüm sayfalar kısa veya uzun olsun, tarayıcınızın içinde kaydırma çubuğuyla beraber görüntülenecektir.
Bir framework kullanıcıları için hazır modüller bulundurur, bu sayede framework kullanıcısının bir takım işleri yapması daha da kolaylaşmaktadır. Zaten framework'un amacı da budur.
Tabi olarak Kohana'nın içinde de bir takım modüller mevcut, bu modülleri Kohana'yı indirdiğinizde gelen klasörlerin içindeki "modules" klasörü içinde bulabilirsiniz. Biz bugün Kohana ile gelen bu modüllerden gmaps'i nasıl aktif edeceğimizi öğreneceğiz.
"Modules" klasörünün içindeki "gmaps" klasörümüz googlemaps için yapılmış olan modülü barındırmakta. Gene bu klasörün içinde bulunan "controllers" klasöründe bu modülle ilgili bir de demo bulunmakta, yanlız biz bu demoyu görüntülemek için. Kohana'nın ana dizinindeki "application/config" klasörüne giriyoruz. Sonrasında bu klasörde bulunan "config.php" dosyasını açarak. Sayfanın en altında bulunan,
kodlarını buluyoruz. Hangi modülü kullanacaksak onun yanındaki açıklama işaretlerini (//) kaldırıyor ve sayfamızı tekrar kaydediyoruz. Biz "Google Maps" modülünü kullanacağımız için onun önündeki işaretleri sildik. Evet hepsi bu kadar artık modülümüzü kullanabiliriz.
Tarayıcımızı açarak adres alanına "http://localhost/kohana/index.php/gmaps_demo" yazdığımızda mevcutta bulunan demo sayfası görüntülenecektir. Sayfanın içerisindeki kodları incelemeyi unutmayın.
