Serap Şen

Bilişim hakkında herşey…

Dreamweaver ve Tablolar

Tablolar oluşturmak
Öncelikle DW içerisinde yeni bir tablo nasıl yaratılıyor onu görelim.

Sayfanıza yeni bir tablo eklemek için:
Insert / Table (CTRL+ALT+T) menüsünü kullanabilir ya da “Insert” (Eski adı ile Object Panel) panelindeki Common ve Layout başlıkları altında yer alan “Table” düğmesine tıklayabilirsiniz.

Bu aşamadan sonra karşımıza bir iletişim penceresi gelecek ve eklemek istediğimiz tablo ile ilgili özellikleri bizden girmemizi isteyecektir.

*Rows: (Satırlar) Tablomuzun satır sayısı.

*Columns: (Kolonlar) Tablomuzun kolon sayısı.

*Table Width: (Genişlik) Tablomuzun genişliği. Burada birim olarak iki seçeneğimiz mevcut. İlki kurulum ile standart olarak işaretli olarak gelen “Percent” (yüzde) diğeri ise “Pixels” (piksel). Percent adından da anlaşılacağı üzere tablonun sayfamızın % olarak ne kadarını kaplayacağını belirtiyor. Bunu seçerseniz kullanıcın çözünürlüğü her ne olursa olsun tablo sayfanın, sizin belirlediğin yüzde kısmını kaplayacaktır. (%100 tüm sayfayı kaplar) Pixels ise sayfamızın piksel cinsinden sabit genişliğini belirler. Ve çözünürlüğe göre değişmez. (Yüzde olarak girilen genişliklerde dikkat edilmesi gerek nokta eğer bu tablo başka bir tablonun içerisinde ise dıştaki tablonun genişliğinin yüzdesi üzerinden boyutlandırılacağıdır.)

*Border: (Çerçeve) Tablomuzu ve hücrelerimizi çevreleyen çerçevenin piksel cinsinden kalınlığını belirtir. 0 (Sıfır) Olarak kullanılması halinde çerçeve kalkar.

*Cell Padding: Bu hücre içindeki materyalin duvarlarına olan uzaklığı olarak yorumlanabilir. Piksel olarak işlenir. 0 girildiği takdirde resim, yazı gibi içerik hücre duvarlarına bitişik bir durumda görünür.

*Cell Spacing: Piksel cinsinden hücreler arası boşluğu ifade eder.

*Header: Tablomuzun ilk satırını yada ilk sütununu yada hem satır ve sütununu başlık olarak ayarlayarak, içeriğimizin daha kolay anlaşılır bir hal almasını sağlayabiliriz.

*Caption: Tablomuzun başlığı diyebiliriz. Örneğin üyelerin isimlerinin listelendiği bir tabloya başlık olarak üyeler yazabiliriz.

*Align Caption: başlığın ne tarafa hizalanacağını belirtir.

*Summary: tablonun içeriğine dair bir özet. Sadece kod görünümünde görülebilir ziyaretçiler için bir anlam taşımaz.

Temel ayarları bu şekilde yaptıktan sonra OK’e tıklayarak tablonuzu sayfaya ekleyebilirsiniz.

Tabloları biçimlendirmek

Tablomuzu sayfamıza eklediğimize göre şimdide Properties (Eski adı ile Properties Inspector) panelinden tablomuza ilişkin ayrıntılı ayarları nasıl yapacağımıza bir göz atalım.

*Table Id: Tablomuzun HTML içindeki adı.

*Rows: Satır sayısı.

*Cols: Kolon sayısı

*H: Tablonun yüksekliği

*W:
Tablonun genişliği.

*CellSpace: Hücreler arası genişlik.

*CellPad: Hücre içeriğinin hücre duvarlarına olan mesafesi.

*Align: Tablonun hizalama durumu.

*Border: Çerçeve kalınlığı.

*Clear Column Widths: Kolonları genişlik değerlerini temizle.

*Convert Table Widths to Pixel: Tablonun genişliklerini piksele çevir.

*Convert Table Widths to Percent: Tablonun genişliklerini yüzdeye çevir.

*Clear Rows Heights: Satırların yükseklik değerlerini temizle.

*Convert Table Heights to Pixel: Tablonun yüksekliklerini piksele çevir.

*Convert Table Heights to Percent: Tablonun yüksekliklerini yüzdeye çevir.

*Bg color: Tablonun arka fon rengi.

*Bg Image: Tablonun arka fon resmi.

*Brdr Color: Tablonun çerçeve rengi.

*Class: Tabloya uygulanacak CSS stili.

Ayrıca Tablonuz ile ilgili ayarların bir kısmını da Modify menüsünden gerçekleştirebilmeniz mümkün. Bunlardan:

-Tablonuza satır eklemek için: Modify / Table / Insert Row

-Tablonuza kolon eklemek için: Modify / Table / Insert Column

-Satır silmek için: Modify / Table / Delete Row

-Kolon silmek için: Modify / Table / Delete Column

-Seçili hücreden sonraki satırı birleştirmek için: Modify / Table / Increase Row Span

-Seçili hücreden sonraki kolonları birleştirmek için: Modify / Table / Increase Column Span

-Önceden birleştirilmiş satırları tekrar geri ayırmak için: Modify / Table / Decrease Row Span

-Önceden birleştirilmiş kolonları tekrar geri ayırmak için: Modify / Table / Decrease Column Span

Tags: ,

2 Responses to “Dreamweaver ve Tablolar”


Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow Me

Microsoft Imagine Cup 2012 Repharm Project

Makalelerimi takip edebilirsiniz…

Arşivlerim

Readmee E-dergimiz

Anketler

Web Sitemi Beğendin mi?

  • Kötü (24%, 35 Votes)
  • Fena değil (8%, 12 Votes)
  • İdare eder (10%, 15 Votes)
  • İyi (18%, 27 Votes)
  • Çok iyi (40%, 57 Votes)

Total Voters: 146

Loading ... Loading ...

Kaç Kişi Online?