Nama

: Muhammad Rifqy

Kelas

: 3KA32

NPM

: 14111957

Kelompok/Baris

: 04

Tanggal

: 11 Oktober 2013

Materi

: IMK (Dreamweaver)

Ketua Asisten

Asisten Baris

Paraf Asisten

Laboratorium Sistem Informasi

UNIVERSITAS GUNADARMA
PTA 2013/2014

A. Pengertian Dreamweaver
Adobe Dreamweaver merupakan program membuat atau mengedit web yang dibuat
Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dibuat Macromedia.
Program ini banyak digunakan oleh para pengembang web karena fitur-fiturnya yang menarik
dan kemudahan untuk menggunakannya. Versi terakhir Adobe Dreamweaver adalah Adobe
Dreamweaver CS6. Macromedia Dreamweaver berubah menjadi Adobe Dreamweaver karena
Macromedia di akuisisi oleh Adobe System sehingga seluruh produk yang dibuat oleh
Macromedia kini diawali dengan kata Adobe.
Berikut beberapa kelebihan dan kekurangan Adobe Dreamweave :
Kelebihan :
1. Kemampuannya membuat halaman web yang terlihat konsisten.
Adobe Dreamweaver sudah terinstall beberapa template yang elegan dan menarik. Tentunya
ini memudahkan anda yang ingin belajar membuat sebuah web namun anda belum mampu
membuat design web sendiri.
2. Kemudahan dan efisiensi dalam penggunaan
Program ini tidak hanya dirancang untuk anda yang sudah mahir dan mengerti bahasa
pemrograma. Bagi anda yang belum mengerti bahasa pemrograman, anda bisa membuat
halaman web dengan hanya cara mengklik atau drag and drop menggunakan mouse serta
anda juga bisa melihat halaman html-nya selama proses desain berlangsung. Atau yang lebih
dikenal dengan sebutan WYSIWYG (What You See Is What You Get)
Selain itu dreamweaver memiliki kemampuan memperlihatkan 3 proses yang berbeda, yaitu :

Code View : Berfungsi untuk hanya menampilkan script html saja.

Desain View : Berfungsi menampilkan kode-kode html yang anda tulis menjadi
sebuah design/template

yang nantinya akan ditampilkan di browser.

Split View : Berfungsi menampilkan gabungan antara Code View dan Desain View
pada saat bersamaan.Jadi anda bisa langsung melihat perubahan pada saat anda
mengubah htmlnya.

Kekurangan :
1. Harga Software yang Cukup Mahal.
Mungkin salah satu kekurangan dari Dreamweaver ini adalah dari segi harga. Dreamweaver
CS5 dibandrol oleh Adobe sekitar $399. Harga yang mungkin terjangkau oleh kalangan
tertentu saja.

B. Cara Menggunakan Dreamweaver

Pada contoh kali ini saya akan menjelaskan cara membuat tabel pada dreamweaver, yaitu
membuat biodata yang meliputi:Nama, Cita-cita, Tokoh Inspirasi, dan Tujuan hidup.
Berikut ini Langkah-langkahnya :
Pertama-tama kita buka aplikasi AdobeDreamweaver
Pada kolom Create New kita pilih HTML

Lalu klik common dan pilih icon table

Masukkan atribut tabel

Keterangan :

1.

rows

: jumlah baris

2.

column

3.

table width

4.

border thickness : tebal border

5.

cell padding

6.

cell spacing

: jumlah kolom
: lebar tabel
: di gunakan untuk menentukan ukuran kotak pada tabel
: di gunakan untuk menentukan jarak sepasi.

 Buatlah kolom dan baris yang kita inginkan, sebagai contoh kita buat 4 baris dan 3
kolom, dan juga masukkan nama, cita-cita, tokoh inspirasi dan tujuan hidup.
Dan hasilnya seperti dibawah ini :

Hasilnya juga tertera dibagian code HTML nya

Selanjutnya kita ubah tabel agar lebih berwarna dan menarik
Contohnya seperti dibawah ini

Penjelasan dari code nya :

<table width="604" border="3" cellspacing="5" cellpadding="10"> : di
gunakan untuk membuat tabel, dengan ukuran lebar, panjang, tebal border, jarak
sepasi dan ukuran kotak border.
<center> : di gunakan untuk membuat tulisan yang ada di dalam tabelnya menjadi
rata tengah.

 <td bgcolor="#00FF99"> : digunakan untuk membuat warna pada kotak tabel

#00FF99 adalah kode untuk warnanya
<font color="#FF6633"> : digunakan untuk membuat warna pada tulisan didalam
tabelnya #FF6633 adalah kode warna tulisannya
<strong>Nama : digunakan untuk membuat tulisan Nama menjadi tebal
Setelah semuanya diubah warnanya, lalu tekan F5 untuk menjalankan hasilnya
Dan hasil pada tabel yang sudah diberi warna menjadi seperti ini :