Bir web site aslında bir pazarlama aracıdır; şirketleri, ürünleri ve servisleri temsil eder, aynı zamanda şirket karakterinin, düşünce tarzının ve felsefesinin bir yansıması gibidir. Bu, sade bir web sitesinin taşıyabileceğinden daha ağır bir yüktür, fakat dozunu iyi ayarlamak gerekir. Büyük şirketler ürünlerinin kalıcı olması ve ambalajlanması gibi konularda kusursuz renklere ulaşmak amacıyla milyon dolarlar ödüyorlar. Çünkü renklerin doğru kullanımı, ürünlerin satışlarını kesin bir ölçüde etkilemekte ve artırmaktadır. Bu kuralın aynının web siteleri için de geçerli olduğunu bilmemiz gerekiyor.

Renkler kişilerin tercihlerini psikolojik ve fizyolojik olarak önemli ölçüde etkilemektedir. Sitenizin renk düzeni çarpıcı bir izlenim uyandırabilir, muhtemel başarınıza pozitif veya negatif bir katkıda bulunabilir. Renk seçimi web site tasarımında çok önemli bir unsurdur. Bir web sitede renklerin tasarımı grafiklerinin ve ara yüzünün tasarımı kadar mühimdir.

Web Tasarımında Renkler ve Etkileri

Bir ziyaretçi sitenize geldiği zaman, 8-10 saniye civarında sitenin görselliğine yoğunlaşır ve sonra bir müşteriye dönüşür. Madem ki, renkler hislerimize hitap ediyor, algılamalarımızı ve etkileşimimizi yoğunlaştırıyor, o halde kişiye kendini iyi hissettiren, rahatlatıcı, tatmin edici ve güven veren renkler kullanmamız gerekiyor. Bu durumda web sitenizin renklerini seçmeden önce, renklerin ve etkilerinin temel olarak ne ifade ettiğini bilmek büyük önem kazanıyor.

Ilık Renkler

Ilık renkler sarı, turuncu, kahverengi, sarı-yeşil ve turuncu-kırmızı renklerden oluşur. Ilık renkler girişkenliğe ve heyecana yöneltmeye meyillidir. Küçük oranlarda kullanılması iyi bir etki bırakır.

Soğuk Renkler

Soğuk renkler mavi, yeşil, pembe, mor, mavi-yeşil, magenta ve mavi-kırmızı renklerden oluşur. Soğuk renkler sakinleştirici ve yatıştırıcı renklerdir ve çok kullanılırlar.

Arabulucu Renkler

Mor ve yeşil, soğuk ile ılık renkler için arabulucu renklerdir. Bu da kırmızı ya da sarının mavi değeri ile yakınlık değerine bağlıdır. Eğer renk az miktarda mavi ton içeriyorsa ılık bir renktir, eğer fazla mavi varsa soğuk renkler bölümüne dâhil olur.

Nötr Renkler

Nötr renkler beyaz, siyah, gri ve büyük değerde gri içeren renklerdir. Nötr renkler arka planlar ve ılık renklerin etkilerini artırmak için idealdir.

Çoklu Renkler

Çok renkli siteler ziyaretçilerin en az zaman harcadığı sitelerdir, dolayısıyla ılık ve soğuk renklerin karışımı kullanıcılara her zaman itici gelecektir. Böyle siteler çoğunlukla tıka basa doldurulmuş ve karman çorman sitelerdir. Bu durumda en iyi çözüm, bir çift renk seçmek ve genel tasarımda onlara bağlı kalmak olacaktır.

Renk Uyumu

Aşırı derecede fazla renk huzursuz edicidir ve karmaşıklığa neden olur. Buna karşın çok az renk kullanmak da can sıkıcı bir görünüm arz edebilir. En iyisi dengeli bir kullanımdır. Yapılacak en güzel seçim bir sayfada birkaç farklı renk kullanmaktır. Aşırı fazla renk değerleri ve karıştırılmış renkler kullanmaktan kaçınmalı, ılık ve soğuk renkleri rahatsız etmeyecek şekilde kullanmalıdır.

Bilgisayar Renk Görünümü

Bilgisayar monitörleri renkleri kırmızı, yeşil ve mavinin farklı tonlarını kullanarak yansıtır, bu renklere kısaca RGB denir. Bu kısaltma, Red (kırmızı), green (yeşil) ve blue (mavi) renklerin baş harflerinden oluşur. Bu durum renklerin karıştırılmış halidir, çünkü aynı değerlerdeki kırmızı, yeşil ve mavi ışık, beyaz ışığa eklenir. Diğer bütün renkler RGB renk değerlerinin karışımı ile ekranda görüntülenirler. Fakat RBG renkler baskıda, yani matbaada kullanılan CMYK renklerden tamamen farklıdır ve böyle olması da zorunludur.

Web Renkleri

Web’te en çok rastlanan sorunlardan biri de, renklerin web sitelerinde doğru ve dengeli bir şekilde bütüne yayılamamasıdır. Bunun sebebi renk derinliğine, yani bilgisayarın görüntülemede zorluk çekeceği türden bir renk kullanılmasından kaynaklanır. Bu tür sorunlar ziyaretçinin sitede fazla kalmasını engelleyecektir. Bu sorunu resim düzenleyicinizin (Photoshop veya Fireworks gibi) renk optimizasyonu desteğiyle çözebilirsiniz.

Mac OS, Unix, Linux ve Windows platformlarında renklerin nasıl göründüğü de ayrıca büyük önem taşır. Bilgisayarlar milyonlarca renk görünümü sağlasalar bile aşırı derecede renk ve renk tonları tarayıcılar açısından sorun oluşturabilir. Bu nedenle belli renkler kullanılarak hem küçük dosya boyutları elde edilebilir, hem de hızlı yüklenme imkânı sağlanabilir.

Yazı Renkleri

Yazı ve arka plan seçiminde son derece ciddi olmak lazımdır. Ne pahasına olursa olsun, okunabilirlik muhafaza edilmelidir. Eğer yazı açık renkse, arka plan koyu renk olmalıdır. Siyah ve beyaz her zaman iyi bir kombinasyondur, önemli kısımları belirtmek içinse kırmızı ve mavi sık sık kullanılır. Ilık renge sahip olan yazı için, arka plan olarak siyah rengi kullanmaktan kaçınmak lazım. Belki yazıyı daha iyi gösterdiğini düşünebilirsiniz, ama ziyaretçiler açısından pek hoş karşılanmayacaktır.

Renk Tablosu

Birçok milletten insanla karşılaşacağınız bir ortamda renklerin anlamını bilmek size çok büyük avantajlar sağlayacaktır.

Mavi: Barışı, sükûneti, sakinliği, sağlamlığı, uyumu, birliği, güveni ve inancı temsil eder. Çin’de mavi ölümsüzlükle ilişkilendirilmiştir. Kolombiya’da mavi renk sabunu temsil eder. Hindistan’da mavi renk, Krişna’nın (1) rengidir. Orta Asya’da mavi koruyucu bir renktir.

Siyah: Gücü, kültürü, resmiyeti, zarafeti, anonimliği, mutsuzluğu, zenginliği, gizemi, korkuyu, kötülük gibi ifadeleri temsil eder. Çoğu yerde siyah renk, yas tutma rengi olarak kullanılır.

Yeşil: Tabiatı, sağlığı, iyi şansı, yeniliği, gençliği, enerjiyi, baharı, cömertliği, bereketi, kıskançlığı temsil eder. Yeşil, İslam dininin sembolü haline gelmiş bir renktir. İrlanda’da Katolikler için dini bir anlam ifade eder. Bazı tropikal şehirlerde tehlike anlamında kullanılır.

Turuncu: Enerjiyi, dengeyi, sıcaklığı, hevesi, coşkuluğu, gösterişi temsil eder. İrlanda’da Protestanların kullandığı dini bir renktir.

Mor: Kraliyeti, hükümdarlığı, ruhaniliği, asaleti, resmiyeti, gizemi, dönüşümü, bilgeliği ve ilmi temsil eder.

Kırmızı: Aşkı, tehlikeyi, arzu ve hevesleri, hızı, gücü, şiddeti, öfkeyi ve kanı temsil eder. Çin’de kırmızı renk kutlamalarda ve şanslı anlarda kullanılır. Bazı yerlerde ise cenaze törenlerinden evlenme törenlerine kadar bir dizi yerde kullanılmaktadır. Hindistan’da kırmızı temizliği sembolize eder ve evlenme esnasında kullanılan araç gereçler çoğunlukla kırmızı olur.

Beyaz: Saflığı, temizliği, sadeliği, barışı, tevazuyu, masumiyeti, doğumu, gençliği, iyiliği ve evliliği simgeler. Japonya’da beyaz karanfil ölümü simgeler. Doğu kültürlerinde beyaz renk soğukluk ve verimsizliği fade eder. Amerika’da ise bekâreti temsil eder.

Sarı: Neşeyi, mutluluğu, iyimserliği, idealistliği, hayal gücünü, umudu, güneş ışığını ve korkaklığı temsil eder. Asya’da sarı renk kutsal bir renktir ve imparatora özgüdür.

Renkler güçlü iletişim araçlarıdır, küçümsenmeyecek derecede etkilidirler ve ilk sırada gelirler. Sitenizin ilk etkisi renklerle olur. İlk girildiğinde akılda kalıcılığı, sitenizi gezerken insanlara verebileceğiniz duygu sitenizin renklerinde gizlidir.

Yaygın Hint geleneğine göre Vişnu’nun sekizinci avatarıdır. Gaudiya Vaişnavizm’de En üstün Kişilik yani Tanrı olarak görülmüş ve böylece onun diğer tüm enkarnasyonların temeli olduğuna inanılmıştır.

Kaynaklar: Vishal Verma, "The Importance Of Color In Web Designing"

sanalkurs

Web site tasarımı, bir ürünün ya da konseptin sunumuyla ilgili etkili ve ilgi çekici bir web sitesi oluşturulmasının başlangıcıdır. Büyük veya küçük ayırt etmeden birçok firma ürünlerinin promosyonlarını vermek, çalışmalarını sunmak, kreasyonlarını satmak veya mesajlarını iletmek için artık web sitelerini kullanıyor. Fakat etkili bir web siteniz olmadıktan sonra müşterilerinizi etkilemek ve kendinize çekmek de bir o kadar zorlaşıyor.

Web site tasarımı, amacına hizmet eden ve onları sonuca ulaştırabilen bir siteyi ortaya çıkarmak için yapılır. Çoğunlukla hedef, bir web site sahibi olmak değil, dikkat çeken bir web sitesi sahibi olmaktır. Web tasarımı demek, sitenin teması, içeriği, grafikleri ve daha fazlası demektir.

Ancak bir web site oluşturmaya başlamadan önce mutlaka bilinmesi gereken birkaç madde var:

1) Amacı iyi anlamak

Bir web sitesi tasarlamaya başlamadan önce ele alınması gereken ilk nokta, web site oluşumunun arkasındaki konsepti ve sebebidir. Tam anlamı ile yerinde ve doğru bir tasarım için işin arkasındaki o fikri doğru anlamak gerekir. Saçma sapan resimler ve yazılar içeren bir web sitesinin bir amaca ulaşması beklenemez. Kusursuz bir logo, yerinde kullanılan renk efektleri ve etkili bir içerik web sitesini başarılara ulaştırır, ürünü de sattırır.

2) Kullanım Kolaylığı ve Arama Motoru Optimizasyonu

Kullanıcılar ve müşteriler tarafından kolayca ulaşılamayan bir web sitesi hiçbir şekilde işe yaramaz. Bir web sitesi her zaman ziyaretçilerin zorlanmadan anlayabilecekleri bir yapıya, kolay bir navigasyona, menü sistemine, anlaşılır bir ara yüze sahip olmalıdır.
Şimdi şöyle bir hayal edin, birisi web sitenize ulaşmış, Flash tasarımlar, göz alıcı grafikler kol geziyor, ama ne bir site haritası, ne de sorularına cevap alabileceği bir bölüm var. Oldu mu şimdi? Onu hayal kırıklığına uğrattınız. Genelde bu tür siteler hiçbir iş yapamaz, hiçbir amaca da hizmet etmezler.

Bir web sitesi arama motorları tarafından dikkate alınıyorsa, listeleniyorsa işte o zaman ciddi anlamda bir ilerleme kaydedebilir ve ziyaretçi akınına uğrar. O halde bir web sitesinde dikkat edilmesi gereken en önemli hususlardan biri de arama motorların kolayca bulunabileceği şekilde yapılandırılmaları ve kolayca tanınarak listelenebilmeleridir.

3) Hedefini Bilmek

Hedefinizin ne olduğunu bilmeksizin etkileyici bir web sitesi yapamazsınız. Kendi kendinize şunu sorun: "Ne satmak istiyorum? Pazarlamak istediğim şey nedir? İnsanlara ulaştırmak istediğim şey nedir? Bir ürün mü? Bir mesaj mı? İsteyenlere bunları nasıl ulaştırabilirim? O isteyenlere nasıl ulaşabilirim? Hangi kesime hitap ediyorum: Gençlere mi, yetişkinlere mi?" Bu tür sorulara tam anlamıyla cevap vermenin esas yolu, hedefinizi bilmek ve onun gerekliliklerini ortaya koymaktır.

4) Bilgi Verici ve Sade Tasarım

Eğer genele hitap ediyorsanız, web sitenizi yaparken hiçbir şey bilmeyen bir insanı baz alarak yapmalısınız. Siteye giren herhangi biri kolayca aradığı şeylere ulaşabilmelidir. Menüleri ve navigasyonu buna göre yapılandırmalısınız. Ola ki, ulaşmakta zorluk çekebilir, o zaman da onların karar vermelerini, bilgi sahibi olmalarını sağlayan bir yardım bölümü hazırlamakta büyük fayda var.

Doğru şekilde bilgilendirir ve her insanı ciddiye alırsanız, sitenizin ziyaret edilme oranı ve güvenilirliği artacaktır. Bir web sitesini tasarlarken insanların kolayca bilgi alışverişi yapabilecekleri ve arama motorlarının da memnun olacakları şekilde bir çalışma ortaya koymaya çalışmalıdır. Bu nedenle, web tasarımı demek, en basit ifadeyle en kolay dolaşılabilen, gezilebilen, kullanılabilen tasarım demektir.

5) Kârlı web site

Son olarak, kaliteli bir web sitesi, yani tasarımın içerikle bütünleşerek sunduğu kalite, sizin için ciddi bir kâr kaynağı olacaktır. Sadeliği ve görkemi buluşturarak, ara yüz tasarımının çekiciliğini, içeriğin gücünü, grafik ve renklerin dayanılmaz cazibesini gözler önüne serin. Ortaya çıkacak olan şey, sizin fikirleriniz ve hislerinizin birleşiminden ibarettir. Ve size geri dönüşü, hem manevi anlamda prestij, hem de maddi anlamda kâr şeklinde olacaktır.

Ziyaretçileri elde etmek ve arama motorlarında ilk sıralarda çıkmak isteyen web siteleri arasındaki yarış her geçen gün büyümeye devam ediyor ve bu yarışı da sade, zarif ve olabildiğince mantıklı tasarımların kazanacağı gayet açıktır. Eğer bir web sitesi yaptırmak ya da kendiniz bir web sitesi tasarlamak istiyorsanız, etkileyici ve değerli bir site olması için bu adımları doğru şekilde uyguladığınızdan emin olmalısınız.

Bu yazısının hazırlanmasında Namrita Chhibber’in yazısından yararlanılmıştır. Ayrıca katkılarından dolayı Deniz Çiçek hanıma teşekkürler…

Son zamanlarda artık hemen hemen herkes, kendi sitesini yapmanın bir yolunu aramaya başladı. Kimi template ‘edit’liyor, kimi üstünkörü site bozması bir şeyler yapıyor, kimi de gerçekten uğraşıyor, güzel çalışmalar çıkarıyor. İnternetteki kaynaklardan öğrenebildiği kadarıyla herkes bir şeyler döktürmeye gayret ediyor.

Eğer siz, "ben uğraşamam kardeşim, site mite yapmak için program filan öğrenemem, herhangi bir hazır site bile benim işimi görür" diyorsanız, basit bir blog sitesi kurmayı deneyebilirsiniz. Ama kendinize özel siteler yapmak arzusunda iseniz, yazımızın bundan sonraki kısmını dikkatle okumanızı öneriyorum. Çünkü bu yazımda web tasarımına yeni başlayanların bilmeleri gereken aşamalara değinmek istiyorum.

Örnek bir çalışma ile başlayalım.

Ön Hazırlık Aşaması

Mesela bu yazımızda bir elektrik firmasını ele alalım ve onun üzerinden gidelim.

Yıldırım Elektrik Bobinaj firması bizden müşterilerinin kendilerine kolayca ulaşabileceği ve ürünlerin ön planda olduğu bir web sitesi yapmamızı istiyor. Ürünlere daha sonra ekleme-çıkarma yapılmasını, yani dilediği zaman bir kategori ve ürün eklemek çıkarmak istiyor.

İlk önce yapacağımız site ile ilgili dokümanları temin ediyoruz. Ürünleri ve kategorileri belirliyor, "Hakkında" kısmı için kullanacağımız metni ve adres telefon gibi iletişim bilgilerini alıyoruz. Bizden istenen çok da aşırıya kaçmadan sadelik üzerine kurulu, kullanışlı bir web sitesi oluşturulması. Varsa diğer bilgilere de ulaşıyor ve ön hazırlık kısmını tamamlıyoruz. Böylece sitemiz dört kısımdan oluşacak: Ana Sayfa, Hakkımızda, Referanslar, İletişim. Ürünler ise başlı başına bir modül olacak.

Tasarım Aşaması

Artık sitenin yapısını belirlememiz gerekiyor. Bunun için önce bir karalama ile plan yapmamız lazım, ki sonrasında bunu tasarım haline getirebilelim.

Photoshop yardımı ile sitede kullanacağımız materyalleri temizliyoruz. Bunun için Fireworks’ü kullanmanızı önermem, tırtıklı bir şekilde temizleme yapacaktır. En iyisi Photoshop’tur.

Tasarım çalışmamızda Fireworks kullanıyorum. Siz isterseniz Photoshop da kullanabilirsiniz, ama Fireworks kadar bu konuda pratik olmadığını belirtmek isterim. Tasarımımı tamamlıyorum:

Şimdi bu tasarımın diğer sayfalarda görünümünü yapalım. Referanslarımız kısmı aşağıdaki gibi olacak:

Ürünlerden birine tıklandığında aşağıdaki gibi görünecek:

Tasarım işi sizin becerinize kalmış zaten. Tasarım yaparken çok güzel görünüyor diye öyle herşeyi doldurmayın. Çünkü firma sahibinin bizden isteği, sitenin kullanışlı olması, sitesine giren birinin gerekli bilgileri elde edebilmesi.

Bir düşünün: Bir bobinaj arıyorsunuz ve Google’dan buldunuz siteyi, girdiniz diyelim. Sitenin açılışında uzun süren bir animasyon, yanıp sönen bir sürü saçma sapan hareketli nesneler var. Ana sayfaya geldiniz yine aynı. Ne kadar etkileyici olursa olsun, o an için size bir anlam ifade eder mi tüm bunlar? Yoksa sadece ürünle mi ilgilenirsiniz? İşte bu düşüncelerle lüzumsuz gif animasyonlar, anlamsız resimler, çok farklı keskin renkler web tasarımında uzak durulması gereken unsurlar olarak karşımıza çıkıyor. Sadece amaca ulaşın, yeterli.

Tasarım kısmını tamamladım ve kendi mantığıma uygun şekilde dilimliyorum. Dilimleme yaparken flash yapacağım kısmı tam olarak kesiyorum. Başlıkları dilimlerle belirliyorum.

Hiçbir zaman Fireworks’ten HTML’ye dönüştürülmüş dosyalarla çalışmadığımdan Dilimlediklerimi (sadece kullanacaklarımı) farklı resimler halinde kaydediyorum.

Dreamweaver’da yeni bir sayfa oluşturuyorum. Genel olarak CSS kullanarak oluşturduğum div’leri boyutlandırarak sayfa yerleşimini yapıyorum.

Sonra Flash programını açarak header bölgesi olarak belirlediğim kısmın boyutunu ayarlıyorum ve daha sonra Fireworks’te bu alandaki tüm parçaları ile kopyalayarak Flash içine yapıştırıyorum. Flash, Fireworks’teki bir nesneyi veya nesneleri movie klip olarak, png formatına import edecektir. Yapmanız gereken kopyala yapıştır yapmaktır. Header’i istediğimiz hareket ve efektleri vererek sade bir şekilde yapıyoruz.

Kodlama Aşaması

Bundan sonra programcı devreye giriyor. Soldaki ürünler menüsüne uygun şekilde kodlamayı yapıyor. Birine tıkladığınızda o kategorideki ürünler geliyor, ayrıca belirlenmiş olan kontrol panelinden kategori ve ürün eklenebilir hale getiriyor.

Referanslar kısmını da benzer şekilde hallettikten sonra web sitesini herhangi bir FTP programı vasıtası ile hostingine atıyoruz.

Test Aşaması

Sonra siteyi test ediyoruz, tasarımda veya programlamada hatalar varsa gideriyoruz. Sitenin son haline buradan ulaşabilirsiniz.

Sonuç:

Basit içerikli bir siteyi hazırlarken yukarıda bahsettiğimiz aşamaları takip ederiz genelde. Sizlere fikir vermesi açısından gelen soru ve talepleri de göz önünde bulundurarak böyle bir yazı hazırlama ihtiyacı doğdu. Umarım bir fikir vermiş ve yararlı olmuştur.

SanalKurs.

Biz, web tasarımcılar yeni yüzyılın bilgi savaşçılarıyız. Her gün daha fazla müşteri, daha fazla web kullanıcısı, hızlı bağlantı eksikliği, standart olmayan yeni internet tarayıcıları, kullanılabilirlik, erişebilirlik gibi sorunlar ile karşı karşıyayız. Müşteri daha hızlı web sayfaları istiyor, müşteri "ortaya şöyle yanar-döner" birşeyler istiyor, müşteri ne istediğini bilmiyor, müşteri her zaman "haklı" olduğunu biliyor ve istenenler bitmiyor. Her gün bilgi dağarcığına yeni teknolojiler ekleniyor biz tasarımcıların. Arka fonsuz webden, tablolu webe zaman ilerliyor ve şimdi yepyeni bir cephede savaşmak zorundayız: web standartları..

Web standartları? O da ne ki acaba?

Her türlü endüstride standartlar mevcut. Araba yapımından, ev yapımına; kimyasal ürünlerin üretilmesinden, saç kesimine, birçok endüstri, bir takım standartları göz önünde tutuyor günlük islerini yaparken. Web bu endüstrilerden çok farklı değil. Web içinde de bir takım standartlar var ve bu standartlara web standartları adi veriliyor. Web standartları, değişik web cihazlarının, web içinde sunulan bilgileri ayni şekilde kullanıcıya göstermesine yardim eden bir takım teknolojileri toplamına verilen isim. Web standartları sayesinde, sunulan bilgi, herkes tarafından erişebilir hale geliyor. Önemli olan kullanıcının İnternet nasıl, ne ile bağlandığı değil; neye, hangi bilgiye ulaşmak istediğidir.

Bir dili konuşurken, bir takım dil bilgisi kurallarına uymak zorundayız. Web ülkesinde konusalın ana diller (X)HTML (Hypertext Markup Language) ve CSS (Cascading StyleSheets). İmla kılavuzu ise web standartları. Bu standartlar web tasarımcılarına bir sayfanın nasıl kodlanması gerektiğini göstermenin yani sıra İnternet tarayıcılarına bir sayfanın kullanıcıya nasıl görünmesi gerektiğini söyleyen bir takım kuralları içinde barındırıyor. Bu standartlar sayesinde, biz web tasarımcılar, her turlu İnternet tarayıcıları, İnternet kullanıcıları, web tasarım şirketleri, web sitesi isteyen müşteriler ayni dili konuşup birbirimizi anlayabiliyoruz.

Sunumun ve bilginin ayrılışı?

HTML, internet tarayıcılarına, bir sayfanın değişik kısımlarının nasıl gösterilmesi gerektiğini izah eden (baslık, paragraph vb.) ve içeriği (bilgi, metin vb.) sunan bir web dilidir. CSS ise İnternet tarayıcılarına bir sayfanın nasıl görünmesinin gerektiğini izah eden bir web teknolojisidir. İste bu ayırıma web standartları içinde " sunumun ve bilgini ayrılışı " deniyor. Yeni geliştirilen web standartları bu ayrımının yapılmasını önemle vurguluyor ve teşvik ediyor. Yani tablo içine gömülmüş resimler, transparan 1×1′lik resimleri ve bilgi tekniğini bir tarafa bırakıp, HTML ve CSS kullanarak bilginin ve sunumun ayrılması gerektiğini ve gerekliliğini bizlere anlatıyor web standartları.

Kim çıkardı simdi bunu başımıza?

World Wide Web Consortium (W3C). W W W ile ilgili tüm alanlarda araştırmaları yöneten ve standartları geliştiren ticari kurumlar ve eğitim kurumlarının konsorsiyumu.

Şimdiye kadar sizlere Web standartlarının NE? olduğunu açıklamaya çalıştım. Bundan sonraki kısımda ise NEDEN? ve NIYE? olduğunu açıklamaya çalışacağım.

Neden ve niye web standartları?

Birçoğunuz içinizden, "ne güzel tablo ile, flash ile canavar gibi sayfalar yapıyorum. Ne iş simdi bu standart işi" diyor olabilirsiniz ama inanın ki bir standartların birçok yararı var hem size, hem internete, hem internet kullanıcılarına hem de müşterilerinize. Peki bu bizim ne isimize yarayacak diyorsanız:

Erişebilirlik

Web standartları, bazı erişebilirlik kurallarını içerdiğinden, web standartlarını uygulayan bir sayfa, erişebilirlik yolunda büyük bir adım atmış olacaktır.

Ulaşılabilirlik

Eğer sunum ve bilgiyi, yeni geliştirilen CSS kuralları ile ayırırsanız, sunulan bilgi, herkese ve her cihaza ulaşabilecektir. Kullanıcı, yepyeni bir bilgisayar ya da cep telefonu tarayıcısı ayni bilgiye sorunsuz bir şekilde ulaşabilecektir.

Sayfanın Hızlı Yüklenmesi

CSS ile yapılan bir sayfa ile tablo ile yapılmış bir sayfa arasındaki boyut farkı yüzde 25 ile 50 arasında değişmektedir. Böylece yapmış olduğunuz sayfalar, diğer web standartlarını takip etmeyen sayfalara oranla daha hızlı yükleniyor ve böylece internet kullanıcıları ve müşteriniz daha mutlu oluyor. Eğer Jakob Nielsen’e inanan birisi iseniz, Jakob’un yaptığı bir araştırmaya göre kullanıcı bir sayfanın yüklenmesini 20 saniyeden daha fazla beklemiyor.

Düşük Bant Genişliği Kullanımı

Müşterilerinizin ya da sizin kişisel sayfalarınızı barındıran şirket, sizden ya da müşterilerinizden kullandığınız band genişliğine orantılı olarak aylık para alıyor. Eğer web standartları ile hazırlamış olduğunuz sayfaların boyutu küçük ise, web sitenizde daha düşük bir band genişliği kullanacak ve bu size yada müşterinize para tasarrufu sağlayacak.

Arama Motorlarında Yüksek Sıralama

Arama motorları içinde bir sıralamaya girmek giderek zorlaşıyor. Örneğin, Google, internette ki en büyük görme engelli kullanıcı. Google yanlızca tekstleri görüyor ve diğer resimleri, flash animasyonlarını, dinamik JavaScript menülerini göremiyor. Eğer bilgi ve sunumu ayrırsanız, Google sayfanızdaki her bilgiyi indeksleyeceğinden, sayfanız Google gibi bir çok arama motorunda daha yüksek sırada yer alacaktır.

Bakımı Kolay Siteler

Bilgi ve sunumun ayrılması sayesinde eğer site içinde, sitenin tümünü etkileyecek bir değişlik yapılması gerektiğinde, CSS dosyası üzerinde değişiklik yapılması, tüm siteyi etkileyecektir.

Internet kullanıcılarının Tecrübesinin Artması

Bazı internet kullanıcıları, popular olmayan cihazlar ve/veya iletişim sistemi kullanıyor olabilir. Bu tip cihazlar ile, web standartlarına uymayan sayfalara erişim zor olabilir. Eğer web standartlarına uyan sayfalar daha da yaygınlaşır ise ortalama bir kullanıcının internet tecrübesi daha da artacaktır.

Çok Uyumluluk, Az Arap Saçı

standartları izleyen bir sayfa yada bir uygulama, bu web standartlarını göze alarak yazılmış herhangi bir cihaz içinde sorunsuz bir şekilde çalışacaktır. Hepimizin çok iyi bildiği sorun ortadan kalmış olacak. Bir web sayfası her internet tarayıcısı, iletişim sistemi içinde ayni şekilde gösterecek.

Yarının Teknolojisine Hazır

Web standartları XML ‘e uyumlu XHTML dilini kullanıyor. Bu ise yarinin teknolojilerine uyumlu web siteleri oluşturmamıza yarıyor. XML , XSLT, SVG, MathML gibi yarinin teknolojileri, web standartları ile uyumlu bu teknolojiler web standartları içinde şimdiden planlanmış durumda.

Düşük Maliyet, Para ve Zaman Tasarrufu

Web tasarımcıları, web standartları sayesinde, web sayfa yapımına ve bakımına daha az zaman harcarken, müşteri ve web tasarım şirketleri para ve zaman tasarruf edebilecekler. Diğer zaman tasarrufu sağlayacak unsura ise web tasarımcıları, sayfalarını 4 değişik internet tarayıcısında ve 3 değişik işletim sistemleri üzerinde test etmek zorunda kalmayacak.

Anlamsal Web Diline Destek

XHTML , CSS , HTML , RDF gibi birçok anlamsal web teknolojisinin standartlarını oluşturan W3C , birçok uzmanı ve web tasarımcısını bir şemsiye altında bir araya getirmek için zaman ve para harcıyor. Bu standartlara destek vermek, biz web tasarımcıların görevi olmalı. Böylece hiçbir gruba kendini beğendiremeyen web tasarımcıları bir grubun parçası olabilir.

Hukuksal Sorumluluğun Azalması

Birçok ülkede engelli İnternet kullanıcıları, istedikleri bilgiye ulaşamadıkları için, web sitesi sahibi şirketlere tazminat davası acıyorlar. Bu nedenle birçok ülkede (Ingiltere, USA, Avusturalya, Kanada) web sitelerinin erişebilirliği konusunda birçok kanun maddesi yasalara eklenmiştir. Eğer web tasarım şirketleri, web standartlarını uygularlarsa, erişebilir sayfalar yapmaya başlayacak ve böylece hukuksal sorumluluk azalacaktır.

Şimdi Ne Yapacağım Ben?

Web standartları yolunda öncellikle atabileceğimiz en önemli adim bence CSS öğrenmek. Internet üzerinde yada kitabetlerinde bulabileceğiniz birçok kaynak var. Bu sitede birçok yardımcı kaynak bulabileceksiniz yakında. Bu yazıyı okumanız, bu satıra kadar gelip, ne yapmak gerektiğinizi düşünmeniz bile web standartları yolunda atılmış büyük bir adim. Web standartlarına gönül vermiş birçok web tasarımcısı, kişisel ve kurumsal web sitelerini sizlere açmış ve bilgilerini paylaşmak için çaba harcıyor.

Umarım bu yazı sizi web standartları konusunda biraz olsun aydınlatmayı başardı.

SanalKurs