Hampir seminggu gak posting.. Kangen juga jari ini menari-nari di atas tombol-tombol keyboard.. Hehe bahasanya.. Ohya sobat blogger.. Pasti tak asing dengan tema kita yakni Tips Membuat Tabel Zebra, ya kan??? Atau masih asing?? owww.. tenang-tenang, jangan panik.. Kali ini saya akan mencoba memberikan tipsnya.. Insya Alloh gak terlalu rumit, tang terpenting adalah kemauan dan niat yang menggebu.. heheh.. Pepatah bilang "dimana ada jalan disana ada kemauan", Opss salah!!! "Dimana ada kemauan disitu ada jalan", Ntu yang bener ya.. :)
Ok deh.. udahan ceramahnya.. kita langsung aja ya.. Tapi sebelum lanjut jangan lupa siapin secangkir kopi manis plus rokok sebatang bagi yang ngerokok biar lebih nyantai.. Ok..
Sebenarnya membuat tabel zebra gak sulit ko.. Yang penting sobat-sobat ada pengetahuan dasar tentang HTML atau XHTML dan pengetahuan tentang CSS. Lo belum memahami silahkan baca posting saya tentang Pemrograman XHTML dan CSS, Jangan lupa komentar ya.. hehe
Sebelum membuat tabel zebra ini, sediakan dulu bahan-bahannya ya.. Berikut ini bahan-bahannya :
- Teks editor : bisa notepad, notepad++ atau pake Dreamweaver juga boleh
- Server localhost, cos nantinya kita akan mengelola file php jadi perlu server lokal. Sobat-sobat bisa menggunakan Apache atau XAMPP. Silahkan download dulu ya..
Jika udah siap semua, sekarang buka teks editor kesayangan Anda : Ketikkan script php dibawah ini ya.. hehehe
Buat sebuah folder di direktori htdocs yang menggunakan XAMPP atau di direktori WWW bagi yang menggunakan server lokal Apache. Nama foldernya terserah sesuai selera. Misalnya kita buat direktori www.coba.com, seperti tampilan dibawah ini :
Nah selanjutnya ini yang penting nih.. Untuk membuat tabel bisa seperti belang-belang zebra, kita masih butuh yang namanya style dalam hal ini Casecading Style Sheet atau biasa disapa CSS. CSS inilah yang digunakan untuk membuat tabel berubah menjadi tabel zebra. Ok ni dia script CSSnya.
Buat sebuah folder dalam direktori www.coba.com dengan nama css. Kemudian simpan script di atas kedalam folder css dengan nama style.css. Lihat tampilan dibawah ini :
Perhatikan potongan script dibawah ini :
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
Potongan script diatas digunakan untuk memanggil style.css. Tanpa script diatas, maka style css tidak bisa diload karena kita menggunakan eksternal css. Setelah selesai, buka browser Anda (mozila firefox) dan ketikkan URL http://www.localhost/www.coba.com
Jika hasilnya seperti tampilan dibawah ini, berarti Anda telah berhasil membuat tabel zebra.
Demikian sedikit pengetahuan tentang cara membuat sebuah tabel zebra. Semoga bermanfaat bagi sobat-sobat semua.. Jangan lupa kritik dan sarannya ya.. hehe :-P .. Thanks
terima kasih ilmunya,,
BalasHapus