CSS Nedir Ne işe Yarar ? CSS Dersleri – 1
Yıllarca web programcılar ve web tasarımcılar farklı zaman dilimleri içerisinde kendi işlerini kolaylaştıran farklı programlama yapılarının üretildiğini gördüler. Ancak bundan tam 17 yıl önce öyle bir programlama yapısıyla tanıştılar ki, bugün gelinen noktayı belki de hayal bile edemezlerdi.
Dünya CSS ile 1996 yılında Håkon Wium Lie ve Bert Bos isimli iki akademisyen tarafından 1996 yılının 17 Aralık’ ında yayınladıkları “Cascading Style Sheets, level 1” adlı makalesiyle tanıştı. Bu aslında gerçekten müthiş bir icattı. Ancak ilk yıllarda çok da fazla kişinin bilmedi bu sistem, ileri ki yıllarda Web Tasarımcıları için vazgeçilmez bir yapı alacaktı. 2005-2006′ dan sonra CSS gerçek anlamda bir çok web programcısı tarafından kullanılmaya başlandı. Günümüzde ise artık bir web programcısının bu yapıyı kullanmaması, öğrenmemesi, hatta CSS olmadan bir web sayfası tasarlaması mümkün görünmüyor. Dünya üzerindeki birçok web sitesinde bir şekilde belli bölümlerinde de olsa CSS dili kullanılmış olduğu görülebilir.
Peki CSS Nedir Ne işe Yarar?
CSS “Cascading Style Sheets” kelimelerinin baş harflerinden kısaltılmıştır. Türkçeye “Basamaklı Stil Şablonları” olarak çevirebiliriz. Kelime anlamından ziyade “Stil Şablonları” tamamen web programcılığında tasarım, renk ve sitenin dış görünüşüyle alakalı olduğunu en başta belirtelim. CSS sitenin grafikleri, renk düzeni, arkaplanın konumu, yazı tipleri, boyutları vb. tüm özelliklerin düzenlendiği web programlama dilidir. Web sitelerinde iki ana bölüm vardır. Birisi içerik yani web sitesinde sunacağınız ya da sunduğunuz bilgiler, diğeri de bu bilgilerin hangi tasarımlarda sunulduğunu belirlediğiniz biçimlendirme kriterleridir. Bu ikisini ayırmak hem programcıyı rahatlatır. İçerikle ilgilenen, tasarımı konusunda düzenleme yapmak zorunda kalmaz. İşte CSS içerik ve tasarımı birbirinden ayırmıştır. Bu içeriği CSS komutları sayesinde istediğiniz gibi biçimlendirebiliyorsunuz. Ancak kodlar içerik ve biçimlendirme olarak sayfa içerisinde CSS sayesinde ayrılmış oluyor.
Ayrıca HTML komutlarının yapamadıklarını CSS komutları ile yapabilirsiniz. HTML ‘de tasarım dilidir, ancak belli kalıpların dışına çıkamazsınız. Ancak CSS’ in bu anlamda sınırı yoktur. Örneğin h1 etiketinin boyutuyla HTML ‘de oynayamazsınız, ancak CSS bu etiketin boyutunu istediğiniz gibi biçimlendirmenizi sağlar.
En önemli özelliklerinden birisi de, binlerce sayfayı aynı anda tek bir CSS sayfası ile biçimlendirebilmenizdir. CSS değil de HTML veya diğer biçimlendirme yöntemlerini seçecek olsanız tüm sayfaları ayrı ayrı biçimlendirmek zorunda kalabilirdiniz. Bu da size hız, zaman ve maliyet açısından ek yük getirecekti. Bu anlamda W3C adını verdiğimiz World Wide Web Corsortium adını verdiğimiz kurumda 1996 yılında Håkon Wium Lie ve Bert Bos’ un yayınladığı makale ile duyurulan bu işaretleme diliyle aslında Web Programlamada bir çığır açılmış oldu.
CSS kullanmanın diğer bir önemli avantajı da arama motorlarının optimizasyonu konusundaki etkileridir. Günümüzde birçok firma Web Sitelerini kendilerini bulundukları lokal çevreye ve dünyaya tanıtmak için dizayn ettirirler. Kitlelere ulaşmak için en önemli kriter google gibi büyük arama motorları tarafından tanınmak ve tanındıktan sonra arama sonuçlarında en üst bölgelerde yer almaktır. İşte bunu sağlamak için birçok kriter mevcuttur. Bunlardan birisi de sadelik, anlaşılabilirliktir. CSS bu anlamda size çok şey katar. Karmaşık yapıların olmadığı, içeriğin koddan ayrıldığı siteleri arama motorları sever. CSS’ de bu yapı üzerine kurulduğu için size bu anlamda çok büyük yarar sağlar.
Bu gün bir Web Programcısı olmak isteyen bir kişinin ilk olarak öğrenmesi gereken bu işaretleme dili aslında diğer programlama dillerine göre de son derece öğrenilmesi basit bir dildir. Çünkü komut satırları karmaşık yapıdan oluşmaz. Tek yapmanız, bildirimleri düzgün kurup, hangi özelliğin hangi durumlarda kullancılacağını öğrenmekten geçer. Bir sonraki CSS dersimizde bu yapıya anlatarak CSS ‘ e giriş yapacağız. Görüşmek üzere.
Not: Makale özgün bir makaledir. Alıntı yapmadan kullanılamaz. @bilgisayar.name
CSS Nedir Ne işe Yarar ? CSS Dersleri – 1
