Blog Lubna Webhosting

Sy termasuk orang yang ketinggalan dalam mempelajari tableless design web, yah maklum akhir-akhir ini lagi banyak banget yang dikerjakan. Sampai suatu ketika sy chat dengan guru saya kemudian ngobrol-ngobrol tentang tableless design web ini yang pada akhirnya sy disebut ketinggalan:D OK, sy memang ketinggalan tapi tunggu saja satu dua hari lagi webnya Lubnaweb akan sy buat tableless layout hehe

Petikan chat-nya kira-kira begini :

me: mau tanya dikit nih
me: kenapa skr orang bikin web itu tableless
me: whats wrong with table?
my teacher: Lha ketinggalan zaman, itu sdh sejak 4-3 thn yg lalu
my teacher: Itu yg disebut webstandar, promornya zeldman.com
my teacher: Table itu utk data display bukan utk layout
my teacher: Jadi layout pakai DIV+ CSS
me: jadi untuk data masih pake table ya pa? nda bisa pake css untuk nampilin grid
my teacher: Bisa juga, tapi ndak efisien
my teacher: Webstandar itu mengembalikan setiap tag HTML kepada funsinya masing-masing
my teacher: nampilin data justru hrs pakai table
me: oh gitu
me: pengaruh ke mesin pencari gmn pa?
my teacher: Yg mana?
me: yg pake layout css sama yg pake table gmn?
my teacher: Tabless layout justru salah satu sasarannya supya situs lebih search engine friendly
my teacher: Pakai CSS content itu punya strukturnya struktur document (kalau ndak salah istilahnya benar secara semantik)
my teacher: Misalnya:
my teacher: <h1> utk judul, <h2> utk subjudul, body pakai <p>
my teacher: Antara content utama dg lainnya dipisah pakai <div>
my teacher: Utk tampilan klasik navigasi di kiri di kanan content (2 kolom) itu minimal butuh 2 div
my teacher: <div id=”kiri”>….</div><div id=”content”>….</div>
my teacher: Begitu….
me: wah web aku ketinggalan nih, blum tableless
my teacher: Tinggal kemudian mendefiniskan #kiri dan #content di CSS sedemikian rupa sehinggan menjadi 2 kolom berdampingan
my teacher: he…he,,
my teacher: Situs-situs web 2.0 banyak yg tableless
me: tableless bukan berarti ga ada tag table kan pa
me: kalo dia butuh untuk data berarti pake table
my teacher: Bukan…
me: jadinya nda tableless dunk
my teacher: Yg benar sih tableless layout
my teacher: Dari tableless layuout -> CSS layout
my teacher: Coba lihat facebook.com, kelihatannya 2 kolom, tapi tableless
me: yup
me: belajar layout tanpa table dimana pa
my teacher: alistapart.com
me: kalo pake css framework itu bisa juga ya pa
my teacher: Nah belum pernah tuh css framework
me: http://code.google.com/p/blueprintcss/
my teacher: Coba di sini http://www.glish.com/css/
me: ada contohnya yah
my teacher: Menurut saya ndak perlu kalau sampai menggunakan framework karena penggunaan CSS sangat spesifik
my teacher: Yang agak rumit di css memang utk layout multicolumn
me: yup
my teacher: Tapi banyak standar yg tinggal copy paste
my teacher: Selebihnya kan sangat spesifik, misalnya ukuran font, warna, dsb
me: dimana bisa copy paste pa? selain yg tadi
my teacher: http://bluerobot.com/web/layouts/

Ayo, siapa lagi nih yang ketinggalan:D