|
|
Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML
editor profesional untuk mendesain web secara visual. Aplikasi ini juga yang
biasadikenal dengan istilah WYSIWYG (What You See Is What You Get),
yang intinya adalah bahwa anda tidak harus berurusan dengan tag-tag HTML
untuk membuat sebuah situs. Selain itu Dreamweaver juga memberikan
keleluasaan untuk menggunakan sebagai media penulisan bahasa
pemrograman web. Adobe kembali mengeluarkan varian terbaru
dari dreamweaver yaitu Dreamweaver CS 5.Ada beberapa fitur baru
yang dapat ditemukan pada versi terbaru Dreamweaver CS 5 ini,
diantaranya integrasi dengan Adobe Business Catalyst, integrasi
Adobe Browser Lab, integrasi dengan CMS, pengecekan CMS,
dan lain-lain. Selain itu juga ada beberapa fitur dalam versi
Dreamweaver CS 4 yang tdak disertakan atau ditemukan kembali
dalam Dreamweaver CS 5, diantaranya fasilitas pembuatan
web album foto, penambahan flash paper, beberapa beaviour javascript,
dan lain-lain menurut madcoms (2010).Dreamweaver CS 5
mempunyai ruang kerja yang dapat digunakan untuk
mendesain sebuah halaman web. Selain itu kita juga dapat
mengubah tampilan umum dari ruang kerja Dreamweaver CS 5.
Adapun elemen-elemen ruang kerja dari
Dreamweaver CS 5 adalah sebagai berikut: |
|
a. Application Bar
|
Berada dibagian paling atas jendela aplikasi
Dreamweaver CS 5. Baris ini berisi tombol
workspace (workspace switcher), CS Live,
Menu dan aplikasi lainnya. |
|
|
b. Toolbar Document
|
Berisi tombol-tombol yang yang digunakan untuk
mengubah tampilan jendela dokumen,
sebagai contoh tampilan design atau tampilan kode.
Selain itu juga dapat digunakan untuk
operasi-operasi umum, misalnya untuk melihat hasil
sementara halaman web pada jendela browser. |
|
|
c. Jendela Dokumen
|
Lembar kerja tempat membuat dan mengedit
desain halaman web. |
|
|
d. Workspace Switcher
|
Digunakan untuk mengubah tampilan ruang kerja
(workspace) Dreamweaver CS 5.
Sebagai contoh mengubah tampilan menjadi tampilan
classic, yaitu tampilan ruang
kerja Dreamwaver versi sebelumnya. |
|
|
e. Panel Groups
|
Kumpulan panel yang saling berkaitan, panel-panel
ini dikelompokkan pada judul-judul
tertentu bedasarkan fungsinya. Panel ini digunakan untuk
memonitor dan memodifikasi pekerjaan.
Secara default, panel groups berisi panel Adobe
Browser Lab, Adobe Business Catalyst,
Insert, CS 5 Styles, AP Element dan Files. |
|
|
f. Tag Selector
|
Terletak dibagian bawah jendela dokumen,
satu baris dengan status bar. Bagian ini
menampilkan hirarki pekerjaan yang
sedang tetrpilih pada jendela dokumen, dapat
juga digunakan untuk memilih objek pada
jendela desain bedasarkan jenis atau
kategori objek tersebut. Tag selector juga
menampilakan informasi format dari
bagian yang sedang aktif pada lembar kerja desain. |
|
|
g. Property Inspector
|
Digunakan untuk melihat dan mengubah berbagai
property objek atau teks pada
jendela desain. Property untuk satu objek dengan
objek lainnya selalu berbeda-beda.
Jendela ini tidak dapat diuraikan pada tapilan jendela kode. |
|
|
h. Toolbar Standard
|
Baris toolbar ini berisi tombol-tombol yang
mewakili perintah pada menu File dan Edit,
diantaranya adalah perintah New, Open, Save,
Save All, Cut, Copy, Paste, Undo dan Redo. |
|
|
i. Toolbar Style Rendering
|
Secara default disembunyikan. Toolbar ini
berisi tombol-tombol untuk menampilkan
desain dalam media yang berbeda.
Selain itu juga dignakan untuk mengaktifkan
dan menonaktifkan style CSS. |
|
|
j. Toolbar Coding
|
Berisi tombol-tombol yang digunakan
untuk melakukan operasi
kode-kode standar. Jendela ini
hanya tampil pada jendela Code. |
|
|
k. Toolbar Browser Navigation
|
Toolbar ini merupakan toolbar baru yang
ada didalam Dreamweaver CS 5
dan letaknya tepat berada diatas
jendela dokumen. Toolbar ini berisi
tombol-tombol yang digunakan
sebagai navigasi didalam browser. |
|
|
|
|
