Dreamweaver Tutorial - Mempercantik Tabel Dengan Efek Mouse Over

Hallo semua, kali ini Dreamweaver Tutorial akan share mengenai cara Mempercantik Tabel Dengan Efek Mouse Over  sehingga terlihat lebih menarik. Langsung saja buat sebuah halaman baru kemudian simpan dan selanjutnya buat sebuah recordset seperti tutorial sebelumnya dan letakkan recordset hasil query tersebut dengan menu Dynamic Table sehingga tampilannya seperti gambar dibawah

Selanjutnya klik tabel propertiesnya, isi Border dengan nilai 1, CellSpace dengan nilai 0 dan Cellpad dengan nilai 3, kemudian letakkan tabel tersebut di tengah halaman dengan memilih Align Center sehingga terlihat seperti gambar dibawah

Selanjutnya masuk ke menu Application -- Server Behaviors -- Technocurve -- Alternate Row Colors Mouse Over

Isi First Color, Second Color dan MouseOver Color dengan warna berbeda dan isi Tr Tag dengan Tr[1], kemudian klik OK

Selanjutnya preview lewat browser sehingga tampilannya seperti gambar berikut

OK.. Dreamweaver Tutorial  mengenai cara Mempercantik Tabel Dengan Efek Mouse Over sudah selesai .. Selamat Mencoba .. !!!