Ana Sayfa   -   Forum   -   Dersler   -   Dosyalar   -   Kaynak Siteler   -   E - Kitaplar   -   Etiketler
CSS Dosyaları ve Kullanımı
Ana Sayfa / Makaleler / Web Tasarım Genel | 0 Yorum | 670 Okuma
Gönderen: altayalp | Tarih: 01 Kasım 2005
Selam ile. Bu dersimizde .css dosyalarının kullanımını öğreneceğiz. .css dosyaları bir web tasarımcısının olmazsa olmazı diyebiliriz. İyi bir tasarımcı mutlaka sayfalarında .css dosyalarını kullanmalı.

Peki css nedir? CSS'nin açılımı Cascading Style Sheets'dir. Css dosyalarının en güzel özelliklerinden bir tanesi de, bir tek css dosyasındaki değişiklik ile sitemizdeki bütün sayfalarda değişiklik yapılabilmesidir. Biz bir tane .css dosyası oluştururuz ve sayfamıza küçük bir kod ekleriz. Bu şekilde sayfalarımız .css dosyasından komutları alır. Hemen
örneklere geçelim. Bir tane .css dosyası oluşturalım. Aşağıdaki komutları not defterine yapıştırın ve stil.css adıyla kaydedin.


KOD:
a:link {
text-decoration:none; color:black
}
a:active {
text-decoration:none; color:red
}
a:visited {
text-decoration:none; color:blue
}
a:hover {
text-decoration:none; color:yellow
}


CSS Dosyalarının Sayfaya Eklenmesi

Öncelikle şunu da belirtiyim. css dosyalarının adını istediğiniz gibi değiştirebilirsiniz. Uzantısı .css olmak kaydıyla. Fakat genelde stil.css, style.css olarak geçerler. Css dosyalarını küçük bir kodla sayfamıza dahil edebiliriz demiştik. şimdi o küçük kodumuzu verelim.


KOD:
<link rel="stylesheet" type="text/css" href="stil.css">


Bu kodu sayfanızdaki


KOD:
<head>.....</head>


tagları arasına yerleştirin. Bu sayede .css dosyasına link vermiş olacaksınız. Şimdi bu kodu yerleştirdiğiniz sayfanıza bir bakın. Veyahut yeni linkler ekleyin. Linklerde oluşan farklılığı göreceksiniz. Mesela linklerin üzerine fare ile gelindiğinde linkler sarı olacak. Eğer sitil.css dosyasında değişiklik yaparsanız, yukarıdaki kodu eklediğiniz bütün sayfalarınız da aynı değişikliği yapmış olacaksınız. Yani bir tek değişiklik ile bütün siteyi değiştirebilirsiniz. Şimdilik anlatacaklarım bu kadar.
Herhangi bir sorunuz yada sorununuz olursa forumumuza yazabilirsiniz.
[ Makaleyi İndir ] [ Yazıcı Görüntüsü ] [ Tavsiye Et ] [ Takibe Al ] [ Yorum Ekle ]
Bu sayfayı Paylaşın : del.icio.us | Furl | Digg | Technorati | Reddit | Google Bookmarks | Simpy
 
● Bu Makaleye Hiç Yorum Yapılmamış

Makale Yazarı
Kullanıcı Adı: altayalp
Diğer Makaleleri ( 100 )
01 Kasım 2005
Bu Kategoriye Yeni Makale Ekle

Üye Alanı
Toplam Üye: 2577
Üye Adı:
Şifre:
Yükleniyor
İşlem Yapılıyor Lütfen Bekleyin...
Şifremi Unuttum
Üye Olmak İçin Tıklayın
Çevrimiçi: 2 Ziyaretçi, 0 Üye Toplam 2 Kişi Bulunmakta

Dersler

Aklınıza Takılan Herhangi Bir Sorun Mu Var? Forumlarımızdan Yardım İsteyebilirsiniz...

Dersler.Org altyapı olarak kendi kodladığımız Enderûn İçerik Yönetim Sistemini kullanmaktadır.

Tüm AYYILDIZ sevdalılarına, Aziz ŞEHİTLERE, VATAN kutsaldır diyen yiğitlere ithaf olunmuştur.
© altayalp 2007 Her Hakkı Saklıdır
İzinsiz kullanılamaz. Enderûn İçerik Yönetim Sistemi
Ubuntu, Linux
Çalmak, Çırpmak Haliyle Yasaktır
ve maalesef en iyi internet explorer ile izlenir
eXTReMe Tracker