Avatar
Avatar
Avatar
Avatar

Dunia

Mengenal Area kerja Macromedia Dreamweaver MX

Pada area kerja Macromedia Dreamweaver mx terdapat berbagai macam fasilitas yang digunakan untuk melakukan semua kegiatan editing halaman web. Area kerja yang ada dalam program macromedia Dreamweaver  antara lain Menu Bar, Document Toolbar, Document Window, Panel Groups, Workspace Switcher, Tag Selector, dan Property Inspector. Tampilan area kerja macromedia Dreamweaver  tampak seperti pada gambar berikut :

Menu Bar
Macromedia Dreamweaver memiliki berbagai macam Menu Bar yaitu File, Edit, View, Insert, Modify, Format, Commands, Site, Window, dan Help. Setiap menu mempunyai beberapa submenu sesuai dengan kategorinya, selain itu juga mempunyai fungsi yang berbeda-beda.
Cara untuk menggunakan menu tersebut adalah dengan meng-klik nama menu yang tersedia. Kemudian akan tampil beberapa submenu, dan dalam submenu tersebut terdapat submenu lagi yang ditandai dengan anak panah di kanan. Untuk mengaksesnya adalah dengan meng-klik nama menu yang ada.
Document Window
Document Window menampilkan dokumen dari halaman web yang aktif, atau dokumen yang sedang diedit. Pada Document Window terdapat Title Bar ya~ menampilkan judul halaman, fasilitas Zoom, Document Toolbar, dan Tag Selector.

Dokumen Toolbar berisi tombol-tombol yang digunakan untuk mengatur layar kerja dokumen pada Dreamweaver dengan cepat, di antaranya Show Code view, Show Code and Design views, dan Show Design View.

Mode pada layar Code hanya akan menampilkan kode-kode script dari halaman web. Di sebelah kiri layar kerja terdapat Coding tool yang digunakan untuk mengatur kode atau script tersebut. Untuk meng¬aktifkan tampilan layar Code, Anda dapat menggunakan salah satu cara berikut:
  • Pada Menu Bar klik View> Code
  • Pada Document Toolbar klik ikon Code
Tampilan layar Code terlihat seperti gambar berikut :


Tampilan layar mode Design akan menampilkan dokumen halaman web secara grafis atau visual. Untuk menampilkan Design View, Anda dapat melakukan salah satu cara berikut:
  • . Pada Menu Bar klik View> Design.
  • . Pada Document Toolbar klik ikon Design
Tampilan layar mode Design terlihat seperti Gambar :

Related Posts: