Web Standartları Üzerine - İsmail KIRBAŞ ile Web Sitesi Tasarımı
İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa]
 Site Haritası 
 
Site Map
Ana SayfaYeriniz | Ana Sayfa | Makaleler | Web Sitesi? | Web Standartları Üzerine

Diğer Yazılar
Tasarım Üzerine
Hazırlama Teknikleri
Niçin Web Sitesi ?
Sitenizin Yapması Gereken 10 Şey
Web Site Piramidi
İnsanlar web sayfalarını nasıl inceliyor?
Kağıt Prototip
Web Tasarımında Yardımcı 15 Web Sitesi
Web Tasarım Rehberi
Çürük Web Tasarımcı
Google SandBox
İnternet Sayfası Yapıları
Çürük Müşteri


E-posta Gönderin Yorum Yazın
Güvenlik Kodu:6550Güvenlik Kodu:6550Güvenlik Kodu:6550Güvenlik Kodu:6550




En Son Okunan 10 Makale
  1. Teknolojik Hastalik: Reklam Korlugu
  2. Web Tasarımında Yardımcı 15 Web Sitesi
  3. PHP de Metin Düzenleme İşlemleri
  4. Niçin Web Sitesi ?
  5. Renklerin Dili - Pembe
  6. Temel Güvenlik Önlemleri
  7. Bilgi Paylaşımı
  8. Köstebek Avı Oyunu
  9. Seyir Defteri
  10. Kullanılabilirlik
 
Web Standartları Üzerine>
Yazı Tipi KüçültYazı Tipi BüyütAna SayfaYazıcıdan ÇıkarPDF Belgesi Olarak GörüntüleFavorilerime EkleArkadaşıma Tavsiye EdeceğimRTF (Word Dokümanı) olarak görüntüle

Zeldman’ı bilirsiniz. 95’ten beri bağırır “Web Standartları Önemli!” diye. Ne yaptım ben. Yıllar yılı “ben tasarımcıyım, standardı ben belirlerim, benim kendi ziyaretçim belirler” diyerek işlerim html, asp, php çıktısına geldiğinde canım nasıl isterse öyle geliştirdim, ekip arkadaşlarımla da bu şekilde geliştirdik.

Bir gün çıkmaz sokağa gelebileceğimi tahmin etmiş miydim? Hayır.


Nasıl?
Internet evrimleşiyor. Başka hangi amaçlara hizmet ediyorsa etsin, Internet’in ilk ve en büyük işlevi “Information – Bilgi”. “Bilgi evrenseldir” sözünden yola çıkarsak da sunulan bilginin yapısına bağlı olarak mümkün olduğunca çok alternatif platform aracılığıyla erişilebilmesi gerekiyor internet üzerinde.

Evrimleşiyor internet demiştik. 96’da yahoo’yu göreniniz var mı? > Buradan bir bakın. Bu ve bunun gibi internet siteleri toplam 80 satır HTML kodlarından oluşan çirkin ve ilk aşamada bilgiyi taşımaya yönelik, ikinci aşamada ticarete yönelik sitelerdi.

Gelelim günümüze. Internet üzerinde bu ara en çok duyduğunuz terim nedir? Blog mu yoksa? Yoksa RSS mi? XHTML? Bunlardan birini veya birkaçını mutlaka görüyorsunuzdur; ve ya görmezden geliyorsunuzdur, ya da oturup “neyin nesi bunlar” diyerek araştırmaya başlıyorsunuzdur.

İletişim ve bilgi çağına geldik, şu an nefes aldığımız hava da bunu içeriyor (Ne alaka diyenler için yanınızdaki cep telefonunuzu biraz daha kendinizden uzak tutun).

Günümüzün de internet üzerinde şu sıralar en yoğun bilgi akışının, ziyaret oranının yükseldiği siteler blog / günlük siteleri.

Weblogların neredeyse hepsi tarayıcı haricindeki bir çok ekran okuyucu ortamından takip edilebilip okunabiliyor. Bu amaçla geliştirilen RSS’e az sonra değineceğim.

Konu sadece webloglarla sınırlı değil. Internet ortamındaki bir çok proje artık yavaş yavaş her tarayıcıda ve tarayıcılar haricindeki bir çok platformdan ulaşıldığında evrensel görünüm ve bilgi sunan bir yapı amaçlanarak hazırlanıyor.

Bu; www.birwebsitesi.com un Safari, Internet Explorer, Firefox, Netscape Navigator, Opera gibi tarayıcıların hepsinde aynı görünmesi, farklı ekran okuyucuları tarafından okunabilmesi ve cep telefonundan ulaşıldığında içeriğin görüntülenebilmesi gerekiyor demek.

Dolayısıyla bu evrensel bilgi bütünlüğünü sağlayabilmek amacıyla web standartları ortaya çıkmış durumda. Bunun başındaki konsorsiyumu da duymuşsunuzdur: W3C.

Standartlara uygun hazırlanan projeler ve siteler, zamandan ve paradan kazanmakla beraber ziyaretçi potansiyelini de yükseltmiş oluyor. Google ve Yahoo standard içeren siteleri daha fazla listeliyor, RSS’e sahip sitelerin hiti artıyor ve bu sitelerin içeriği daha falza insan tarafından görüntüleniyor; ki bu da ticari projeler söz konusu olduğunda o proje için reklam yaygınlığının da artması demek.

Bu güzel fırsatlarla birlikte, tasarımcılar ve coderlar tarafından gözardı edilen, müşterilerin ve site sahiplerinin bilmesi gereken anti-cost effective detaylara bir bakalım.


Tablo(
) ile tasarım için ruhuna fatiha!
İç içe geçmiş tablolar ve
Zeldman’ın tabiriyle karman çorman spagetti kodlara sahip şişkin dosyalar gereksiz yere bant genişliği harcamasını 2-3 katına çıkarıyor ve özellikle portal gibi büyük sitelerde maliyetlerin kritik derecede artmasına sebep oluyor.

Xhtml + Css kombinasyonuyla bir sayfa 20k tutabilecekken, aynı tasarım tablolar ve klasik html kullanılarak 70-90k ya ulaşabiliyor.


Bir Senaryo Ele Alalım:
Klasik yöntemle hazırlanan bir portal için ortalama her sayfanın 70k tuttuğunu farzedelim. Günde 10.000 kez(ki bu çok iyimser bir rakam) görüntülenen sayfalar bir gün için 700 MB bant genişliği harcayacak demek. Üstelik bu 700 MB’ın içerisine sayfa içindeki kod harici materyaller dahil değil(görsel öğeler, flash, java eklentiler vb). Bu durumda özellikle ülkemizde oldukça pahalıyken sitenin aylık bant genişliği maliyetini düşünebiliyor musunuz?

Aynı senaryo xhtml + css yöntemi ile uygulandığında 700 MB’ı 200MB’a düşürmek hiç de hayal değil.

XHTML / CSS / XML geliştikçe er ya da geç, hepimiz ama hepimiz mecburen standartlara uyumlu projeler geliştirmek zorunda kalacağız. 6 sene sonunda ben kaldım oradan biliyorum.


Standartların Spesifik olarak faydaları neler?
Standartlar aslında halen bir çok eksiğe ve endüstriyel senkronizasyon eksikliğinden dolayı gerçekten standartlaşamamış olsalar da, standartlara uymanın getirdiği artılar oldukça fazla.

> Bant genişliğinden %60lara varan tasarruf
> Daha hızlı yüklenen sayfalar
> Bir çok browserda bozulmayan ortak tasarım görünümü
> Farklı Platformlarda görüntülenebilme için uyumluluk
> XHTML ve CSS ile sitelerin konsepti içinde yer alan öğelerin konumlarını ayarlamak, özelliklerini değiştirmek çok kolay

Bu getirilerle beraber, standartlar henüz gerçekten standart olmadığı için özellikle tasarım tarafında sıkıntılar da mevcut elbette. Örneğin Flash öğelerinin xhtml validasyonu için özel bir şekilde sayfalar içerisine embed edilmesi(gömülmesi) gerekiyor.

Bunun haricinde evvelce html bilmesek de tasarımcı kimliğimizi kullanarak WYSIWYG vasıtasıyla hazırladığımız görsel şablonu sayfa olarak rahatlıkla standartları düşünmeden uyarlayabiliyorduk. Velakin xhtml ve css bilginiz yoksa standartlar için WYSWYG editörlerin de uyumunu beklemeniz gerekecek.

Bu yazıyı aslında 3 sene önce yazmalıydım. Ben ettim, siz etmeyin diyerek bu yazının mottosunu sonlandırıyorum.

Yaratıcılık dolu günler dilerim.



Not: Yazılar konusundaki yorumlarınız için lütfen Yorum Yazın bölümümüzü kullanın.

Yazar : Onur Öztaşkıran
Son Güncelleme : 30 Mayıs 2005, Pazartesi
Sayfa Sürümü : 1
Okunma Adedi : 8,161
Son Okunma : 2017-10-20 07:40:33
Kaynaklar : http://www.monofactor.com/?p=10

 Web Tasarımında Yardımcı 15 Web SitesiWeb Standartları ÜzerineWeb Tasarım Rehberi
© [Site Haritası]
| Makaleler | Seyir Defteri | Kaynaklar | İndirin | İletişim |

RSS dosyasını görmek için tıklayınız. RSS dosyasını görmek için tıklayınız.XML versiyonu için tıklayınız WAP versiyonu için tıklayınız Bu site DyNA İçerik Yönetim Sistemi üzerinde çalışmaktadır.
İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa
ismail kırbaş ile web sitesi tasarimi sitemap ismail kırbaş ile web sitesi tasarimi sitemap
  Sitemizde 7 kişi çevirimiçi | Bugün =114 | Dün =154 | Bu Ay=4,747 | Günlük En Fazla=1,109 tekil ziyaretçi