Selasa, 22 Oktober 2013

Tulisan 2 : membuat tabel , memberi warna tabel & rellover image pada DreamWeaver

Silahkan jalankan dreamweaver , kita bisa menggunakan dreamweaver versi apa saja boleh DW versi 8, CS1,CS2,CS3,CS4,Cs5 atau CS6 secara umum fasilitas dasarnya sama 

Kemudian kita mulai masukkan table . ada 3 cara memasukkan table dalam Dreamweaver , kita bisa menggunakan menu insert – table dan kita juga bisa menekan tombol keyboard CTRL + ALT + T atau klik ikon pada tab insert – common Tabel merupakan unsur utama pembentuk layout sebuah halaman web. Tanpa menggunakan tabel, kita tidak akan mendapatkan hasil halaman web yang rapi. Membuat Tabel Langkah untuk membuat tabel adalah sebagai berikut: 1. Aktif dalam jendela dokumen. 2. Pilih menu Insert Table, atau klik tombol panel Insert kategori Common. 3. Selanjutnya akan ditampilkan kotak dialog Table. Tentukan jumlah baris pada bagian Rows dan jumlah kolom pada bagian Columns.. 4. Klik tombol OK.
Maka akan terlihat seperti gambar dibawah ini :


Dibawah ini adalah kodinggan tabel untuk membuat header, dan arti tr adalah merupakan bagian satu baris  ke depan sedangkan Th adalah bagian perkolom.   Jika sudah maka anda isi tabel yang barisan on, nama dan npm, seperti contoh dibawah ini.

Untuk mengatur property tabel dan sel, anda dapat menggunakan property-property dalam panel Properties. Sebelum mengatur property tabelm, anda harus melakukan pemilihan terlebih dahulu, yaitu : tabel, sel, kolom, dan baris.
• Untuk memilih tabel, lakukan salah satu cara berikut:
- Aktif pada salah satu sel tabel, kemudian pilih menu Modify Table Select Table.
- Klik pada bingkai tabel, atau pilih tag <table> pada Tag Selector di pojok kiri bawah jendela dokumen.
Lalu Isikan tabel seperti contoh gambar  dibawah ini, anda bisa mengisinya dengan cara menuliskan manual pada kodingan atau bisa juga dengan cara mengklik tabelnya.

Ini merupakan listing program tabel html:

Untuk memberi warna pada table,blog bagian tabel yang ingin kita warnai , lalu pada bagian properties yang terletak pada bagian bawah halaman, pilih tulisan BG kemudian pilih warna yang kita inginkan misalkan warna merah, jika sudah berhasil maka pada bagian listing program akan bertambah listing kodingnya , seperti gambar yang di blog di bawah ini.

Kalau sudah diberi warna seperti gambar dibawah ini, maka pada bagian codinggan yang merupakan tulisan “bgcolor=#000000” buat memberi warna pada tabel.

ini adalah untuk membuat background Color pada Page dengan cara pada bagian properties di bawa halaman pilih Page peroperties., kemudian pilih background Color dan pilih warna yang diinginkan, kalau sudah kita bisa klik ok


untuk membuat rollover image pilih insert pada menu bar kemudian pilih image objek dan pilih rollover image maka akan muncul tampilan rollover image 

Image Name : nama / judul rollover image anda (isi sesuka hati kita)  original image : gambar utama / default rollover image , rollover image gambar kedua (gambar yang akan muncul saat kursur disorot) , alternative text : adalah penjelasantentang gambar tersebut mengenai apa saja / pendeskripsian gambar tersebut .

Tidak ada komentar:

Posting Komentar