laporan praktikum desain web 4

4
LAPORAN PRAKTIKUM 4 MEMBUAT TABEL DAN HYPERLINK PADA DREAMWEAVER CS4 RAHMI AMALIA NOE NIM 131312032 Untuk membuat sebuah desain seperti gambar dibawah ini Yang pertama adalah membuat tabel. Saya memasukan tabel 4x2 seperti pada gambar dibawah ini

Upload: rhamalia

Post on 11-Jul-2015

548 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Laporan praktikum desain web 4

LAPORAN PRAKTIKUM 4 MEMBUAT TABEL DAN HYPERLINK PADA DREAMWEAVER CS4

RAHMI AMALIA NOE NIM 131312032

Untuk membuat sebuah desain seperti gambar dibawah ini

Yang pertama adalah membuat tabel. Saya memasukan tabel 4x2 seperti pada gambar dibawah ini

Page 2: Laporan praktikum desain web 4

LAPORAN PRAKTIKUM 4 MEMBUAT TABEL DAN HYPERLINK PADA DREAMWEAVER CS4

RAHMI AMALIA NOE NIM 131312032

Setelah itu untuk membuat header pada baris pertama saya menyatukan kedua kolom dengan

menggunakan merge cells dan tingginya diatur menjadi 200 dan vertnya diganti dengan Top.

Dan untuk memasukkan gambar sebagai header pada panel Tag Inspector lalu pilih Browser Specific

setelah itu klik Background lalu browse gambar yang ingin dijadikan header.

Page 3: Laporan praktikum desain web 4

LAPORAN PRAKTIKUM 4 MEMBUAT TABEL DAN HYPERLINK PADA DREAMWEAVER CS4

RAHMI AMALIA NOE NIM 131312032

Kemudian pada baris kedua akan digunakan untuk menunya. Pertama kedua kolom disatukan

menggunakan merge cells setelah itu masukan gambar sebagai background disini saya menggunakan

gambar hijau polos sebagai backgroundnya setelah itu masukkan teks yang ingin dijadikan menu.

Setelah itu masukkan Hyperlink caranya blok Teks yang ingin dimasukkan link setelah itu pilih Hyperlink

pada panel insert sehingga akan muncul kotak dialog Hyperlink setelah itu browse link yang ingin

dimasukkan. Jika berhasil tampilannya akan menjadi seperti ini

Berikutnya untuk membuat ketiga gambar yang ada dibawah. Pertama pilih dua baris pada kolom kedua

lalu merge cells.

Page 4: Laporan praktikum desain web 4

LAPORAN PRAKTIKUM 4 MEMBUAT TABEL DAN HYPERLINK PADA DREAMWEAVER CS4

RAHMI AMALIA NOE NIM 131312032

Setelah itu tinggal memasukkan gambar dengan cara yang sama dengan memasukkan background pada

header. Sehingga hasilnya menjadi seperti ini

Lalu pada header saya menambahkan tulisan SELAMAT DATANG DI SITUS TEKNIK INFORMATIKA

POLITEKNIK GORONTALO lalu saya beri marquee agar pada text terdapat efek berjalan.