1

NAMA : MUHAMMAD RIZQI TOHOPI

NIM : 131312027

KELAS : A

SEMESTER : II

TUGAS : LAPORAN PRAKTIKUM 4

MATA KULIAH : DESAIN WEB

Pada praktikum ini, saya latihan membuat sebuah web menggunakan Dreamweaver. Dimana pada

praktikum ini, proses pembuatan belum selesai sepenuhnya.

Pertama saya membuka Dreamweaver, kemudian saya memilih design view untuk melakukan latihan

membuat web. Setelah itu saya membuat tabel, dimana tabel tersebut berfungsi sebagai tempat untuk

meletakkan isi sebuah web. Caranya pilih insert => table, akan muncul kotag dialog. Saya mengisi

untuk baris sebanyak 30 dan kolom 4.

Hasil Tampilan

Selanjutnya saya akan membeikan merge cell pada baris pertama sebelum memasukkan gambar banner

web. Caranya drag baris yang akan di merge cell, kemudian klik kanan => pilih Table => Merge cells.

Hasilnya

2

Untuk memberikan gambar pada tabel ini, saya mengambil gambar yang saya desain dari photoshop.

Di copy gambar tersebut, kemudian paste di tabel yang sudah di merge. Akan muncul kotak dialog

seperti berikut.

Pilih Yes. Kemudian simpan gambar tersebut di sebuah folder dimana web latihan tadi disimpan.

Hasil Tampilan.

Setelah banner selesai, saya membuat button. Button tersebut terlebih dahulu saya design melalui

photoshop. Cara memasukkan gambar button tersebut, sama seperti memasukkan gambar banner web.

3

Hasil tampilan

Kemudia saya membuat sebuah tulisan “Selamat Datang Di WEB Kami” dengan memberikan kode

program marque pada kalimat tersebut. Caranya pilih Insert => Tag => Html Tags => Page elements

=> marque

Hasil Tampilan

4

Berikut Kode Programnya

Selanjutnya saya membuat posisi web di tengah. Caranya terlebih dahulu saya klik tabel kemudian atur

Align pada Properties.

Hasil Tampilan

Selanjutnya saya memasukkan background web, untuk memperindah tampilan web. Caranya klik

diluar table, kemudian pilih Page Properties pada kotak Properties.

5

Akan muncul kotak dialog, kemudian browse background yang akan dipilih.

Hasil Tampilan

Untuk memberikan warna background pada web pilih

6

Hasil Tampilan

Selanjutnya saya membuat Link di setiap button (Home, Kurikulum, Ekstrakurikuler, Alamat). Untuk

memasukkan linknya, terlebih dahulu saya membuat html baru sebagai tempat untuk dijadikan link

pada setiap button.

Cara membuat link, klik gambar Home kemudian browse file link pada kotak properties.

Button Kurikulum, Ekstrakurikuler dan Alamat, cara pembuatan link sama seperti Home.

7

Hasil Tampilan setelah diberikan Link

Selanjutnya untuk menghilangkan tabel sehingga tampilan web menjadi rapi, ubah format Border dari 1

menjadi 0 pada kotak Properties.

Tampilan Browser Melalui Mozilla Firefox

Tampilan Home

8

Tampilan Kurikulum

Tampilan Ekstrakurikuler

Tampilan Alamat