Dreamweaver Cssler -1

Dreamweaver’da çok basit bir site oluşturduktan sonra artık program hakkında belirli bir fikre sahip olduk. Bundan sonra ki konumuz dreamweaver üzerinden sayfamızın stil sayfalarını oluşturmak olacak bunun için csslerin ne işe yaradıklarını anlamamız gerekmekte ve nasıl yazıldıklarını anlamamız gerekmekte

Csslerle sayfamızın tamamının görünümünü değiştirebiliriz. Peki o zaman html ne işe yarıyor diye düşünebilirsiniz. Şöyle düşününün sayfamızda bazı yazıların başlık, bazı yazıların paragraf, bazılarının liste elemanları olduklarını söyleyebiliyoruz. Nasıl söylüyorduk hemen hatırlayalım.

Oldukça basitti eğer sayfanızdaki her hangi bir yazının bir başlığa dönüşmesini istiyorsanız. Başlık gibi gözükmesini istediğiniz yazının başına bir h1 sonuna ise başlığın bittiğini belirtmek için başka bir h1 koyuyorduk hadi bir küçük bir örnekle hemen deneyelim.

<h1>Ben bir başığım</h1>

Dikkat etiyseniz sondaki h1 ‘in önünde bir /(slaş) var bu h1 etiketinin kapatıldığını belirtiyor. Peki sayfamızdaki h1′lerin nasıl görüntüleneceğini nasıl söyleyebiliriz. Daha önceki yazılarımı hatırlıyorsanız hemen Properties panelindeki page properties aklınıza gelecektir. Page properties’i kullanırım ve csslerle uğraşmam diye düşünebillirsiniz.  Ama page properties kısmından başlıkların nasıl görüntüleceneğini söylediğimizde esasında css oluşturmuş olduk.

HTML ve Css’in farkını gerçek hayattan bir örnekle açıklamam gerekirse bir inşaat yapığınızı düşünün duvarları oluşturursunuz, kapıları koyarsınız, pencereler için boşlukları bırakırsınız bütün bunlar kapa inşaattır daha sonra işin ince kısmı başlar ve duvarları boyamaya, kapı kollarını takmaya ve pencereleri takmaya başlarsınız. Kapa inşaatta nerelern duvar olacağını belirtiniz, ince inşaattaysa duvarların ne renk olduğunu yani HTML işin kaba bölümüyse CSS ince işcilik. İnce işi kötü yapılmış bir daire kapa inşaat kısmı ne kadar sağlam olursa olsun çirkin gözükür ancak unutmamak gerekir ki bu inşaat değil yani masrafı 0 yani yanlış yada çirkin bir şey yaptığınızda bunu düzeltmek  sadece css’i tekrar oluşturmak gerekir bunun tek masrafı bize zaman olur.

Peki nedir bu css nasıl yazılır kodları şimdi buraya bir örnek yazacağım dikkat edin çok zor 

önce kimi etkilemek istediğimizi belirtiyoruz Daha sonra hangi özelliğini daha sonra bu özelliğe verdiğimiz değeri yazıyoruz.

h1{

font-size:21px;

}

Sayfamızdaki en büyük başlıkların font büyüklüğünün 21 pixel olmasını istedik. Eee bunun neresi zor cevap zor değil. Bu kadar basit