SanaL-PlatforM.Tr.Gg | Yeni CSS Tasarımımız İle Tekrar Karşınızdayız .. ||
  dw1
 
Merhaba arkadaşlar,

Bu derste CSS ekleme ve dışarıdan CSS çağırmayı öğreneceğiz.

Dreamweaver'ı açtıktan ve site tanımlamamızı yaptıktan sonra Window > CSS Style'e tıklıyoruz. Bunu Shift+F11 kısayoluyla da yapabiliriz.

Tıkladıktan sonra karşımıza şöyle bir tablo çıkacak.

http://img.sanalkurs.net/uploads/1_400.jpg

Sağ taraftaki css menümüzden all sekmesini tıklıyoruz ve sağ alttan ikinci sekmeyi tıklıyoruz.

http://img.sanalkurs.net/uploads/2_342.jpg

Şimdi önümüzde selector type kısmında 3 tane seçenek var 1. si kendi stilimiz oluşturmak için

Aşağıdaki örnekte bu kısım daha iyi anlaşılacaktır.

http://img.sanalkurs.net/uploads/3_284.jpg

http://img.sanalkurs.net/uploads/4_232.jpg

Bu kısımda CSS ile ilgili ayarlamalarımızı yapıyoruz.

http://img.sanalkurs.net/uploads/5_190.jpg

Şimdi denemek için bir yazı yazalım ve properties teki style kısmından stilimizi seçelim

Eğer burada yaptığımız stil yoksa, en baştan deneyiniz.

http://img.sanalkurs.net/uploads/6_143.jpg

Selector Type kısmındaki ikinci sekmemiz ise örneğin (p) tagının özelliklerini belirlemek için kullanılır.

http://img.sanalkurs.net/uploads/9_67.jpg

Ve denememizi yapıyoruz.

http://img.sanalkurs.net/uploads/10_59.jpg

Ve selector type kısmındaki son sekmemize tıklıyoruz. Bu sekme linklerimizin normalken, tıklandığında.. gibi özelliklerini belirliyor. Böylece linklerimize stil vermiş oluyoruz.

Böylece dahili CSS hazırladık; şimdi dışardan hazır olarak alınan bir CSS ekleyelim.

Şimdi biraz önce tıklıadığımız simgenin solundaki zincir resmine tıklıyoruz.

http://img.sanalkurs.net/uploads/7_106.jpg

http://img.sanalkurs.net/uploads/8_83.jpg

Gibi ayarlıyoruz. Ve biraz önceki gibi yazımızı yazıp Properties kısmından stilimizi seçiyoruz.

Bİr dersimizin sonuna daha geldik. Yanlışımız varsa affola.
 
  ۰۪۪۫۫●۪۫۰ Bugün 12 ziyaretçi (36 klik) Kişi Buradaydı ..! | Copyright © 2008-2009 ßy Sczhofr3n | ۰۪۪۫۫●۪۫۰  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=