Kali ini saya akan menerangkan materi tentang pembuatan tabel dengan script HTML. Pengertian tabel menurut pendapat saya tabel adalah berisi dari beberapa field dan record. jika masih ada yang belum mengerti field dan record, nanti saya akan mencontohkan seperti apa field dan record. Saya akan membuat file baru, tetapi saya akan menggunakan aplikasi Dreamweaver CS3. sebenarnya lebih mudah pakai Dreamweaver CS6, karena setiap ada kata yang salah pasti ada petunjuk dimana letak dimana yang salah itu adalah kelebihan Dreamweaver CS6, tetapi saya lebih suka Dreamweaver CS3 karena kebalikan dari Dreamweaver CS6 jika ada yang salah " besar kecil huruf " dan "spasi" tidak diberi tahu dimana yang salah, jadi itu membuat kita teliti di setiap mengerjakan script HTML. besar kecil huruf tanda titik koma spasi sangat berpengaruh pada script HTML. jika Anda belum memiliki aplikasi Dreamweaver CS3 silahkan Klik Donwload...
Anda yang belum memiliki aplikasinya silahkan download ada diskon 100%. Anda tidak perlu menginstal saya menyesuaikan jika ada yang online di warnet kan pasti mengeluh lama nginstal jadi itu hanya portablenya jadi langsung bisa digunakan tanpa perlu menginstalnya. Mudah kan? haha. Jika sudah download mari mulai jika masih terkendala dengan cara menggunakan portable silahkan bertanya.
Saatnya mulai pembuatan tabelnya, saya mulai dari cara menggunakan aplikasi portable Dreamweavernya. langkah-langkah memulai :
Saya sudah memberi instruksi cara membuka aplikasi Dreamweavernya didalam file yang sudah Anda download. Tampilan awal Dreamweaver CS3 lihat gambar.
klik gambar untuk zoom
Jika sudah muncul gambar tersebut langsung klik kata HTML. Lalu akan muncul halaman seperti ini.
klik gambar untuk zoom
Sekarang kita mulai membuat tabel dengan script HTML klik kata "code" seperti petunjuk gambar diatas. Pasti tidak ada reaksi, kan kita sudah di code. haha lihat gambar dibawah ini :
klik gambar untuk zoom
Script dari agmbar diatas masih sangat dasar, untuk hasilnya silahkan Anda coba dan lihat seperti apa hasil dari Script diatas. Sekarang saya akan mencoba yang lebih banyak dan agak rumit, lihat gambar tabel di bawah ini :
klik gambar untuk zoom
Dan untuk scriptnya berikut lihat gambar:
klik gambar untuk zoom
Penjelasan script "width" dan "height" sudah saya sampaikan pada artikel sebelumnya, lalu "border" itu berfungsi untuk ketebalan garis pada tabel, pasti pada tabel ada garis nah border ini berguna untuk mengatur ketebalan garis itu. Lalu script "align" itu berfungsi mengatur letak contoh umum center (tengah), justify (rata kanan-kiri), left (kiri), right (kanan). Lalu script "colspan" itu berfungsi untuk mengatur kolom contoh ada 4 kolom dalam tabel tersebut lalu kita ingin 3 kolom tersebut menjadi satu jadi scriptnya colspan="3" itu bermaksut 3 kolom di jadikan 1, selain colspan masih ada yaitu "rowspan" script ini berfungsi sama tetapi bukan kolom melainkan baris, jika pada MS.Word ini berarti Merge cells jika sering menggunakan MS.Word pasti tahu.
Materi selanjutnya akan saya bahas dalam artikel yang lain tentang OL(Ordered List) dan UL(Unordered List). Mohon Komentar dan Pertanyaannya untuk jalannya blog saya ini.
0 komentar:
Posting Komentar