LAPORAN AKHIR DREAMWEAVER

NAMA NPM KELAS BARIS

: KHARISTY HASANAH : 13110885 : 3 KA 24 :2

KETUA ASSISTEN : TGL PRAKTIKUM : 19 NOVEMBER

PARAF ASSISTEN

LABORATURIUM SISTEM INFORMASI UNIVERSITAS GUNADARMA 2012

ROLLOVER IMAGE Rollover image adalah gambar pada halaman web yang dapat berubah-ubah tampilannya sebagai reaksi atas pergerakan pointer mouse. Rollover image berbeda dengan animasi. Rollover image tersusun atas dua gambar berukuran sama. Gambar pertama tampil sebagai gambar default pada halaman web. Gambar kedua akan tampil setelah pointer mouse diarahkan pada area gambar pertama. Rollover image umumnya digunakan untuk menyajikan tombol pada halaman web. table_2.html

keterangan : o File ini dibuat sebagai tujuan URL jika gambar di klik. o File table_2 ini memiliki warna background dengan kode #FFAEAE o File ini berisi sebuah tabel yang ditandai dengan tag <table > dan tag </table>, border = 1, menunjukkan ketebalan garis yang digunakan untuk tabel. Tabel ini memiliki warna background dengan kode 00CCFF. o Tag <tr>, merupakan table row berfungsi untuk menspesifikasikan sebuah baris tabel dalam tabel.

o Tag heading <th> berfungsi untuk mendefinisikan sel header tabel. Secara default teks yang berada dalam tag ini akan ditebalkan dan ditampilkan ditengah. o Tag <td> berguna untuk mendefinisikan sebuah sel data tabel. gambar_2.html

keterangan : o Pada file gambar_2.html memiliki warna background dengan kode #FFAEAE. o Disini terdapat sebuah link yang akan menuju ke file table.html, link tersebut berupa rollover image. Seperti yang dijelaskan sebelumnya rollover image merupakan gambar pada halaman web yang dapat berubah-ubah tampilannya sebagai reaksi atas pergerakan pointer mouse. o 697197kikyo 2.jpg merupakan nama gambar yang pertama, sedangkan

iy_kikyou087.jpg merupakan nama gambar yang kedua. Kedua gambar ini harus ditempatkan pada satu folder sama dengan file table_2.html dan gambar_2.html.. o Kedua gambar ini memiliki lebar 430 pixel, tinggi 337 pixel dan memiliki ketebalan baris 2.

Output: