Web Tasarımı yaparken tasarım dediğimizda aklımıza gelen en önemli özellikler sayfanın yerleşim düzeni, sayfamızdaki kodlar, arka planlarımızdır ve bunların hepsini CSS le yaparız.
HTML web 'in kaba inşaatıysa CSS ince kısmı temeli HTML ile atarız. Binayı css ile boyarız.
Peki bu kadar önemliyse nedir bu css, nasıl çalışır, ne işe yarar, nasıl yazılır.
CSS (Cascading Style Sheets – Stil Sablonları), Web dokümanlarına stil
eklemek için kullanılan basit ve güçlü bir dildir.
Web sayfalarının yapılarını düsündügümüzde 3 kısma ayıra biliriz. çerik
kısmı, biçimlendirme kısmı ve dinamik kısım.
çerik kısmı, HTML kodlarını içeren sayfa asıl içerigini olusturan birimleri
olusturma kısımdır. Bu kısım genelde metinlerden olussa da, resim,
animasyon ve video gibi elemanlarıda içerir.
Biçimlendirme kısmı, içerik kısmını kullanıcıya nasıl görüntülenecegini
gösteren kısımdır. Sayfanın biçimini belirler. Kullanıcıya daha okunaklı ve
kullanıslı sayfa sunmak için gerekli elemanları içerir.
Dinamik kısım, Javascript ile yapılan dinamik islemleri içerir. Etkilesimli
sayfalar olusturmak için kullanılır.
Eskiden ki hala bu sekilde kodlama yapanlar mevcut. çerik kısmı ve
biçimlendirme kısmı içi içe kodlama yapardık, örnegin yazıtipi tanımı için
etiketini kullanırdık. Eski kodlama yöntemi ile zaman, hız ve
erisebilirlik açısından büyük kayıplarımız vardı.
CSS biçimlendirme kısmının yönetimini saglamak için kullanılır. çerik
kısmı ile biçimlendirme kısmının ayrılmasını saglayan CSS bize birçok
avantajlar saglar. Örnegi 10.000 sayfası olan bir siteyi tek css dokümanı
yardımı ile biçimlendirmemizi saglar.
CSS 1996'da W3C tarafından duyuruldu. Son olarak(Ocak 2003’den beri)
CSS2.1 sürümü yürürlüktedir. CSS 3.0' da çalısmaları devam etmektedir.
CSS3.0 için ayrıntılı bilgiye http://www.w3c.org/Style/CSS/current-work
adresinden ulasabilirsiniz.
Peki Css olmadan web sitesi yapabiliyorsak şuan css ile yapmamızın nedeni ne neden daha iyi, neden css kullanıyoruz. Css 'in yararları neler
1 Tasarım Tutarlılıgı
Tek CSS dosyası ile tüm sitenizi yönetebilirsiniz, bu özellik sayesinde
siteniz tutarlılık kazanacaktır. Web sayfanızdaki ilk sayfadan son sayfaya
kadar tutarlılıgınızı koruyarak ziyaretçinize düzenli bir içerik sunmus olacak
ve sitenizin kendine has özelliklerini ziyaretçiye benimsetmis olacaksınız.
Sayfalarımız hızlı yüklenecektir, çünkü aynı elemanları diger sayfalarda
tekrar yüklemeyecek ve bu ziyaretçiye zaman kazandıracaktır.
2. Daha az Dosya Boyutları
CSS yardımı ile kodlanmıs HTML’in normal HTML kodlamasına göre
%50'ye varan performans ve hız artısları oldugu belirlenmistir. CSS
HTML’de kullanılan görünüm özelliklerini(iskeleti olusturan tablolar, bos
resimler, süsleyici resimler, yazı tipleri, renkler, genislikler, yükseklikler ve
Artalan resimleri) azaltacagı için dokümanlarınızın boyutunu ciddi oranda
azaltacaktır.
3. Gelecek Vaat ediyor
HTML giderek islevselligini kaybedecegi ve XML ve dolayısı ile XHTML’in
islevselligini artıracagı düsünülürse, CSS gibi tümlesik bir standardın
önemi daha çok anlasılıyor.
XHTML ile daha temiz kodlar üretilecek, farklı platformlara(pda, cep
telefonu vs.) uyum sayesinde bilgi dolasımı kolaylasacak, sayfalarımız
arama motorları programları tarafından daha anlasılır olacaktır. CSS,
XHTML teknolojisi ile tümlesik olarak çalısarak bizlere gelecek vaat ediyor.
Hiç yorum yok:
Yorum Gönder