Bugün web uygulamalarına baktığımızda ne kadar istenilen düzeyde olmasa da, tablolu tasarımların revaçta olduğu bir dönemin ardından, işlerin doğru yapılması konusunda belli bir mesafe kaydettiğimizi söyleyebilirim. Bugün hala tablolarla (<table>) tasarım yapan, <font> etiketini kullanarak yazınsal içeriğe müdahale eden arkadaşlarımız var. Belki dünün düşük CSS destekli tarayıcılarında yapmak zorunda kaldığımız bir hataydı bu.

Bir de olaya şöyle bakalım; bugün artık İstanbul’da Metrobüs var, bu güzergâhta, bu yoğun trafikte araba kullanmak sizce ne kadar mantıklı? İşte araba kullanmak ne kadar mantıklıysa, CSS ve nimetlerini kullanmamak da o kadar mantıklı…

Bugün CSS, 3. versiyonuyla gönülleri fethededursun, gelişkin bir dil olan CSS’in bize sunduğu yegâne avantajlardan biri, web sayfasının görselliğini, yani sunumunu içerikten ayırmasıdır. Bu bir adamın üzerindeki elbiselerin alınıp kenara koyulması gibidir. Bu elbiseleri değiştirirsiniz adam da bambaşka biri olur.

XHTML bize öz olarak orada ne olduğunu söyler, CSS ise oradakinin nasıl göründüğünü söyler…

Biraz daha açıklayalım. XHTML bize bir web sayfasındaki nesneler hakkında bilgi verir. Aynı bir adam ayna karşısında kendini görüyormuş gibi… Nasıl mı? Size XHTML ve CSS arasındaki diyalogu getirelim;

XHTML: Ben bir XHTML dokümanıyım,
CSS: Merhaba ben de CSS dokümanıyım,
XHTML: Benim kafamda bir şapka var,
CSS: Evet rengi siyah, büyük bir şapka,
XHTML: Hadi yaw! Benim 2 gözüm var,
CSS: Renkleri güzel mavi, berrak,
XHTML: Benim bir ağzım var,
CSS: Evet, hem de kocaman

Bu şakayla karışık diyalogda göründüğü gibi XHTML bize bir web sayfasının içeriğinde ne olduğunu söyler. CSS ise, bu içeriğin rengini, şeklini, yerini yani biçimini söyler. Bu diyalogda CSS’imizi değiştirirsek, doğal olarak içeriğin sunumu da değişir. Bu da bize orta ve uzun vadede web tabanlı uygulamalarda kolay değişiklikler yapmamızı sağlar. Web uygulamasının bakım maliyetini düşürür, zamandan tasarruf sağlar.

Bu çerçevede bir web tabanlı uygulama geliştirilirken öncelikle anlamlı XHTML kodumuzu yazarız. Ardından CSS ile bu XHTML’e şekil veririz. Sunumu CSS dokümanımızda oluşturarak tek merkezden yönetimi sağlarız. CSS’ de yapılan her değişiklik, bağlı bulunan bütün XHTML dokümanlarını otomatik olarak etkiler. Böylece yüz sayfada kullanılmış bir <h1> etiketini düzenlemek için, tek tek bu yüz sayfanın hepsinde değişiklik yapma zahmetinden kurtulmuş oluruz.

Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.