Giriş Yap
x
Güncel Scriptler ve Programlar, Warez, Php Script ve Asp Script, Tema, indir. Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
[-]

SPONSOR REKLAM


VbPro avatar
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5

Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri


Çevrimdışı VbPro
#1
1. CSS’in tanımı ve genel bilgi

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. iç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 1996'da 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 CSS current work & how to participate
adresinden ulasabilirsiniz.

Tablosuz Web Sayfası kodlama teknigini kullanmayanlar CSS’in ehemmiyetini tam olarak anlayamayacaktır.

CSS kullanımının önemli avantajlarından bazıları:

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.
Code:
<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.)
Code:
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;}

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.
Code:
<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
Code:
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.
Code:
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.

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.

4. 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.

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.

CSS Editörleri

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. Tüm editörleri burada sunamayacagımıza göre belli baslılarına yazmayı uygun gördük.

1. 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. İşte 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
işlevsellik beklemeyin.

2. 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 http://www.bradsoft.com/topstyle/
Windows ve Mac OS X için Style Master
Style Master CSS Editor for Windows and Mac OS X
Mac OS X CSSEdit MacRabbit - Espresso - The Web Editor
3. HTML ve Web Programlama Editörleri

İsin aslı birçok kullanıcı CSS yazmak için bu editörleri tercih etmektedir.
Web kodlamacıları için gereken tüm araçları içermeleri, CSS kodlama da yardımcı özellikleri, kod düzeltme gibi birçok özelligi barındırmalarından dolayı çogu web kodlamacısı bu editörleri tercih etmektedir.


Windows için Microsoft FrontPage
http://www.microsoft.com/frontpage/
Windows ve Mac OS X Macromedia Dreamweaver
Web design software, HTML editor | Adobe Dreamweaver CS5.5
Windows için CoffeeCup HTML Editor
The HTML Editor - Your best Web design friend | CoffeeCup Software
Mac OS X için BBEdit Bare Bones Software | BBEdit 10
Son olarak Microsft’un yeni gözdesi Microsoft® Expression
Microsoft Expression Studio Ultimate | Expression Studio Web Professional | Expression Encoder Pro | Microsoft® Expression®
Ben Macromedia Dreamweaver kullanıyorum: D

Ayrıca Crimson Editor, Notepad 2, Aptana, Notepad++, e-texteditor diger
öneriler.

FireBug: Editörlerden daha önemli bir aracı sizlere siddetle öneriyorum. Firefox, Safari ve Internet Explorer’a eklenebilen çok mükemmel bir araç FireBug(Firebug). Araç size sitelerinize tarayıcı üzerinden tam hâkimiyet saglıyor. Anlık olarak degisiklik yapıp
degisikliginizi sonucu görebiliyorsunuz. Gelismis Javascript hata ayıklama
özelligi, site bilesenlerinin performansa etkisi ve birçok özelligi ile web
kodlamacısı olacak her kesin mutlaka kullanması gereken bir araç.
Ara
Cevapla
 


Anahtar Kelimeler

Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Videosu, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri online izle, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Bedava indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Yükle, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Hakkında, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri nedir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Free indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri oyunu, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri download


Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri konusu
Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Konusunun Etiketleri Etiketler Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri download, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri script indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleriwarez script, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri hakkinda, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri teması, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri ücretsiz indir, Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri full indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri temasi indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri full warez,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri php script indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri free download,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri çözümü,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri hatası,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri programını indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri kurulumu,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri crack,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri serial,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri asp indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri tasarim indir,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri script arşivi,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri resimli anlatım,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri videolu anlatım,Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri html tema
Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Konusunun Linki Direk Link
Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Konusunun HTML Kodu HTML Link
Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Konusu BBCode Linki BBCode Link
Css Dersleri: Css Tanımı, Css Avantajları, Css Editörleri Konusunu Paylaş Sosyal Paylaş




Konuyu Okuyanlar: 1 Ziyaretçi
istanbul escort bayan travesti travestiler
ankara escort kayseri escort antalya escort pornolar konya escort