Adobe Dreamweaver'ın Tasarım görünümünde kod düzenlemek için Özellik Denetçisinin nasıl kullanılacağını bu konuya bakarak öğrenin.
Dreamweaver, temel kaynak kodu konusunda endişe duymadan web sayfalarını görsel olarak oluşturmanıza ve bunları düzenlemenize olanak tanır, ancak daha fazla kontrol sağlamak veya web sayfanızın sorunlarını gidermek için kodu düzenlemenizi gerektirebilecek zamanlar olur. Dreamweaver, Tasarım görünümünde çalışırken bazı kodları düzenlemenizi sağlar.
Bu bölüm Tasarım görünümünde çalışmayı tercih eden kişiler için tasarlanmıştır ancak koda hızlı erişim isteyen kişiler içindir de.
Alt etiketler içeren bir nesneyi Tasarım görünümünde seçerseniz, örneğin bir HTML tablosunu, Düzen> Alt Öğe Seç'i belirleyerek ilk alt etiketi hızlıca seçebilirsiniz.
Bu komut sadece Tasarım görünümünde vardır.
Örneğin, <table> etiketinin normal olarak <tr> alt etiketleri vardır. Etiket seçicide <table> etiketini seçerseniz, Düzen> Alt Öğe Seç'i belirleyerek tablodaki ilk satırı seçebilirsiniz. Dreamweaver, etiket seçicide ilk <tr> etiketini seçer. <tr> etiketi kendi başına alt etiketlere sahip olduğundan (<td> etiketleri), Düzen> Alt Öğe Seç'in tekrar belirlenmesi tablodaki ilk hücreyi seçer.
Sayfanızdaki metnin veya nesnelerin niteliklerini incelemek ve düzenlemek için Özellik denetimini kullanabilirsiniz. Özellik denetiminde görüntülenen özellikler genellikle etiketlerin niteliklerine karşılık gelir; Özellik denetiminde bir özelliği değiştirme genellikle Kod görünümünde karşılık gelen niteliği değiştirmekle aynı etkiye sahiptir.
Etiket denetçisi ve Özellik denetçisinin her ikisi de etiket niteliklerini görmenize ve düzenlemenize olanak sağlar. Etiket denetçisi belirtilen etiketle ilişkilendirilen tüm nitelikleri görüntülemenize ve düzenlemenize olanak sağlar. Özellik denetçisi sadece en genel nitelikleri görüntüler ancak bu niteliklerin değerlerini değiştirmek için daha fazla denetim sağlar ve belirli etiketlere karşılık gelmeyen bazı nesneleri (tablo sütunları gibi) düzenlemenizi sağlar.
Metnin veya nesnenin Özellik denetçisi Belge penceresinin altında görüntülenir. Özellik denetçisi görüntülenmiyorsa, Pencere > Özellikler'i seçin.
Tasarım görünümünde ColdFusion işaretlemesini incelemek ve değiştirmek için Özellik denetimini kullanın.
İçerik düğmesi sadece seçili etiket boş etiket değilse (diğer bir deyişle, hem açma hem de kapama etiketi varsa) görüntülenir.
Hızlı Etiket Düzenleyici'yi Tasarım görünümünden çıkmadan HTML etiketlerini hızlı biçimde incelemek, eklemek ve düzenlemek için kullanırsınız.
Hızlı Etiket Düzenleyici'de geçersiz HTML yazarsanız, Dreamweaver gereken yerlere kapatma tırnak işaretleri ve kapatma açılı parantezleri ekleyerek bu sorunu düzeltmeye çalışır.
Hızlı Etiket Düzenleyici seçeneklerini ayarlamak için Control-T (Windows) veya Command-T (Macintosh) tuşlarına basarak Hızlı Etiket Düzenleyici'yi açın.
Hızlı Etiket Düzenleyici'nin üç modu vardır:
HTML ekle modu yeni HTML eklemek için kullanılır.
Etiketi Düzenle modu mevcut kodu düzenlemek için kullanılır.
Etiketi Sar modu geçerli seçimin etrafına yeni etiketi sarmak için kullanılır.
Hızlı Etiket Düzenleyici'nin açıldığı mod, Tasarım görünümündeki geçerli seçime bağlıdır.
Her üç modda da temel Hızlı Etiket Düzenleyici'yi kullanma yordamı aynıdır: düzenleyiciyi açın, etiketleri ve nitelikleri girin veya düzenleyin ve ardından düzenleyiciyi kapatın.
Hızlı Etiket Düzenleyici etkinken Control+T (Windows) veya Command+T (Macintosh) tuşlarına basarak modlar arasında geçiş yapabilirsiniz.
Tasarım görünümünden çıkmadan HTML etiketlerini hızlı bir şekilde eklemek ve düzenlemek için Hızlı Etiket Düzenleyici'yi (Düzen > Hızlı Etiket Düzenleyici) kullanın.
Hızlı Etiket Düzenleyici, HTML Ekle modunda açılır.
Etiket, uygulanabiliyorsa, eşleşen kapatma etiketiyle birlikte kodunuza yerleştirilir.
Düzenlemek istediğiniz etiketi Belge penceresinin altındaki etiket seçiciden de seçebilirsiniz. Daha fazla bilgi için bkz. Kodu etiket seçiciyle düzenleme.
Hızlı Etiket Düzenleyici, Etiketi Düzenle modunda açılır.
Varsayılan olarak, Sekme veya Shift+Sekme tuşlarına bastığınızda değişiklikler belgeye uygulanır.
Açma ve kapama HTML etiketi içeren bir metin veya nesne seçerseniz, Hızlı Etiket Düzenleyici, Etiketi Sar modu yerine Etiketi Düzenle modunda açılır.
Hızlı Etiket Düzenleyici, Etiketi Sar modunda açılır.
Etiket, geçerli seçimin başlangıcına eklenir ve eşleşen kapama etiketi sona eklenir.
Hızlı Etiket Düzenleyici, düzenlediğiniz veya eklediğiniz etiketin tüm geçerli niteliklerini listeleyen nitelik ipucu menüsü içerir.
İpuçları menüsünü devre dışı bırakabilir veya Hızlı Etiket Düzenleyici'de menü açılmadan önce geçen süreyi ayarlayabilirsiniz.
Etiketin geçerli niteliklerini listeleyen ipuçları listeleyen ipuçları menüsünü görmek için Hızlı Etiket Düzenleyici'de nitelik adını düzenlerken kısa bir süre duraklayın. Düzenlemekte olduğunuz etiketin geçerli tüm niteliklerini listeleyen bir ipuçları menüsü görüntülenir.
Benzer biçimde, geçerli etiket adlarını görüntüleyen ipuçları menüsünü görmek için Hızlı Etiket Düzenleyici'de etiket adını girerken veya düzenlerken kısa bir süre duraklayın.
Hızlı Etiket Düzenleyici kod ipuçları tercihleri, normal kod ipuçları tercihleriyle denetlenir. Daha fazla bilgi için bkz. Kod ipucu tercihlerini ayarlama.
Etiket veya nitelik adını yazmaya başlayın. Kod İpuçları menüsündeki seçim, yazdığınız harflerle başlayan ilk öğeye atlar.
Bir öğe seçmek için Aşağı ve Yukarı Ok tuşlarına basın.
Bir öğeyi bulmak için kaydırma çubuğunu kullanın.
Kod İpuçları Tercihleri iletişim kutusu görüntülenir.
Tasarım görünümünden çıkmadan etiketleri seçmek, düzenlemek veya kaldırmak için etiket seçiciyi kullanabilirsiniz. Etiket seçici, Belge penceresinin altındaki durum çubuğunda yer alır ve bir dizi etiketi görüntüler.
Ekleme noktasına uygulanan etiketler, etiket seçicide görüntülenir.
Ekleme noktasına uygulanan etiketler, etiket seçicide görüntülenir.
Etiket tarafından temsil edilen nesne sayfada seçilir.
Bağımsız tablo satırları (tr etiketleri) veya hücreleri (td etiketleri) seçmek için bu tekniği kullanın.
Hem Tasarım görünümünde hem de Kod görünümünde istemci tarafı JavaScripts ve VBScripts öğeleriyle aşağıdaki yöntemlerle çalışabilirsiniz:
Tasarım görünümünden çıkmadan sayfanız için JavaScript veya VBScript komut dosyası yazın.
Tasarım görünümünden çıkmadan belgenizde harici komut dosyasına bağ oluşturun.
Tasarım görünümünden çıkmadan komut dosyasını düzenleyin.
Başlamadan önce sayfada komut dosyası işaretçilerinin görüntülendiğinden emin olmak için Görünüm > Görsel Yardımcılar > Görünmez Öğeleri seçin.
Ekle > HTML > Komut'u seçin.
Dosya seçimi penceresinde komutu seçin.
Açma veya kapatma komut etiketleri eklemeniz gerekmez.
Seçili dosya için komut etiketi belgeye eklenir.
Komut dosyası, Komut Dosyası Özellikleri iletişim kutusunda görüntülenir.
Harici bir komut dosyasına bağ oluşturduysanız dosya, düzenlemeleri yapabileceğiniz Kod görünümünde açılır.
Komut dosyası etiketleri arasında kod varsa, harici komut dosyasına bağ olsa bile Komut Dosyası Özellikleri iletişim kutusu açılır.
Dosyayı seçmek için klasör simgesini veya Gözat düğmesini tıklatın ya da yolu yazın.
Tasarım görünümünde ASP sunucu tarafı komut dosyalarını incelemek ve değiştirmek için ASP komut dosyası Özellik denetimini kullanın.
JavaScript kullanıyor ve sürümünden emin değilseniz, JavaScript1.1 veya JavaScript1.2 yerine JavaScript'i seçin.
(İsteğe bağlı) Kaynak kutusunda, harici olarak bağ oluşturulmuş komut dosyasını belirleyin. Dosyayı seçmek için klasör simgesini tıklatın veya yolu yazın.
Etiket denetiminin Davranışlar sekmesini kullanarak sayfa öğelerine JavaScript (istemci tarafı) davranışlarını kolayca ekleyebilirsiniz. Daha fazla bilgi için bkz. Dreamweaver'da yerleşik JavaScript davranışlarını uygulama.