Css ile aklınaıza gelebilecek her türlü soru ve bilgi için ihtiyacınız olan herşeyi bulabileceğiniz bir css kitabı indirmek için download sayfamızı ziyaret ediniz…

Gelen aramalar :

• web tasarım uygulama örnekleri
• örnek css uygulamaları
• css örnek uygulamaları

The post css dersleri ve örnek uygulamaları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

CSS kullanımının önemli avantajlarından bazıları:
1.2.1. Görünüm Avantajları
CSS HTML’e göre birçok stil özelligine sahiptir. CSS’in sayfa içerigi
ögelerinin sayfa görünümü ögelerinden ayrılması için gelistirildigini
düsünürsek avantajı bastan anlasılmıs olur.
<h1>CSS’e Giris</h1>
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 (<strong>, <u>), ancak
CSS’de bunu tek bir elemanla yapabiliriz ve ayrıca daha fazla stil özellikleri
de atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)
h1 {
color: white;
font: italic 11px Arial, serif;
text-decoration: underline;
background: yellow url(titlebg.gif) repeat-x;
border: 1px solid red;
margin-bottom: 0;
padding: 5px;}1.2.2. Kullanım Kolaylıgı
HTML’de her etikete artı özellikler eklemek için baska bir etiket ve/veya
ö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.
<h1><font color=”blue”>Baslık</font></h1>
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
h1 {color: blue}
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.
h1, h2 {color: blue}
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.
1. CSS’E GRS 9
1.2.3. 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.
1.2.4. Daha az Dosya Boyutları
CSS yardımı ile kodlanmıs HTML’in normal HTML kodlamasına göre
%50Vye 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.
1.2.5. 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.

Gelen aramalar :

• css kullanmanın avantajları

The post Css Dersleri – Css Avantajları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

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
<font> 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 1996Vda W3C tarafından duyuruldu. Son olarak(Ocak 2003’den beri)
CSS2.1 sürümü yürürlüktedir. CSS3.0Vda çalısmaları devam etmektedir.
CSS3.0 için ayrıntılı bilgiye http://www.w3c.org/Style/CSS/current-work
adresinden ulasabilirsiniz.
Tablosuz Web Sayfası kodlama teknigini kullanmayanlar CSS’in
ehemmiyetini tam olarak anlayamayacaktır.

The post css dersleri -1 css nedir ? first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.