Google Reklamları =)

Hakan Özdemir

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

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.
Google Reklamları =)
Tekil:70 | Çoğul:720 | Çevrimiçi:

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol