• 09-12-2012, 13:30:46
    #1
    1) Ctrl+Alt+T yada Menüden Insert / Table seçeneğini kullanalım.


    2) 5 Sütun ve 5 Satırı olan toplam 25 hücresi bulunan tablonun "Table Width" değerine 400 yazarak tablomuzu oluşturalım.



    3) Her hücrenin içine örnek bir veri yazalım.
    <table width="400" height="251" border="1">
      <tr>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
      </tr>
      <tr>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
      </tr>
      <tr>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
      </tr>
      <tr>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
      </tr>
      <tr>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
        <td>R10.net</td>
      </tr>
    </table>
    4) Dreamweaver'ın Design ekranına gelerek Ctrl+A yardımıyla hepsini seç yaparak tablomuzu seçelim ve Modify / Convert / Tables to AP Divs... seçeneğini kullanalım.


    5) Code ekranına gelerek tablolarımızın div'e dönüştüğünü görebiliriz, eğer div'i tabloya dönüştürmek istersek, Design ekranına gelerek Ctrl+A yardımıyla hepsini seç yaparak tabloyu seçerek ve Modify / Convert / AP Divs to Table... seçeneğini kullanırız.


    Not: Fireworks programıyla tasarladığınız web sayfaları Table olarak Export edilmektedir, anlatılan bu yöntemle tasarımlarınızı div'e çevirebilirsiniz.


    Başarılar.
  • 09-12-2012, 20:04:41
    #2
    Bir zamanlar XHTML/CSS konularında yoğun biçimde çalışmıştım. "Uygulama" değil "teori" bağlamında ve yabancı kaynaklardan. Yüzeysel değil, derinlemesine...

    Table'ları div'e dönüştürmek veri dışındaki ögeleri istenilen şekle şemale sokmak için kullanılan table'lar için geçerli olmalıdır XHTML mantığında. Table'lar ise sadece veri sunumları için (Örneğin sütunlarda aylar, satırlarda her bir satış görevlisinin adı ile yaptıkları satış tutarları) kullanılmalıdır. Bu bağlamda kullanılmaya da XHTML'de devam edilmelidir.

    Verilerin bulunduğu table'ları div'e dönüştürmeye çalışmaksa XHTML mantığına tamamen aykırı, ezbere yapılmış yanlış bir işlem olur.