Hazırlayacağımız minik uygulamayla PHP’nin tarih özelliğini Türkçe olarak sayfamızda kullanabileceğiz. Özellikle sunucu yazılımı Türkçeyi desteklemeyen sunucularda barındırılan web sayfalarında tarih görüntülemek için JavaScript’e iyi bir rakip, kodlamaya yeni başlayanlar içinse güzel bir uygulama bizleri bekliyor.

Hadi başlayalım!

öncelikle fonksiyonumuzu tanımlayalım:

tarih_tr(){

}

Fonksiyonumuza herhangi bir parametre göndermeyeceğimiz için parantezlerin arasını boş bırakıyoruz. Farklı bir tarihi türkçeleştirmek istersek, fonksiyona dilediğimiz tarihi de parametre olarak geçebiliriz.

Öncelikle günlerin ve ayların türkçe adlarını dizi değişkenlere (array) yerleştirelim:

tarih_tr(){
// Türkçe günler: Pazar ile başlayan takvimi hesaba katarak ilk günü pazar olarak yazdık.
$gunler = array(‘Pazar’,'Pazartesi’,'Salı’,'Çarşamba’,'Perşembe’,'Cuma’,'Cumartesi’);
// array() ile oluşturulan dizilerde, herhangi bir elemana ulaşmak için elemanın sıra numarasını
// diziye parametre olarak göndereriz:
// $bugun=gunler[1] şeklindeki atmada döndürülen değer Pazartesi’dir. Unutmayın, diziler
// daima 0. elemandan başlar!

// Türkçe aylar:
$aylar = array(‘Ocak’,'Şubat’,'Mart’,'Nisan’,'Mayıs’,'Haziran’,'Temmuz’,'Ağustos’,
‘Eylül’,'Ekim’,'Kasım’,'Aralık’);
// $dogdugum_ay = $aylar[10];
// Kasım’da doğmuşum
}

Böylece gün ve ayların türkçelerini dizi değişkenlerimize yerleştirmiş olduk. Şimdi gelelim türkçe tarih görüntülemeye.

date() fonksiyonu parametre olarak bir “string” değeri almaktadır. Bu değerlerin listesini http://www.php.net/manual/tr/function.date.php adresinden inceleyebilirsiniz.

tarih_tr(){
$gunler = array(‘Pazar’,'Pazartesi’,'Salı’,'Çarşamba’,'Perşembe’,'Cuma’,'Cumartesi’);
$aylar = array(‘Ocak’,'Şubat’,'Mart’,'Nisan’,'Mayıs’,'Haziran’,'Temmuz’,'Ağustos’,
‘Eylül’,'Ekim’,'Kasım’,'Aralık’);
// bugünü bulalım
$bugun = $gunler[date('w')];
// date() fonksiyonuna gönderdiğimiz w parametresi, bugünün
// haftanın kaçıncı günü olduğunu geri döndürecek (0-6)
// Dönen rakam ise, $gunler dizisinden o sıralamadaki değeri
// $bugun değişkenine atamış olacak.
// yani date(‘w’) fonksiyonu 2 döndürürse, $bugun değeri Salı olacak

//bu ayı bulalım
$buay = $aylar[date('n')-1];
//
}

GIF biçmi, internetteki en popüler türlerden biridir. Sadece aynı renkten alanlara çokça sahip olan imajları sıkıştırmakta değil, aynı zamanda (grafik dosyasıyla, ç.n.) animasyon uygulamak için de tek seçenektir (daha yüksek maliyetli Flash veya diğer vektörel animasyon tiplerini kullanmak istemediğiniz sürece). Ayrıca GIF89a türü de şeffaflık (transparency) ve taramalı geçişleri (interlacing) destekler.

GIF, fotoğraflar hariç, hemen hemen tüm grafiklerde kullanışlı olmasını sağlayan en çok 256 rengi destekler. GIF dosyalarının boyutunu düşürmek için kullanılan en genel yöntem, renk paletindeki renk sayısını azaltmaktır. Önemli bir diğer noktaysa, GIF tipinin, LZW sıkıştırma tablosunu kullanarak veri kaybetmeden grafikleri mümkün olduğunca küçülttüğünü akıldan çıkartmamaktır.

Saydamlık (Transparency)

Yukarıda hatırlatıldığı üzere, GIF biçmi saydamlığı destekler. Bu özellik, grafik tasarımcısına imajın arka planını saydam/transparan olarak tasarlama imkanı verir. Bunun anlamı şudur; eğer transparan bir GIF dosyasını sarı bir tablo hücresine koyarsanız, bu grafiğin arka planı sarı olur.

Tarama (Interlacing)

Taramal özelliği, GIF imajlara, daha hızlı yükleniyormuş görüntüsü verir. Bir görüntü dosyası, internet tarayıcısında aşama aşama görüntülenir. Önce yumuşak ve buğulu bir görüntü, sunucudan daha çok bilgi yüklendikçe, imaj yüklenene kadar netleşir. Tarama özelliği kullanılan GIF dosyalarının, diğerlerinden bir miktar büyük olacağını unutmamak önemlidir. Bu nedenle tarama (interlacing) özelliğini sadece gerektiğinde kullanın.

Ne zaman GIF kullanılmalı?

Genel olarak GIF, logolarda, çizimlerde, simgelerde (ikonlar) kullanılmalıdır. Fotoğraflarda, uzayan tonlara sahip grafiklerde GIF kullanmaktan kaçının. GIF dosyalarını tasarlarken, dosya boyutunu küçük tutmak için gradient kullanmaktan kaçının ve anti-alias özelliğini kapatın.

JPEG Biçimi

16,7 milyon rengi destekleyen JPEG biçmi, fotoğrafik imajlar için birinci tercihtir. JPEG’in dahili sıkıştırma algoritması, GIF türünün tersine, bilgiyi dışarı verir. Kullandığınız ayarlara göre, dışarı aktarılan bilgi gözle görülür ya da görülmez. İmaj kalitesini düşürüp kaydettiğinizde, orijinal veriler tekrar geri getirilemez; bu nedenle Orijinal imajı kaydettiğinizden emin olun.

Progresif JPEG

Tüm JPEG dosyaları Progresif JPEG (Progressive JPEG) olarak kaydedilebilir. Bu tıpkı tarama özellikli (interlacing) GIF’e benzer. GIF’teki gibi, ziyaretçilere önce düşük kalitede bir resim sunar, aşama aşama kalite yükselir. Bazı grafik düzenleme yazılımları, imaj tamamıyla indirilmeden kaç kademede geçiş yapılacağını belirlemenize imkan tanır.

Ne zaman JPEG kullanmalı?

Kural olarak JPEG türünü fotoğrafik imajlarda ve 256 renk paletiyle iyi görünmeyecek dosyalarda kullanmalısınız.

PNG Biçimi

Üçüncü ve en yeni grafik biçimi olan PNG, geniş ölçüde internet ortamında kabul görmektedir. PNG, GIF’in kısıtlamalarını bertaraf etmek ve tasarımcıların diğer grafik türlerinin lisans konularını dert etmemeleri için geliştirilmiş bir türdür. PNG, GIF’in temel özelliklerini sunmakla birlikte, akış (streaming) ve aşamalı (progressive) dosya türlerini de destekler. Ayrıca mükemmel 24 bit renk derinliği sunar.

PNG biçiminin, animasyon özelliği bulunmamasından dolayı tam olarak GIF’in yerini alamasa da yakın gelecekte yaygın kabul görmesi beklenmektedir.

Optimize araçları

Grafiklerinizin boyutunu ciddi şekilde düşürmenize yardım edecek bedava optimizasyon araçlarını internette bulabilirsiniz.

Yazanlar: Matt Mickiewicz, Nicky Danino

Çeviren: Serdar Çalıkoğlu

Web sitenizden bir tıklamayla uzaklaşmak, internet kullanıcıları için hiç bu kadar kolay olmamıştı. Internette, sitenizle rekabet içinde olan 35 milyon civarında web sitesi var. Arama motorları git gide daha iyi sonuçlar veriyor ve internet bağlantı hızları da hızlandıkça hızlandı. Rakiplerinizden birinin web sitesini bulmak çok çabuk ve kolay.

1- Site ziyaretçilerinizin acil ihtiyaçlarını anlamaya çalışın

Websiteniz ziyaretçilerin ihtiyaçlarını tam olarak karşılayacak bilgiyi sunmalıdır. Kullanışlı web site tasarımının temeli budur; o nedenle bir defa daha tekrar edelim: Websitenizziyaretçilerin ihtiyaçlarını tam olarak karşılayacak bilgiyi sunmalıdır.

Pekala, biraz ilerleyelim, farklı bir sorunla karşı karşıyayız: Web site ile ilgili amaçlarınız muhtemelen ziyaretçilerin acil ihtiyaçlarından farklıdır. Aman tanrım.

Pu sorunu ve çözümünü bir web tasarımı şirketinin sitesini örnek vererek somutlaştıralım. Amaç, ziyaretçilerle irtibat kurmak ve bir takım web geliştirme işlerinden gelir elde etmektir. Ziyaretçiler ise muhtemelen web geliştirme işlerinin yapılmasını isterler (yoksa neden siteye gelsinler ki?), fakat bu onların siteye ulaştıklarındaki acil ihtiyacı gibi durmamaktadır.

Ziyaretçilerin acil ihtiyaçları, muhtemeldir ki aşağıdakilere benzer soruların cevaplarını bulmaktır:

• Onlara güvenebilir miyim?
• Yaptıkları işte iyiler mi?
• İşi yapacaklar mı?

Web siteniz, müşterilere satış yapmaya başlamadan önce, onların sorularını cevaplamalı ve korkularını yatıştırmalıdır. Bu da önemli noktalardan birisidir, o nedenle bir daha tekrarlayalım: Web siteniz, müşterilere satış yapmaya başlamadan önce, onların sorularını cevaplamalı ve korkularını yatıştırmalıdır.

Web tasarım şirketi örnek olayımızda, şirket bir portföy, müşteri görüşleri, vb. sunabilirdi. Bunlardan başka ziyaretçilere sunulabilecekleri düşünebilir misiniz?

Web tasarım şirketi örnek olayımızda, şirket bir portföy, müşteri görüşleri, vb. sunabilirdi. Bunlardan başka ziyaretçilere sunulabilecekleri düşünebilir misiniz?

2. Bilgi akışı oluşturun

Şimdi müşterilerimizin acil gereksinimlerini belirledik, site ziyareçilerinin web sitenizdeyken kullanacakları bir yol (veya yollar) olacak bir bilgi akışı oluşturmalıyız. Bu yol (veya yollar) onları öncelikli olarak ilgi alanları ve ihtiyaçlarına gönderecek, ve kademeli olarak ziyaretçilerle ilgili amaçlarınızı tamamlayarak onları geri getirecektir. Bu planı oluşturmak için şunlara ihtiyacımız var:

• Sitenizi kullanacak farklı insan gruplarını tanımlayın.

• Her bir grubun sitenize gelerek yapmak istedikleri şeyleri tespit edin.

• Bunu sağlamak için temin etmeniz gereken bilgiyi (ve sıralamasını) tanımlayın.

• İstediklerini ulaşmaktan onları alıkoyacak şeyleri tespit edin.

• Ziyaretçilere engel olacak şeyleri engellemek için sağlamanız gereken bilgiyi tanımlayın.

Artık web site sayfalarınızın listesini oluşturabilecek ve bunları nasıl bir araya getirebileceğiniz konusunda kaba taslak bir fikre sahip olacaksınız. Ve tam olarak hangi sayfaları sitenize koyacağınızı ve bu sayfaları nasıl gruplayacağınızı anlayacaksınız.

Şunu aklınızda tutun; bazı ziyaretçiler diğerlerinden daha fazla bilgiye ihtiyaç duyarlar, bu nedenle onlar için planladığınız hedefe ulaşmaları için ziyaretçilere bilgi akışı içerisinde ilerleme şansını tanımakla birlikte, akıştan çıkmalarına da imkan sunmalısınız.

Web tasarım şirketi sitesine geri dönelim, ziyaretçilerin takip edecekleri bilgi akışı (site şeması, ç.n.) şöyle olabilir:

1. Ana Sayfa
2. Portföy
3. Müşteri izlenimleri (referanslar)
4. Firma geçmişi
5. Çalışanlar
6. Kurallar & Koşullar
7. İyi web tasarım taktikleri
8. İletişim

Web tasarım şirketinin, ziyaretçileri için belirlediği ana hedef, kendilerine ulaşmaları ve hizmet talep etmeleridir. Ziyaretçiler sitenin neresinde olurlarsa olsunlar, herhangi bir noktadan basitçe, tek bir tıklamayla doğrudan iletişim sayfasına ulaşmalıdırlar.

Muhtemelen bu stratejiye rastlamışsınızdır. Ana sayfaya girersiniz ve bazı temel bilgileri içeren, tıklayarak sizi sitenin farklı yerlerine götürmeyi aaçlayan iki veya üç tane belirgin (kutucuklar şeklinde) bağlantı vardır. Web sitenin ilgili sayfasına gidersiniz, bilgileri okursunuz ve bir sonra gideceğiniz sayfayı seçersiniz. Siteden çıkıncaya veya web sitenin amaçlanan hedefine ulaşana kadar bu böyle sürüp gider.

Web sitenin ana sayfası aşağıdaki gibi şekillenecektir:

Ortadaki üç kutucuk, müşterilerin acil sorularına proaktif bir şekilde cevap veriyor. Sol üstteki iletişim sayfası bağlantısı, tüm sayfalarda yerini koruyor ve bu şekilde ziyaretçiler her an iletişim sayfasına geçebilme şansına sahip oluyor.