Document Window, berfungsi untuk menampilkan dokumen saat bekerja. Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam objek Document Toolbar, berisi tombol-tombol dan menu pop-up yang menyediakan Coding Toolbar, berisi to

Dreamweaver menyediakan suatu persandian penuh yaitu Code Editing Tool seperti code coloring, tag completion, acoding toolbar, dan code collapse dan Language Reference seperti Cascading Style Sheet CSS, JavaScript, ColdFusion Markup Language CFML dan bahasa yang lain. Macromedia Roundtrip HTML technology meng-import dokumen HTML tanpa melakukan reformat kode yang dalam dokumen HTML tersebut.

2.8.1 Memulai Dreamweaver 8

Langkah untuk memulai penggunaan Macromedia Dreamweaver 8 dengan cara, klik tombol Start All Programs Macromedia Macromedia Dreamweaver 8. Setelah menjalankan Macromedia Dreamweaver 8, maka dilayar monitor akan tampil lembar aplikasi Macromedia Dreamweaver 8. Jika ingin membuat file HTML baru, klik pilihan HTML pada bagian Create New, sedangkan untuk file yang menggunakan kode program PHP maka klik pilihan PHP. Hal ini karena kita akan bekerja dengan Dreamweaver dan sekaligus menggunakan bahasa pemrograman PHP.

2.8.2 Area Kerja Dreamweaver 8

Area kerja pada Dreamweaver 8 adalah sebagai berikut:

1. Document Window, berfungsi untuk menampilkan dokumen saat bekerja.

Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

2. Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam objek

seperti image, table, dan frame ke dalam dokumen.

3. Document Toolbar, berisi tombol-tombol dan menu pop-up yang menyediakan

tampilan berbeda dari Document Windows, misalnya Code, Split atau Design.

4. Coding Toolbar, berisi tombol-tombol yang digunakan untuk mempermudah

pekerjaan pada jendela Code.

5. Panels Group, kumpulan panel yang saling berkaitan satu sama lainnya.

6. Tag Selector, berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang

aktif pada Design View.

7. Property Inspector, digunakan untuk melihat dan mengubah berbagai properti

objek yang terpilih.

8. Status Bar, Hand Tool dan Zoom, menampilkan status pekerjaan dan mengatur

tampilan jendela Desain.

9. Ruler, mempermudah pengukuran secara akurat.

10. Files Panel, digunakan untuk mengatur file-file dan folder-folder yang

membentuk situs web. Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

2.8.3 Menu Bar Area Kerja Dreamweaver 8