Bu özellik ile seçtiğiniz tablonun artalan(background) rengi, satır ve sütun rengi, karakterlerin rengi gibi tablo özelliklerini biçimlendirmeye yarar. Bu iş için çesitli şablonlar vardır.

Bir uygulama yaparak bu özelliği inceleyelim.

Aşağıdaki düz tabloyu Commands >>Format Table özelliği ile biçimlendireceğiz.

Commands>>Format Table menüsünü kullanarak Format Table iletişim penceresini açarız. Bu iletişim penceresi bir tablonun ihtiyaç duyduğu en çok kullanılan özellikleri içerir.

Row Colors: Satır Renkleri

First : Tablodaki Satırların Rengi

Alternate: Çekme menüsündeki seçenekler satırlara yapılacak işlemleri ayarlar.

<do no alternate>: Default olarak seçilidir satıra vereceğiniz renk veya diğer özellik tüm satırlara da uygulanır.
Every Other Rows: Tüm satırlarda uygulanır.
Every Two Rows: İki satırda uygulanır.
Every Three Rows: Üç satırda uygulanır.
Every Four Rows: Dört satırda uygulanır.

Second: Alternate uygularsanız arada kalan satırların rengi tablonun default rengi olacaktır. Siz bu rengi de değiştirmek isterseniz, second rengini ayarlamalısınız.

Top Rows: En üst satır.
Align: Satırların karakterlerin veya herhangi bi nesnenin duruş şekli (Sağda,Solda,Ortada gibi.)
Text Style: Karakterlerin Kalın, normal, italik durumu.
Bg Color: Tablodaki en üst satırın rengi.
Text Color: Karakterlerin rengi.

Left Col: Sol Sütun
Align: Sol Sütundaki karakterlerin veya herhangi bir nesnenin duruş şekli (Sağda,Solda,Ortada gibi.)
Text Style: Karakterlerin Kalın, normal, italik durumu.

Table Border: Tablonunun kenar çizgi kalınlığı.

Apply All Attributes to Td Tags Instead of TR Tags: Bu seçenek seçildiğinde tabloya eklenen stillerin tablo satırlarından ziyade tablo hücrelerine eklenmesi sağlanır.

Yani tabloyu oluşturan TR imleri tablo satırlarına aittir. TD imleri ise bu satırda yer alan hücrelere. Tabloya Format Table ile stil eklerken normalde stiller TR imlerine uygulanır. Bu seçenekle stillerin TD imlerine uygulanması sağlanır.

Sol üst köşedeki liste/menü kutusunda isimler üzerinde gezersek hemen yanında seçtiğimiz formatın ekran görünümü çıkar. Buradan tablomuzun alacağı biçimi görebiliriz. Tabi buradaki hazır şablonları kullanmak zorunda değiliz, bu şablonlar üzerinde degişiklik yaparak daha hızlı tablo biçimleri oluşturmamız mümkün. Ayarlarımızı yaptıktan sonra OK düğmesine tıklayın ve tablomuzun biçimini görün.

Tablonun aldığı son biçim.

Katman kullanımının avantajı dinamik html komutlarını kullanabilmektir. Söz gelimi hareket eden objeler tıklandığında kaybolar resimler vs. vs..

Katman eklemek için Insert>>Layer menüsünü kullanabiliriz. Bunu yaptığımızda sayfamızda imlecin bulunduğu yere bir katman eklenir. Eklenen katmanın belirli yükseklik ve genişlik değerleri vardır.

Eğer biz oluşacak katmanımızı bir kare ya da dikdörtgen çizer gibi çizmek istiyorsak Insert araç çubuğundaki Draw Layer ( ) düğmesini kullanırız. Bu düğmeye tıklayarak imleci sayfamızın üzerine sürüklediğimizde imleç artı şekline dönüşür. Farenin sol tuşuna basılı tutarak istediğimiz boyutta bir katman çizebiliriz.

Katmanımızı çizdiğimizde ya da menüden eklediğimizde sayfamızda katman harici bir de katman elemanı** ( ) belirir. Bu elaman sadece tasarım sırasında görünürdür. Sayfamızı bir tarayıcı ile görüntülediğimizde bu eleman görüntülenmez.

Eklediğimiz katmanın kenar çizgilerine tıkladığımızda 4 bir kenarında ve köşelerinde kareler oluşur. Bu kareler yardımıyla katmanı boyutlandırabiliriz.

Boyutlandırma sırasında katmanın boyutun ait değerlerini properties panelinden takip edebiliriz. Properties penceresindeki W(Width) değeri katmanın genişliğini, H(Height) değeri katmanın yüksekliğini gösterir.
Katmanı farklı bir yere taşımak için ise katman seçili haldeyken sol üst köşesinde oluşan iç içe iki kare görünümündeki tutamacı kullanırız. Bu tutamacı kullanarak geldiğimiz noktanın X-Y değerinide yine Properties panelinde yer alan L ve T metin kutularından takip edebiliriz. L katmanın sayfanın sol kenarana olan uzaklığı, T ise katmanın sayfanın üst kenarına olan uzaklığını gösterir.

Properties penceresinde hemen bu değerlerin solunda Layer ID metin kutusu vardır. Bir katman eklediğinizde eklediğiniz katmanın kaçıncı olduğuna bağlı olarak burada bir isim oluşur (Layer1, Layer2, Layer3 vs.) ama bizim katmanı kullanacağımız işe göre isimlendirmemiz pek çok katman kullanarak çalışacağımız sayfalar için faydalı olacaktır.

Katman özelliklerinin görüntülendiği Properties penceresinde daha pek çok özellik vardır. Bu özellikleri bir sonraki ders olan Layer Özellikleri dersinde anlatacağız.

*Netscape Navigator 7.0 ilayer ve layer etiketlerini desteklememektedir. Başlangıçta sadece kendisinin desteklediği bu imleri artık desteklememesi sonucu, katman oluşturmak için <Div> ya da <Span> imlerini kullanmakta fayda vardır.

**Anchor Point for Layers: Bu bir görünmez elemandır. Görünmez elemanlar hakkında ayrınıtlı bilgiyi Site bölümündeki Preferences 4 (Invisible Elements) konusunda bulabilirsiniz.

Layer Özellikleri / Katman Özellikleri

Layer Eklemek dersinde nasıl katman ekleneceğini anlatmıştık. Şimdi de bir katmana ait özellikleri değiştirmeyi anlatacağız.

Bir katmana ait Properties penceresi aşağıdaki gibidir.

Z-Index metin kutusu katmanımız için bir yığılma sırası belirlemimiz sağlar. Öyle ki ilk eklediğimiz katmana 1, ikinciye 2, üçüncüye 3 değeri verilir. Fakat biz ikinci eklediğimiz katmanın ilk eklediğimiz katmanın altında gözükmesini istiyorsak ilk katmanın Z-Index değerini 2, ikinci olarak eklediğimiz katmanın Z-Index değerini 1 yaparız.

Z-Index değeri en büyük olan katman her zaman en üstte durur. Z-Index değeri olarak -1, -2, -3 ... gibi negatif değerlerde verebiliriz. Sonuç olarak değeri en küçük olan katman en altta, büyük olan en üstte olacaktır.

Aşağıdaki bağa tıklayarak, açılan sayfadaki katmalanların Z-Index sırasına göre nasıl görüntülendiğini görebilirsiniz.

Örnek 1

Vis çekme menüsü katmanın görünülürlüğünü belirlemek içindir.

Default seçilirse sayfa bir tarayıcıda görüntülendiğinde tarayıcının geçerli değeri kullanılır.

Inherit seçilirse katmanın ebeveyninin görünürlük özelliğini kullanır.

Visible katmanın görünür olmasını sağlar ve bunun için katmana visible özelliğini ekler.

Hidden katmanın görünmez olmasını sağlar ve bunun için katmana hidden özelliğini ekler.

Bg Image metin kutusunu kullanarak katmanımıza bir arkplan resmi ekleyebiliriz. Metin kutusunun hemen yanındaki Browse for File düğmesini tıklayarak açılan iletişim kutusundan bir resim seçebiliriz.

Bg Color bölümü katmanımız için bir artalan rengi belirlemimizi sağlar. Color Picker düğmesi ile açılan paletten bir renk seçebiliriz ya da metin kutusuna onaltılı bir renk kodu yazarak rengimizi belirleyebiliriz.

Tag çekme menüsü katmanımız için bir HTML imi seçmemeizi sağlar. Span veya Div imlerini seçebiliriz.

Overflow çekme menüsü katmanın içeriğinin nasıl görüntülenceğini belirlememizi sağlar. Dört seçenek vardır.

Visible seçilidiğinde katman içeriğinin tamamen görünür olması için genişler ve boyutları bizim belirlediğimiz boyutlardan daha büyük olur.

Hidden seçildiğinde içerik ne kadar büyük olursa olsun katman bizim belirlediğimiz genişlik ve yükseklik ölçülerine sahip olur ve içeriğini katmanın boyutlarını aşan kısmı görüntülenmez.

Scroll seçeneği katmanın boyutlarını bizim başlangıçta belirlediğimiz boyutlarda tutar. Fakat katmanın sağ ve alt kenarında kaydırma çubukları belirir. Eğer içerik katman boyutundan büyükse bu kaydırma çubukları ile görüntülenmesi sağlanır. Fakat katman içeriği belirlediğimiz boyutları aşmasada kaydırma çubukları görüntülenir.

Auto seçeneği katmanın boyutlarının belirlediğimiz ölçülerde kalmasını sağlar. Eğer içerik bizim belirlediğimiz ölçülerden büyükse, katmanın içerisinde kaydırma çubukları oluşur. Bu çubuklar sayesinde içeriğ tamamını görüntüleyebiliriz.

Bu dört Overflow(Taşma) seçeneğinin ne tür etkiler yaptığını görmek için aşağıdaki iki örnek sayfayı inceleyebilirsiniz.

Örnek 2 | Örnek 3

Clip bölümünde yer alan özellikler katmanın kırpma(clip) alanın belirtir. Yani katmanın içeriğinin görüntüleneceği alanın sınırlarını belirler.

Dört değer vardır. L, R, T ve B.

L, sol kenarından kırpılacak alanı,

R, sağ kenara kadar kırpılacak alanı,

T, üst kenardan kırpılacak alanı,

B, alt kenara kadar kırpılacak alanı,

belirlemek için kullanılır.

Yani bir örnek verecek olursak. 100*100'lük bir katmanımız olsun. L değerini 20 olarak belirlediğimizde katmanın soldan 20 piksellik alanı görüntülenmez. R değerini 70 yaptığımızda ise 70. pikselden sonrası görüntülenmez.
T değerini 10 yaptığımızda katmanın üstten 10 piksellik alanı görüntülenmez. B değerinin 95 yaptığımızda ise katmanın 95. pikselden sonrası görüntülenmez.
Aşağıdaki resimde mavi çizgilerle oluşturlan açık sarı dikdörtgen içerisindeki alan görülebilen alanı temsil etmektedir.

L ve R değerleri ya da T ve B değerleri aynı olursa katmanın içeriği görüntülenmez. Aynı şekilde L değerinin R değerinden ve T değerinin B değerinden büyük olduğu durumlarda da katmanın içeriği görüntülenmez.