Dreamweaver'da CSS Oluşturma
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](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](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/3_284.jpg)
![http://img.sanalkurs.net/uploads/4_232.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](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](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](http://img.sanalkurs.net/uploads/9_67.jpg)
Ve denememizi yapıyoruz.
![http://img.sanalkurs.net/uploads/10_59.jpg](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/7_106.jpg)
![http://img.sanalkurs.net/uploads/8_83.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.