CSS’E GİRİŞ İmmib Bilişim
CSS’in tanımı ve genel bilgi
CSS kullanımının önemli avantajlarından bazıları:
HTML’de bu elemanın(h1) kalın, altı çizili, Artalan rengi kırmızı olarak atama gibi çesitli özellikler verebiliriz. Ancak bu özellikleri atamak içinde ayrı HTML elemanları kullanmak zorundayız (, ), ancak CSS’de bunu tek bir elemanla yapabiliriz ve ayrıca daha fazla stil özellikleri de atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)
HTML’de her etikete artı özellikler eklemek için baska bir etiket ya da özellik eklememiz gerekmektedir. Bu islemi genis çaplı bir sitede yaptıgımızı düsünürseniz çok büyük zaman kaybı ve ugras gerektigini göreceksiniz.
Bunun gibi onlarca veya yüzlerce baslıgınız oldugunu düsünün, gerçektençok zor. CSS’de aynı islem için
Kodunu yazmamız yeterli. Bu elemanın özelliklerinde degisiklik yapmak istedigimizde sadece burada degistirerek tüm sitede bu elemanın özelliklerini degistirmis olacagız. Ayrıca bu islemi sadece bu etiket için degil diger etiketlere de uygulayabiliriz.
Ayrıca tek bir CSS dosyası ile sitenin tamamını yönetmek web kodlamacıları için çok büyük kolaylıktır. Sadece bir dosyada degislik yaparak tüm sitemizi ara yüzünü yönetebiliriz isterse yüzlerce sayfa olsun.
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.
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.
HTML yazarken ihtiyacımız oldugu gibi CSS yazarken de bir yazım aracına, editöre ihtiyacımız olacaktır. Burada sizlere basit editörlerden profesyonel editörlere bir liste sunacagız.
Metin Editörleri :
Eger ben bu is için ayrıca bir program kurmak istemiyorum. Zaten o kadar da kullanmıyorum. Ayrıca böyle hızlı oluyor diyorsanız. İste size CSS yazabileceginiz editörler.
· Windows için NotePad veya WordPad
· MacOs için TextEdit
· Linux için vi, vim veya emacs
Ancak sunu da belirtmeliyim ki bu editörlerden fazla bir özellik ve islevsellik beklemeyin.
CSS Editörleri :
Bu editörler sadece css yazmak için üretilen programlardır. Baslangıç seviyesi için kullanıslıdır. Kod yazmanız için size kolaylık saglayan özellikleri mevcuttur. Örnegin kodlarınız renklendirme, kodlara hızlı erisim vb.
· Windows için TopStyle
· Windows ve Mac
· Mac OS X CSSE
HTML ve Web Programlama Editörleri :
· Windows için Microsoft FrontPage
· Windows ve Mac OS X Macromedia Dreamweaver
· Windows için CoffeeCup HTML Editor
· Mac OS X için BBEdit
· Son olarak Microsft’un yeni gözdesi Microsoft® Expression
CSS’i Web Dokümanlarına Eklemek :
Kod içinde (In-line):
Direk olarak (X)HTML elemanın içine style özelligi kullanılarak uygulamak.
Tüm CSS komutlarını kodların içine direk uygulamak önerilen bir kodlama sekli degildir. Ancak özel durumlarda kullanılabilir.
öğretmenler günü lan steam wraith protocol Halep java Dersler Raid Robot Yarışması veri çekme trafik kazası Kablosuz Modem il ilçe veri tabanı öğretmen MAN 360 Star Wars Söyleşi ruhi çenet mars