Preferences 4 ( Invisible Elements )

Invisible Elements (Görünmez Öğeler) web sayfamızı tasarlarken eklediğimiz bazı neslere ait işaretçilerdir. Örneğin bir Layer(Katman) eklediğimizde katmana ait bir Görünmez Öğe'de sayfamıza eklenir. Aynı şekilde sayfamıza eklediğimiz bir JavaScript kodu da bir görünmez öğe ile sayfa üzerinde belirtilir.

Bu işaretçilerin ismi Görünmez Öğeler(Invisible Elements) olsa da aslında bu işaretçilerin görünür olup olmaması bizim elimizdedir :)
Bu öğelerin hangi durumlarda ne işe yaradıklarına Tasarım bölümünde sırası geldikçe değineceğiz. Bu derste sadece Preferences iletişim penceresindeki Invisible Elements kategorisine değineceğiz. Bu kategorideki özellikler Görünmez Öğelerimizin görünüp görünmeyeceğine karar vermemizi sağlayan yerdir ;)

Preferences Invisible Elements Kategorisi

Yukaridaki iletişim penceresine Edit>>Preferences... menüsü ile ulastığımız Preferences iletişim penceresinin Invisible Elements kategorisine tıklayarak ulaşırız. Dreamweaver MX'i ilk olarak kurduğumuzda yukarıdaki resimde görülen öğeler seçilidir.

Şimdi kısaca Show bölümünde bulunan bu her öğenin ilişkili olduğu elemanı/özelliği açıklayalım.

Anchor Point ElementNamed Anchors: Web sayfamıza bir Named Anchor(Adlandırılmış Çapa) eklediğimizde ortaya çıkar. Çapayı eklediğimiz yerde görünür.

Scripts Element Scripts: Web sayfamıza eklediğimiz VBscript ya da JavaScript'in yerini işaret eder. Üzerine tıklandığında scripte ait özellikler Properties penceresinde belirir(Yani script'e ait properties penceresi görünür).

CommentsComments: HTML sayfasına eklediğimiz Comment(Yorum)'leri belirtmek için kullanılır. Üzerine tıklandığında web sayfamıza ekledıgımız yorum Properties penceresinde görünür.

Line Breaks ElementLine Breaks: Sayfalarımıza eklediğimiz her satir başı için ( <br> imi ) için bir tane bu isaretçiden eklenir.

Client-Side Image Maps ElementClient-Side Image Maps: İstemci-Taraflı Resim Haritaları eklediğimizde sayfamızda görünür olurlar. Tabi tasarım aşamasında. Buradaki her işaretçi sadece tasarım aşamasında görünürdür.

Embedded Styles ElementEmbedded Styles: <Body> imleri arasına yerleştirilmiş CSS'lere ait isaretçidir. <Head > imi içerisine yerleştirilen stiller için bu işaret görüntülenmez.

Hidden Form Fields ElementHidden Form Fields: Gizli Form Alanları eklendiğin de oluşan işaretçidir.

Form Delimiter ElementForm Delimiter: Sayfamıza bir form eklediğimizde bu form alanının etrafında bir sınır çizgisi/çerçeve oluşmasını sağlanır. kırmızı kesik çizgilerden oluşan bu çerçeve formuzun görsel olarak yerini görmemezi sağlar. Böylece form içerisine daha kolay eleman ekleriz.

Anchor Points for Layers ElementAnchor Points for Layers: Sayfamıza eklediğimiz katmanlar(layers) için oluşan işaretçidir. Bu işaretçiyi faremiz ile tutarak istediğimiz yere sürükleyebiliriz. Böylece katmanımız istediğimiz yere yerleşmiş olur. Ayrıca bu işaretçiyi fare ile tıklayarak temsil ettiği katmanın görülür/seçili hale gelmesini sağlarız.

Anchor Points for Aligned Elements ElementAnchor Points for Aligned Elements: Aling özelliğine sahip resim, tablo gibi HTML elemanlarının aling özelliğini belirtmek için kullanılır. Örneğin bir resmin aling özelliğini Right olarak belirlediğimizde, yerleştirildiği konumdan oldukça uzak bir alana konumlanırsa bu isaretçi belirir.

Visual Server Markup Tags ElementVisual Server Markup Tags: Görsel Sunucu Biçimleme İmlerinin eklendikleri yeri işaret etmek için kullanilir.

NonVisual Server Markup Tags Element NonVisual Server Markup Tags: Görsel Olmayan Sunucu Biçimleme İmlerinin eklendiği yeri işaret etmek için kullanılır.

Show Dynamic Text As: Çekme menüsünden sayfamıza eklediğimiz Dynamic Text nesnesinin görünümünü ayarlayabiliriz. Eğer Dynamic Text'imizin içeriği tasarım görünümüne zarar verebilecek uzunlukta ise Dynamic Text alanlarının sadece bir parantezden ibaret olarak görünmesini sağlayabiliriz. Bunun için sadece parantezlerden olusan seçeneği seçmeleyiz.

Show Dynamic Text As Çekme Menüsü

...




 Yazdırılabilir Sayfa...