WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER.

... konulu sunumlar: "WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER."— Sunum transkripti:

1 WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER

2 Css kullanım Şekilleri Yerel css :Yerel stil şablonları HTML belgesinin body bölümüne yazılır. Sadece bir kereliğine, yazıldıkları yerde etkili olur. Genel css : HTML belgesinin head bölümüne yazılır ve belgenin tümünü etkiler. Harici css : Ayrı bir kod sayfası olarak yazılır kaydedilir ve kullanılacağı sayfaya eklenir.

3 YEREL CSS... HTML derslerinde geçen ama üzerinde pek durmadığımız style parametresi üzerinde açıklama yapmam gerekiyor. style parametresi,,,,, gibi birçok kod için kullanılabilir:... Yukarıda HTML derslerinden tanıdığımız, paragraf oluşturan koduna style parametresi atanmıştır. Böylece paragrafın sola yaslanmasını, 12pt (point: nokta) font büyüklüğündeki harflerden oluşmasını, harflerin renginin kırmızı olmasını sağlıyoruz. style parametresinde birden fazla özellik tanımlanacaksa, örnekte olduğu gibi her özellikler arasına ";" işareti konur.

4 Css CSS Kullanımı CSS Kullanımı CSS Kullanımı

5 yerel css ile INTERNET EXPLORER 9 REKOR KIRDI Merakla beklenen ve tarayıcı savaşlarını kökünden etkileyeceği düşünülen Internet Explorer 9un beta sürümü 2 haftada çok büyük ilgi gördü. Microsoftun açıklamasına göre, Internet Explorer 9 beta iki hafta içinde 6 milyon defa indirildi. 15 Eylülde yayınlanan Internet Explorer 9 beta, IE 8in beta sürümünü de 2.5 katına katladı. IE 9da HTML 5e büyük destek veren Microsoft, tarayıcısına W3C İnternet Standartları testini uyguladı. Metin Kaçan

6

7 Nesne Özelliklerini Genelleştirme Sayfa tasarımında CSSden yararlanacaksak style="..." parametresini kullanmamız şart değil,sayfa özelliklerini... kodları arasında da tanımlayabiliriz.... kodları... bölümünde; bir fonksiyonmuşcasına yer alır. (Fonksiyonları

8 Genel Stil Şablonları (genel css) H1 {font-size:18pt ; color:#336699} Selektor Değer özellikDeğerözellik Bildirim Alanı Bildirim alanı

9 Bu uygulamanın aynısını koduyla aşağıdaki şekilde yapabiliriz:

10

11 CSSyi Dış Dosya ile Tanımlama Web sayfamızın... kısmına aşağıdaki kodlarla.css uzantılı dosyanızla bağlantı kurun; mesela dosyanın ismi tarz.css olsun: Dış dosya yolu ile... ……………

12 Önce tarz.css dosyasını oluşturalım

13

14