Video: Dreamweaver CC ile Özellik Penceresi Kullanımı 2024
Dreamweaver çalışma alanının altından erişilebilen özellik denetçisi, sayfada seçilen herhangi bir öğe için kullanılabilir olan özellikleri görüntüler. Örneğin, bir görüntü seçildiğinde, örneğin, metin seçildiğinde Özellik denetçisindeki seçenekler farklıdır.
Hiçbir şey seçilmediğinde veya bir sayfada metin seçtiğinizde, Özellik denetçisi HTML ve CSS olmak üzere iki bölüme ayrılmıştır.
Özellik denetçisinin sol tarafındaki düğmelerin bu iki mod arasındaki geçişin kolay olmasına dikkat edin.
CSS ve HTML konusunda yeniyseniz bu iki mod arasındaki farkları anlamak biraz kafa karıştırıcı olabilir. Aslında, HTML modunda kalın gibi bir biçimlendirme simgesi kullanırsanız, Dreamweaver çoğu web tarayıcısında metni koyu görünmesini sağlayan HTML etiketini ekler. CSS simgesinde aynı simgeyi kullanırsanız, Dreamweaver otomatik olarak kalın biçimlendirme seçeneğini içeren bir stil kuralı oluşturur.
CSS modunda, bir sayfada metin, resim veya diğer öğelere zaten uygulanan stillere yeni biçimlendirme seçenekleri eklemek için mevcut stilleri düzenlemeyi de seçebilirsiniz. Varolan bir stili, Hedeflenen Kural açılır listesinden stili seçip değişiklikleri veya eklemeler yapmak için Özellik denetçisindeki Yazı Tipi, Boyut ve diğer alanları kullanarak basitçe düzenleyebilirsiniz.
Bir sayfadaki öğelere daha önce uygulanmış olan mevcut stili her ne zaman düzenlerseniz, stilde yaptığınız değişiklikler, stilin kullanıldığı her yerde otomatik olarak uygulanır. Birden fazla şeyi aynı anda değiştirmek istediğinizde bu özellik harika ancak bir sayfayı tek bir sayfada tek yönlü, başka bir yerde başka bir şekilde görünmesini istiyorsanız bir sorun olabilir.
Bir stil oluşturmak veya düzenlemek istediğiniz her zaman, CSS modunda Özellik denetçisini kullanın. Öte yandan, sayfadaki bir öğeye varolan bir stili uygulamak için HTML modunda olduğunuzdan emin olun. Örneğin, bir görüntüyü bir sınıf stiliyle hizalamak veya bir etikete bir kimlik stilini uygulamak için HTML modunda olmanız gerekir.
HTML modunda bir stil uygulamak için sayfayı stili uygulamak istediğiniz görüntüyü, metni veya başka bir öğeyi seçin ve ardından stili seçmek için Sınıf veya Kimlik açılır listelerini kullanın; Dreamweaver otomatik olarak uygular.
Benzer şekilde,
etiketi gibi bir HTML etiketi uygulamak için HTML modunda olmalısınız. Ancak, CSS modundaetiketi için bir CSS kuralı oluşturabilir veya düzenleyebilirsiniz. Tabii ki, Özellik denetçisiyle stiller oluşturmanız veya düzenlemeniz gerekmez.Bunu bir kısayol yöntemi olarak düşünün; stil üzerinde önemli değişiklikler yapmak için yine CSS Designer panelini kullanmayı tercih edebilirsiniz.
