Dreamweaver ile CSS Oluşturmak
Bu yazıda Dreamweaver ile yeni CSS oluşturma işlemi anlatılmıştır. Yeni CSS oluşturma işlemi bittikten sonra gelecek penceredeki CSS kategorilerinin açıklamasına bu sayfadan ulaşabilirsiniz.
Dreamweaver (DW) ile kod yazmadan CSS uygulamaları yapılabilir. CSS oluşturmak için sağ taraftan CSS panelinden CSS Styles sekmesi seçilmelir. Bu sekmeden All seçeneği seçilir. Eğer bu sekme görünmüyor ise window menüsünden CSS Styles seçeneği seçilir.
Yeni CSS oluşturmak için bu pencerenin en altında bulunan “New CSS Rule” simgesi 
seçilir. Karşımıza New CSS Rule Penceresi gelecektir.
Selector Type : Oluşturulacak seçicinin tipi buradan belirlenir.
- Class (can apply to any tag) : Bu seçenek işsretlenirse yeni bir class (sınıf)oluşturulur. name bölümüne de isim girilerek class a isim verilir.
- Tag (redefines the look of a specific tag) : Bu seçenek ile mevcut html taglarına biçimlendirmeler uygulanabilir. Html tagı kendi biçimlendirmesinin yanı sıra belirtilecek biçimlendirmeleri de kullanır. Bu seçeneğin seçili olması durumunda resimde görünen name bölümü tag olarak değişecek ve bu bölümde html tagları listelenecektir. Bu taglardan istenilen seçilerek biçimlendirmeler yapılabilir.
- Advanced (IDs, pseudo-class selectors) : Bu seçenek ile link biçimlendirmeleri yapılabilir. Bu bölüm seçili olduğu zaman name bölümü Selector olarak değişecektir.
Name : Bu bölüm seçilecek seçici tipine (selector type) göre değişir.
- Name : Eğer class seçili ise bu bölüm name olacaktır. Buradan yeni oluşturulacak class (sınıf) için isim belirtilir.
- Tag : Eğer tag seçili ise bu bölümün adı tag olur ve html tagları listelenir. İstenilen html tagı seçilerek bu taga biçimlendirmeler uygulanır.
- Selector : Eğer Advanced seçili ise bu bölümde direk isim girilebilir ve link biçimlendirmeleri yapılabir.
- a : link : Linkin normal durumda biçimi.
- a:visited : Daha önceden ziyeret edilmiş link biçimi.
- a:hover : Fare linkin üzerinden geçerken.
- a:active : Fare ile linke tıklandığı an linkin biçimi.
Define in : Oluşturulacak CSS nerede oluşturlacağı buradan belirlenir.
- New Style Sheet File : Yeni bir stil dosyası oluşturmak anlamına gelir. Yani css uzantılı farklı bir sayfa oluşturmak. Buna harici css sayfası denir. Oluşturulan harici css dosyasını sayfada kullanabilmek için “New CSS Rule” simgesinin solundaki “Attach Style Sheet” simgesi kullanılır.
- This document only : Bu seçenek seçili durumda ise css aynı sayfa içerisinde oluşturulacak demektir. Bu css html kodlarında <head> </head> tagları arasında oluşur ve body tagları arasından çağrılarak sayfaya uygulanır. Buna genel CSS denir.
Oluşturulan CSS’in Uygulanması :
Eğer genel css oluşturduysanız zaten sayfanın head tagları arasında tanımlı olduğu için direk uygulaması vardır. Harici css oluşturduysanız bu css’i sayfa ile ilişkilendirmeniz gerekir. Bunun için “New CSS Rule” simgesinin solundaki “Attach Style Sheet” simgesi kullanılarak harici css dosyası seçilir.
Herhangi bir yazı veya resim seçilir ve properties (özellikler) bölümünden style seçeneği altında oluşturulmuş css lerin listesi listelenir. Buradan istenen biçimlendirme seçilir ve nesneye uygulanır.
çok gusel anlatmışınız saolun ALLAH RAZI OLSUN