Tutorial: Membuat Tableless Layout Dengan CSS

kalo pingin banyak posting kenapa cuman 2 replay ..kenapa nggak 3-4 sekalian.
kejar setoran nih.?

 

huhauauahaua barusan pas baca mau koment begitu, lha kok dibawah sudah ditulis sama pogung. lagian bannernya itu loh bikin sumpek (mulai lagi deh)

 

Maklum aja Ray, masih culu2n anak SMA, nggak tahu kalo kita habis ribut masalah banner signature.

 

pada ribut2 banner napa sih

toh kamu juga pernah kayak dia...
boong kalo gak pernah

apakah itu SANGAT menganggu orang dengan revenue GEDE kaya kamu ?

 

ribut meneh euy..... wis "SING WARAS NGALAH" kckckck..... peace...peach

 

emang kok aku sendiri juga pernah pasang gambar di signature, makanya sekarang sudah tak ilangin, ya toleransi lah sama yg koneksinya kecil, apalagi yg pake pulsa.. kesian

*peacse bukan bermaksut ribut kok*

 

Untuk forum memang susah kl corenya di buat tableless, karena forum sama aja ky web untuk menampilkan report yg memang mau ga mau harus pake table.

 

Kalau ada yang gampang kenapa cari susah....

http://www.stylegala.com/resources/css_layout.htm

 

ini pada ribut masalah cms dan css padahal cms pun pake css wakakakakka

 

ahaha, ga ribut kok... cuma mendiskusikan kenapa harus make CSS less table

 

untuk layout sebaiknya memang ga menggunakan table, memperingan load dan sesuai webstandard. tabel sebaiknya digunakan untuk merepresentasikan data tabular, bukan untuk layout.
cms memang enak, aku juga pake cms, tapi kaloingin terlihat profesional ya sebaiknya mendesain/redesign theme/template/skinnya sendiri meskipun pake cms, om cosa juga berbuat hal yang samatuhdi situsnya. dulu dia pake theme orang lain, sekarang dia pake punyanya sendiri.
css bisa memperingan pageload karena setelah halaman pertama kali diload, selanjutnya website hanya melakukan update halaman saja. karena cssnya dan halaman statis lain sudah tersimpan di cookie computer.
css juga menghemat ukuran file.
udah ahhh banyak teori gw

 

Dari mana ini datanya jangan buat ngawur nih, malah sebaliknya cms masih banyak yang make tabel atau setidaknya kmbinasi.
Tahu artinya cms nggak jangan nggak tahu boro2x jenis cms scriptnya.

 

Tableless ? bukannya div tag juga untuk tabulasi per section ?
Gak pentinglah, sama2 masih berlaku ini. Belum ada juga fatwa google mengatakan saya lebih suka 'div' insteadof 'table'.
Hanya untuk menghemat baris script, my opinion.

FYI, baca disini :
http://www.w3schools.com/tags/tag_table.asp
http://www.w3schools.com/tags/tag_div.asp

 

tuh coder2nya udah ngasih linknya....

 

Cara mempercantik halaman HTML dengan CSS. Banyak kumpulan situs untuk itu, tapi karena CSS sekarang sudah amat sangat populer, susah memilah mana yang baik dan mana yang terlalu advanced buat pemula.

Tipe seperti apakah anda? yang suka langsung praktek atau tipe yang suka belajar satu-satu, karena itu saya lampirkan buat keduanya di sini:
---

Yang suka langsung praktek dengan tampilan desain keren:
1. http://www.subcide.com/tutorials/csslayout/index.aspx
2. http://veerle.duoh.com/blog/comments/designing_a_css_based_template_ part_i/
3. http://www.maxdesig n.com.au/presentation/process/

Untuk referensi, jikalau ada tag HTML ataupun properti CSS yang tidak dimengerti:
1. Tag HTML: http://www.htmldog.com/reference/htmltags/
2. Properti CSS: http://www.htmldog.com/reference/cssproperties/

---

Yang suka belajar satu-satu:
1. Belajar HTML dan CSS dulu http://www.htmldog.com/guides/
2. Belajarlah cara bikin layout sederhana http://www.maxdesign.com.au/presentation/page_layouts/
3. Belajar yang lebih sulit
http://www.subcide.com/tutorials/csslayout/index.aspx
http://veerle.duoh.com/blog/comments/designing_a_css_based_template_ part_i/
http://www.maxdesign.com.au/presentation/process/
---

Buat kedua tipe tadi, jangan lupa:
1. Luruskan konsep Anda soal penggunaan tag HTML yang benar http://www.simplebits.com/bits/simplequiz/
2. Luruskan konsep Anda soal penggunaan div yang benar http://juicystudio.com/article/div-mania.php
3. Luruskan konsep Anda soal mana bagian dari layout yang harus muncul duluan http://www.contentblog.net/content-first-or-sidebar/
4. Sering-sering lihat situs-situs yang memuat CSS based design (CSS Mania, Beauty, Vault, dsb), untuk melihat tren desain visual yang sedang "happening".
5. Join community untuk tanya-tanya seputar CSS (ada forum, milis, dll)
6. Selalu tes layout Anda di browser/perambah yang modern (IE7 lumayan modern, tapi IE6 ke bawah tidak), seperti Firefox dan Opera.

Pemanfaatan CSS tidak selamanya sesuai harapan, ada saja yang bikin kita garuk kepala, silahkan baca link-link berikut apabila Anda ada kesulitan, sebelum bertanya ke community CSS.

1. Help! My CSS isn't working!
http://meyerweb.com/eric/articles/webrev/199904.html
2. Kalau ada masalah di IE, biasanya bisa dibaca di sini:
http://www.position iseverything.net/explorer.html
http://www.webcredi ble.co.uk/user-friendly-resources/css/internet-explorer. shtml
3. CSS Crib Sheet http://www.mezzoblue.com/css/cribsheet/
4. CSS Problem Solving http://www.mezzoblue.com/archives/2004/03/10/css_problems/

Tambahan:
Kalau mau print "box model"-nya CSS dan ditempel di meja atau papan, ada di sini: http://www.hicksdes ign.co.uk/3dboxmodel/


*diambil dari tulisan rekan (ephi) dari milis sebelah

 

jagonya web desain keluar tuh... :

mantap abiz tutorialnya...

 

set....referensinya segitu banyak....wah niat tenan je

 

emang sih posting yg bagus itu kayak gitu... :
rayofshadow = masternya desain sih...

Salut deh... 8)

kapan aku bisa posting selengkap itu ya...??? :-\
aku disini cuma komentator doank... ;D yg penting bukan spammer... ;D

 

Buat sebagian orang emang gak penting,
tapi bagi segelintir orang ini tuntutan profesi.

 

@doneeh betul sekali itu don...
@Radian .. aku belum master kok, cuman sebatas bisa dan berusaha agar bisa
@masery kan di bawah sudah ada keterangan, diambil dari tulisan temen, di tambah dan edit sedikit sedikit