Web Tasarım Dersleri
  Tablo Özellikleri 2
 
Tablo Özellikleri 2

Tablo Özellikleri 1 dersinde tablomuzu biçimlendirmeyi anlatmıştık. Bu derste ise Tablomuzu oluşturan hücrelerimizi biçimlendirmeyi anlatacağız.

Bir tablodaki herhangi bir hücrenin içerisine tıkladığımız da Properties penceresinde hücre özellikleri görünür.

Cell Properties Penceresi

Properties penceresinin üst bölümündeki özellikler metin özellikleri ile aynıdır. Hücremize ait asıl özellikler alttaki özelliklerdir. Şimdi bu özellikleri anlatalım.

Horz çekme menüsü hücrede yer alacak metin, resim, Flash animasyon gibi elemanları yatay olarak hizalamak içindir.
Left sola yaslı, Center ortalanmış, Right ise sağa yaslı olmalarını sağlar.

Vert çekme menüsü hücre içerisinde yer alacak elemanların dikey olarak hizalamak içindir.
Top üste, Middle ortaya, Bottom alta ve Baseline taban çizgisine hizalamamızı sağlar.

W hücrenin genişlik değeridir. Sadece sayı yazarsak piksel cinsinden değer vermiş oluruz. 50% gibi sayı ve yüzde işareti şeklinde değer yazarsak yüzde cinsinden değer vermiş oluruz.

H hücrenin boy değeridir. W de olduğu gibi piksel ya da yüzde cinsinden değer vermemizi sağlar.

"No Wrap" seçenek kutusu hücrenin metne göre genişlemesini sağlar. Bir hücreye bir metin yerleştirdiğimizde eğer metnin alt satıra geçmeden hücreyi genişleterek hücrede yer almasını istiyorsak bu seçeneği seçili hale getirmemiz yeterlidir.

Aşağıdaki ilk resimde yer alan tabloda "No wrap" seçeneği işaretli, ikincisinde ise işaretli değildir.

No wrap seçili tablodaki hücrenin görünümü.

No Wrap seçeneğinin seçili olmadığı tablo hücresinin görünümü

 

"Header" seçenek kutusu işaretlendiğinde o hücre başlık hücresi olarak kabul edilir ve içerisindeki metin kalın harflerle yazılır.

Bg(Üst) bölümündeki metin kutusuna hücre için kullanmak istediğimiz artalan resminin adresini yazarız ya da Point to File aracı ile seçer ya da onun yanındaki dizin simgesine tıklayarak açılan pencereden resmimizi seçeriz.

Bg(Alt), Color Picker düğmesine tıklayarak açılan menüden bir artalan rengi seçebiliriz ya da hemen yanındaki metin kutusuna rengin onaltılı kodunu yazabiliriz.

Brdr, Color Picker düğmesine tıklayarak renk paletinden hücre kenar çizgileri için bir renk seçebiliriz ya da hemen yanındaki metin kutusuna rengin onaltılı kodunu yazabiliriz.

Aşağıda 2 hücreli bir tablo ve bu tablonun 2 hücresine ait Properties penceresi vardır.
İlk Properties penceresi sol hücreye ikincisi ise sağ hücreye aittir.

Biçimlendirilmiş hücreler <img src=" hspace="0" src="http://www.webdersleri.com/web-internet/dreamweaver/tasarim/images/TabloOzel2_4.gif" width="287" border="0" />

Soldaki hücrenin özellikleri

Sağdaki hücrenin özellikleri


Bu bölümün en başında hemen Cell etiketinin altında iki düğme vardır. Bunlar ilki Merge, ikincisi ise Split düğmesidir.

Merge ve Split düğmeleri

Merge iki ya da daha fazla seçilmiş hücreyi birleştirmek için kullanılır.

Split ise bir hücreyi birden çok hücreye bölmek için kullanılır.

Şimdi bir örnek yapalım.
Sayfamıza 2 satırlı, 2 sütunlu bir hücre ekleyelim. Kenar kalınlığı, rengi, artalanı belirledikten sonra sol üstteki hücreyi tıklayıp sol tuş basılıyken oku sağa doğru sürükleyin ve sağdaki hücreyle tıkladığınız hücreyi seçili hale getirin. Seçilen hücrelerin kenar çizgi renkleri değişecektir.

Üst iki hücresi seçilmiş tablonun görünümü

Sonra fareniz ile sayfa üzerinde herhangi bir yere tıklamadan gidip Merge düğmesini tıklayın. Evet artık iki hücremiz tek hücre haline gelmiş oldu

Sonra alt soldaki hücreniz içerisine bir kez tıklayın ve daha sonra Split düğmesine tıklayın. Split düğmesine tıkladığımızda Split Cell iletişim kutusu açılır.

Split Cell iletişim kutusu

Bu kutudaki "Split Cell Into" seçenek kutularından Rows'u seçersek hücremiz satırlara, Columns'u seçersek hücremiz sütunlara bölünür.

Hücremizin kaç satır ya da kaç sütuna bölüneceğini de altta yer alan Number of bölümünde belirtiriz.

Ben hücremi 2 satıra bölmeyi seçtim ve görüntüsü aşağıdaki gibi oldu.

Sol alt hücresi iki satıra bölünmüş tablonun görünümü

Böylece hücrelere ait özellikleri bitirmiş oluyoruz

 
  Bugün 18 ziyaretçi (21 klik) kişi burdaydı!  
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol