Tablolara sahip içerik sunma

Tablolar, HTML sayfasında tablo halinde veri sunmak ve metin ve grafik mizanpajı yapmak için güçlü bir araçtır. Tablo, her biri bir ya da daha fazla hücre içeren bir ya da daha fazla satırdan oluşur. HTML kodunda sütunlar açıkça belirtilmese de, Dreamweaver satırların ve hücrelerin yanı sıra sütunlarda da değişiklik yapmanızı sağlar.

Dreamweaver, tablo seçildiğinde veya ekleme noktası tablonun içindeyken tablo genişliğini ve her tablo sütununun genişliğini görüntüler. Genişlik değerlerinin yanında tablo başlığı ve sütun başlığı menülerinin okları vardır. Tablolarla ilgili sık kullanılan komutlara hızla erişmek için menüleri kullanın. Genişlikleri ve menüleri etkinleştirebilir ve devre dışı bırakabilirsiniz.

Tablo ya da sütunun genişliğini görmüyorsanız, HTML kodunda tablo ya da sütun için belirtilmiş bir genişlik yoktur. İki sayı varsa, Tasarım görünümünde göründüğü şekilde görsel genişlik HTML kodunda belirtilen genişlikle uyuşmamaktadır. Bu durum, sağ alt köşesini sürükleyerek tabloyu yeniden boyutlandırdığınızda veya hücreye ayarlanmış genişliğinden daha geniş içerik eklediğinizde ortaya çıkabilir.

Örneğin bir sütunun genişliğini 200 piksel olarak ayarlarsanız ve sonra buna genişliği 250 piksele çıkaran içerik eklerseniz o sütun için iki sayı görünür: 200 (kodda belirtilen genişlik) ve parantez içinde (250) (sütunun ekranınızda gösterilen görsel genişliği).

Tabloları Tasarım görünümünde formatlarken tüm tabloya ya da tabloda seçilen satırlara, sütunlara veya hücreler ilişkin özellikleri ayarlayabilirsiniz. Arka plan rengi ya da hizalama gibi bir özellik değeri tüm tablo için ayarlandığında ve ayrı ayrı hücreler için başka bir değer ayarlandığında, hücre formatı satır formatına göre öncelik kazanır, böylece tablo formatına göre de öncelik kazanmış olur.

Tablo formatlamada öncelik sırası aşağıdaki gibidir:

1. Hücreler
2. Satırlar
3. Tablo

Örneğin tek bir hücre için arka plan rengini mavi olarak ayarlarsanız, ardından da tüm tablonun arka plan rengini sarı olarak belirlerseniz, hücre formatı tablo formatına göre daha öncelikli olduğundan mavi hücre sarıya dönüşmez.

Tablo hücrelerini bölme ve birleştirme hakkında

Birkaç sütuna ya da satıra yayılmış tek bir hücre oluşturmak için, seçimin tümü hücrelerden oluşan bir satır ya da dikdörtgen olmak koşuluyla, istediğiniz sayıda bitişik hücreyi birleştirebilirsiniz. Daha önce birleştirilmiş olsun ya da olmasın, bir hücreyi istediğiniz sayıda satıra veya sütuna bölebilirsiniz. Dreamweaver belirtilen düzenlemeyi oluşturmak için tabloyu otomatik olarak yeniden yapılandırır (gereken colspan ya da rowspan niteliklerini ekleyerek).

Aşağıdaki örnekte ilk iki satırın ortasındaki hücreler, iki satıra yayılan tek bir hücre halinde birleştirilmiştir.

Tablo ve içerik ekleme

Yeni bir tablo oluşturmak için Ekle panelini ya da Ekle menüsünü kullanın. Sonra, tablo dışına metin ve görüntü eklediğiniz şekilde, tablo hücrelerine metin ve görüntü ekleyin.

Tabloları içe ve dışa aktarma

Başka bir uygulamada oluşturulmuş (örneğin Microsoft Excel) ve ayrılmış metin formatıyla kaydedilen (öğeler sekme, virgül, iki nokta üst üste veya noktalı virgülle ayrılmış) tablo verilerini Dreamweaver uygulamasına içe aktarabilir ve bunları bir tablo olarak formatlayabilirsiniz.

Ayrıca bitişik hücrelerin içerikleri bir sınırlayıcıyla ayrılmış olarak tablo verilerini, Dreamweaver uygulamasından bir metin dosyasına dışa aktarabilirsiniz. Sınırlayıcı olarak virgül, iki nokta üst üste, noktalı virgül veya boşluk kullanabilirsiniz. Bir tabloyu dışa aktardığınızda tüm tablo dışarı aktarılır, dışa aktarmak için tablodan bölümler seçemezsiniz.

Tablo verilerini içe aktarma

Tabloyu dışa aktarma

Tablo öğelerini seçme

Bir defada bir tablonun, satırın veya sütunun tamamını seçebilirsiniz. Ayrıca, tek tek bir ya da daha çok hücreyi seçebilirsiniz.

İşaretçinizi bir tablonun, satırın, sütunun veya hücrenin üzerine getirdiğinizde, Dreamweaver o seçimdeki tüm hücreleri vurgulayarak hangi hücrelerin seçileceğini görmenizi sağlar. Kenarlıksız tablolarınız, birden çok sütuna ya da satıra yayılmış hücreleriniz ya da yuvalanmış tablolarınız varsa bu işlem kullanışlıdır. Tercihlerde vurgu rengini değiştirebilirsiniz.

Tüm tabloyu seçme

Tabloyu seçmek için aşağıdakilerden birini yapın:

• Tablo seçmek için tablonun sol üst köşesindeki sekmeyi tıklatın.
• Bir tablo hücresini tıklatın, ardından Belge penceresinin sol alt köşesindeki etiket seçicide etiketi seçin.
• Bir tablo hücresinde tıklatın, tablo başlığı menüsünü tıklatın, sonra Tablo Seç'i seçin. Seçili tablonun alt ve sağ kenarlarında seçim tutamaçları görünür.
• Bir tablo hücresini tıklatın ve Düzen > Tablo > Tablo Seç'i seçin.

Tek tek ya da birden çok satır ya da sütun seçme

Tek bir sütun seçme

Tek bir hücre seçme

Hücrelerden oluşan bir satır ya da dikdörtgen seçme

• Bir hücreden diğerine sürükleyin.

• Bir hücrenin içini tıklatın, hücreyi seçmek için aynı hücrenin içinde Ctrl tuşu (Windows) ya da Command tuşu (Macintosh) basılıyken tıklatın, daha sonra Shift tuşu basılıyken başka bir hücreyi tıklatın.

Bitişik olmayan hücreleri seçme

Ctrl (Windows) ya da Command (Macintosh) tuşu basılıyken tıklattığınız her hücre, satır ya da sütun seçili değilse seçime eklenir. Seçiliyse seçimden kaldırılır.

Tablo öğelerinin vurgu rengini değiştirme

Tablo özelliklerini ayarlama

Tabloları düzenlemek için Özellik denetçisini kullanabilirsiniz.

Hücre, satır ya da sütun özelliklerini ayarlama

Tablodaki hücreleri ve satırları düzenlemek için Özellik denetçisini kullanabilirsiniz.

Tabloları ve hücreleri formatlama

Tablonun ve hücrelerinin özelliklerini ayarlayarak ya da tabloya hazır tasarım uygulayarak tabloların görünümünü değiştirebilirsiniz. Tablo ve hücre özelliklerini ayarlamadan önce formatlama önceliği sırasının hücreler, satırlar ve tablolar şeklinde olduğuna dikkat edin.

Tablo, satır, hücre ya da sütunun formatını değiştirme

Kod görünümünde tablo için erişilebilirlik değerleri ekleme ya da düzenleme

Tasarım görünümünde tablo için erişilebilirlik değerleri ekleme ya da düzenleme

• Tablo resim yazısını düzenlemek için yazıyı vurgulayın ve yeni bir resim yazısı yazın.

  • Resim yazısı hizalamasını düzenlemek için ekleme noktasını tablo resim yazısının içine yerleştirin, sağ tıklatın (Windows) ya da Control tuşu basılıyken tıklatın (Macintosh) ve Etiket Kodunu Düzenle'yi seçin.

  • Tablo özetini düzenlemek için tabloyu seçin, sağ tıklatın (Windows) ya da Control tuşu basılıyken tıklatın (Macintosh) ve Etiket Kodunu Düzenle'yi seçin.

Tabloları, sütunları ve satırları yeniden boyutlandırma

Tabloları yeniden boyutlandırma

Bir tablonun tamamını ya da ayrı ayrı satırları ve sütunları seçebilirsiniz. Tablonun tamamını yeniden boyutlandırdığınızda, tablodaki tüm hücreler oranlı şekilde boyut değiştirir. Tablonun hücreleri için genişlik ve yükseklik belirlenmişse, tabloyu yeniden boyutlandırmak hücrelerin Belge penceresindeki görsel boyutunu değiştirir ancak hücrelerin belirlenen genişliklerini ve yüksekliklerini değiştirmez.

Seçim tutamaçlarından birini sürükleyerek bir tabloyu yeniden boyutlandırabilirsiniz. Dreamweaver, tablo seçildiğinde veya ekleme noktası tablonun içindeyken, tablonun üstünde veya altında bir tablo başlığı menüsüyle birlikte tablo genişliğini görüntüler.

Bazen HTML kodunda ayarlanan sütun genişlikleri ekrandaki görüntülerine uymaz. Böyle bir durumda genişlikleri tutarlı hale getirebilirsiniz. Tablolarınızın mizanpajını yapmanıza yardımcı olmak için Dreamweaver uygulamasında tablo ve sütun genişlikleri ve başlık menüleri görünür; genişlikleri ve menüleri gerektiği şekilde etkinleştirebilir ya da devre dışı bırakabilirsiniz.

Sütunları ve satırları yeniden boyutlandırma

Sütunun ya da satırın kenarlıklarını sürükleyerek sütunun genişliğini ya da satırın yüksekliğini Özellik denetçisinde değiştirebilirsiniz. Yeniden boyutlandırmayla ilgili sorun yaşıyorsanız, sütun genişliklerini ya da satır yüksekliklerini temizleyebilir ve baştan başlayabilirsiniz.

Tablo seçildiğinde veya ekleme noktası tablonun içindeyken Dreamweaver uygulaması sütunların üstünde veya altında sütun başlığı menüleriyle birlikte sütun genişliklerini görüntüler; sütun başlığı menülerini gerektiği şekilde etkinleştirebilir ya da devre dışı bırakabilirsiniz.

Tabloyu yeniden boyutlandırma

Tabloyu seçin. Canlı görünümdeyseniz, tabloyu seçtiğinizde Öğe Görüntüleme görünür. Tablo formatlama moduna geçmek için sandviç simgesini tıklatın.

• Tabloyu yatay olarak yeniden boyutlandırmak için sağdaki seçim tutamacını sürükleyin.

• Tabloyu dikey olarak yeniden boyutlandırmak için alttaki seçim tutamacını sürükleyin.

• Tabloyu her iki boyutta da yeniden boyutlandırmak için sağ alt köşedeki seçim tutamacını sürükleyin.

Canlı görünümde tablo formatlama modundan çıkmak için Esc tuşuna basın veya tablonun dışını tıklatın. Tabloda başka değişiklikler yapmak için Düzen > Tablo menü seçeneklerini kullanabilirsiniz.

Not: Düzen > Tablo menüsündeki seçenekler, tablonun tamamını veya tek bir hücreyi seçmiş olmanıza bağlı olarak değişir. Canlı görünümde, belirli bir hücre seçildiğinde Öğe Görüntüleme “table” ve belirli bir hücre seçildiğinde “td” etiketini gösterir. Hücre formatlama modundan tablo formatlama moduna geçmek için tablo kenarlığını tıklatın.

Sütunun genişliğini değiştirme ve toplam tablo genişliğini koruma

Bir sütunun genişliğini değiştirme ve diğer sütunların boyutunu koruma

Bir satırın yüksekliğini görsel olarak değiştirme

Koddaki sütun genişliklerini görsel genişliklerle tutarlı hale getirme

Tabloda ayarlanmış tüm genişlikleri ve yükseklikleri temizleme

Sütunun ayarlanmış genişliğini temizleme

Sütun genişliklerini ve menüleri etkinleştirme ya da devre dışı bırakma (Tasarım Görünümünde)

Görünüm > Tasarım Görünümü Seçenekleri > Görsel Yardımcılar > Tablo Genişlikleri'ni seçin.

Satırları ve sütunları ekleme ve kaldırma

Satırları ve sütunları eklemek için Değiştir > Tablo seçeneğini ya da sütun başlığı menüsünü kullanın.

Tek bir satır ya da sütun ekleme

• Düzen > Tablo > Satır Ekle veya Düzen > Tablo > Sütun Ekle'yi seçin.

  Ekleme noktasının üstünde bir satır görünür ya da ekleme noktasının solunda bir sütun görünür.

• Sütun başlığı menüsünü tıklatın ve Sola Sütun Ekle ya da Sağa Sütun Ekle'yi seçin.

   

Birden çok satır ya da sütun ekleme

Satır ya da sütun silme

• Silmek istediğiniz satır ya da sütundaki bir hücrenin içini tıklatın, sonra Düzen > Tablo > Satırı Sil veya Düzen > Tablo > Sütunu Sil'i seçin.

• Satırın veya sütunun tamamını seçin ve Sil'e basın.

• Özellik denetçisinde (Pencere > Özellikler) aşağıdakilerden birini yapın:
  • Satır eklemek ya da silmek için Satırlar değerini artırın ya da azaltın.
  • Sütun eklemek ya da silmek için Sütunlar değerini artırın ya da azaltın.
    

Hücreleri bölme ve birleştirme

Hücreleri bölmek veya birleştirmek için Özellik denetçisini ya da Düzen > Tablo alt menüsündeki seçenekleri kullanın.

Tablodaki iki ya da daha çok hücreyi birleştirme

Hücreyi bölme

Hücrenin yayıldığı satır ya da sütun sayısını artırma ya da azaltma

• Düzen > Tablo > Satır Yayılmasını Artır veya Düzen > Tablo > Sütun Yayılmasını Artır'ı seçin.

• Düzen > Tablo > Satır Yayılmasını Azalt veya Düzen > Tablo > Sütun Yayılmasını Azalt'ı seçin.

Hücreleri kopyalama, yapıştırma ve silme

Tek bir tablo hücresini ya da birden çok tablo hücresini, hücrelerin formatını koruyarak bir defada kopyalayabilir, yapıştırabilir veya silebilirsiniz.

Hücreleri ekleme noktasına ya da varolan bir tablodaki seçimin yerine yapıştırabilirsiniz. Birden fazla hücre yapıştırmak için, Pano'nun içeriği hücrelerin yapıştırılacağı tablonun ya da tablodaki seçimin yapısıyla uyumlu olmalıdır.

Tablo hücrelerini kesme ya da kopyalama

Tablo hücrelerini yapıştırma

Hücre içeriğini kaldırma ancak hücreyi olduğu gibi bırakma

Birleştirilmiş hücreler içeren satırları ya da sütunları silme

Tabloları yuvalama

Yuvalanmış bir tablo, başka bir tabloya ait bir hücrenin içindeki tablodur. Yuvalanmış bir tabloyu başka herhangi bir tabloyu formatladığınız gibi formatlayabilirsiniz, ancak genişliği, içinde göründüğü hücrenin genişliğiyle sınırlıdır.

Tabloları sıralama

Bir tablonun satırlarını, tek bir sütunun içeriğini temel alarak sıralayabilirsiniz. Ayrıca iki tablonun içeriğini temel alan daha karmaşık bir tablo sıralaması da yapabilirsiniz.

Diğer yandan, colspan ya da rowspan niteliklerini içeren, diğer bir deyişle birleştirilmiş hücreler içeren tabloları sıralayamazsınız.