Jalankan adobe dreamweaver, pilih dan klik split untuk melihat design dan kodingan,

kemudian klik file, new, pilih dan klik html. Lalu klik modify, pilih dan klik page properties,
lalu pilih jenis font arial yang akan digunakan, dengan ukuran font 12, kemudian pilih
gambar maupun warna yang akan digunakan sebagai background dengan menklik
background image & background color untuk warna.

Setelah
semuanya telah diatur kemudian klik OK, maka hasilnya akan seperti dibawah ini sesuai
dengan background yang dimasukkan melalui page properties tadi.

Langkah berikutnya ialah memasukkan sebuah header berupa gambar dengan klik
insert kemudiaan pilih dan klik image, browse dan pilih gambar yang akan digunakan sebagai
header, kemudian klik ok.
 Setelah gambar berhasil dimasukan langkah selanjutnya ialah mengatur ukuran
gambar agar terlihat rapi, klik gambar lalu geser dan tarik pada tepi gambar atau masukkan
sebuah angka yang akan disesuaiakn pada tab properties seperti pada gambar dibawah ini.

Berikutnya masukkan judul dengan klik format pilih dan klik paragraph format, klik
h1, kemudian ketikan Personal data pada hastag <h1>,kemudian buat sebuah tabel yang akan
digunakan sebagai personal data dengan klik insert, lalu klik tabel kemudian masukkan
ukuran rows 10 dan column 2, lalu klik ok, masukan data personal diri pada tabel.
 Setelah tabel berhasil dibuat dan dimasukkan data pada tabel personal data, tarik garis
pada sisi tabel untuk menyesuaikan ukuran, maka hasilnya akan seperti pada gambar dibawah
ini.

Kemudian
masukkan
judul dengan klik format pilih dan klik paragraph format, klik h1, kemudian ketikan Formal
Education pada hastag <h1>, lalu buat sebuah tabel ke yang akan digunakan sebagai Formal
Education dengan klik insert, lalu klik tabel kemudian masukkan ukuran rows 5 dan column
2, lalu klik ok, masukan Formal Education pada tabel.
 Setelah tabel berhasil dibuat dan dimasukkan data pada tabel formal education, tarik
garis pada sisi tabel untuk menyesuaikan ukuran, maka hasilnya akan seperti pada gambar
dibawah ini sesuai dengan data formal education yang dimasukkan tadi.

Untuk melihat hasilnya lewat browser klik file, klik preview in browser pilih browser
yang akan digunakan maka hasilnya seperti dibawah ini.
 LAPORAN AKHIR

PRAKTIKUM INTERAKSI MANUSIA KOMPUTER

NAMA : ANGGI DANUN SAPUTRO

NPM : 1A113145

KELAS : 4KA36

MATERI : INTRO

TANGGAL : 7 OKTOBER 2013

ASISTEN BARIS :

KETUA ASISTEN : RYAN

PARAF ASISTEN

( )

LABORATORIUM SISTEM INFORMASI

UNIVERSITAS GUNADARMA