Dreamweaver adalah software aplikasi yang digunakan HTML editor professional untuk mendesain web secara visual. Dreamweaver dapat berinterasi dengan beberapa bahasa pemograman seperti PHP, ASP, dan JavaScript.

Menjalankan Dreamweaver CS5

Untuk menjalankan dreamweaver CS5, klik tombol Start -> All Programs -> Adobe Dreamweaver CS5 setelah itu akan tampil halaman awal.
Pada halaman awal terdapat tool dan bar.
1.      Application Bar : berisi tombol workspace, CS live, menu, dan aplikasi lainnya.
2.      Toolbar Document : berisi tombol yang digunakan untuk mengubah tampilan jendela dokumen.
3.      Jendela Dokumen : lembar kerja tempat membuat dan mengedit desain halaman web.
4.      Workspace Switcher : untuk mengubah tampilan ruang kerja.
5.      Grup panel : kumpulan panel yang saling berkaitan. Digunakan untuk memonitor dan memodifikasi pekerjaan.
6.      Panel-panel dalam grup panel dapat dibuka dan ditutup. Untuk membuka panel, klik pada judul panel. Klik kembali pada judul panel untuk menutup panel.
7.      Tag Selector : digunakan untuk memilih objek pada jendela desain berdasarkan jenis atau kategori objek tersebut. Tag selector juga menampilkan informasi format dari bagiaan yang sedang aktif pada lembar kerja desain.
8.      Jendela Properties : digunakan untuk melihat da mengubah berbagai properti objek atau teks pada jendela design.
9.      Toolbar Standard : baris tollbar yang berisi tombol yang mewakili perintah pada menu file dan edit.
10.  Toolbar Style Rendering : berisi tombol untuk menampilkan desain dalam media yang berbeda. Digunakan untuk mengaktifkan dan menonaktifkan style CS5.
11.  Toolbar Coding : digunakan untuk melakukan operasi kode standar.
12.  Toolbar Browser Navigation : berisi tombol yang digunakan sebagai navigasi didalam browser.
 
Mengolah tampilan Dreamweaver CS5

a.      Mengenal tampilan jendela dokumen
1.      Jendela Design : ruang tempat membuat layout halaman web, melakukan pengeditan dan mengembangkan aplikasi secara cepat.
2.      Jendela Code : menampilkan kode HTML dari halaman yang sedang aktif.
3.      Jendela Split : dapat bekerja dengan tampilan code dan design dalam waktu yang bersamaan.
4.      Jendela Live Code : untuk melihat kode pada saat halaman web diuji.
5.      Jendela Live View : untuk mengamati hasil akhir dari halaman web sekaigus hasil design.
6.      Jendela Inspect : untuk mengamati kode dalam jendela code berdasarkan design yang ditunjuk dalam jendela.


b.     Memahami panel insert
1.      Common : untuk menyisipkan objek yang paling umum digunakan.
2.      Layout : untuk menyisipkan objek table,, div tag, frame, atau objek spry.