STİL SAYFALARI GELİŞTİRMEK

... konulu sunumlar: "STİL SAYFALARI GELİŞTİRMEK"— Sunum transkripti:

1 STİL SAYFALARI GELİŞTİRMEK
Stillerin İncelenemesi Dahili Stiller Oluşturmak Dahili Stilleri Harici Stillere Dönüştürmek Mevcut Bir Harici Stil Sayfasını Bağlamak Harici Stiller Oluşturmak Etiket Kombinasyonları İçin Stil Oluşturmak Mevcut Bir Stili Düzenlemek Css İle Arkaplan Ayarlarını Yapmak

2 İşartli Css Bütün Css ler Mevcut Css Düzenleme Css Silme Harici Css Bağlama Yeni Css Oluşturma

3 Bütün Etiketlere uygulama
Mevcut Etiketlerde Değişiklik Yapma ID oluşturma Etiket İsmi Harici Css Tanımlama Dahili Css tanımlama

4 Css paneli görünmüyorsa Window menüsünden görünür yapabliriz.
HATIRLATMALAR Css paneli görünmüyorsa Window menüsünden görünür yapabliriz. Css panelinde All tabı tanımlı bütün Css leri, Current tabı işaretlediğimiz objenin Css özelliklerini gösterir. Css tanımlarken “This Document Only” (Dahili) ya da “Define In” (Harici) seçenekleri vardır. Çok sayıda Css kullanacaksak tercihen harici Css kullanacağız.

5 Css kategorilerinde yapabilmemizi sağlar HATIRLATMALAR Type : Metin
Background :Arkaplan ayarları Block :Metin aralığı ve metinlerin yerleştirilmesi Box : Tabloların büyüklük ve boşluk ayarları Border :TAbloların kenarlık ayarları List : Tanımlı tanımsız listelerin ayarları Positioning :Elemanların yerleştirileceği konum ayarları Extensions : Fare imleci gibi ayaları yapabilmemizi sağlar

6 HATIRLATMALAR Eski browserlar harici Css i desteklemediği için dahili Css bu durmlarda tercih edilebilir Dahili olarak Hazırladığımız bir Css i File > Export menüsünden harici stile dönüştürebilriz. Arkaplan resmi eklerken Attachment kısmında fixed sayfa aşağı inse de resmin sabit kalmasını, scroll aşağıya inince resmin yukarıda kalmasını sağlar

7 Css önceliği şu şekildedir
HATIRLATMALAR Harici bir stili (Css) sayfamıza bağlarken “Link” sayfanın harici sitlden okumasını, “Import” sayfaya eklemesini sağlar. Dahili olarak Hazırladığımız bir Css i File > Export menüsünden harici stile dönüştürebilriz. Css önceliği şu şekildedir Web tarayıcısı varsayılan değerleri Harici stiller Dahili stiller HTML biçimlendirme seçenekleri DÜŞÜK YÜKSEK