PENGENALAN ADOBE DREAMWEAVER CS 5

PENGENALAN ADOBE DREAMWEAVER CS 5    

 Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual. Aplikasi ini juga yang biasa dikenal 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:    

Tampilan Welcome Screen Dreamweaver CS5

1. Application Bar : Lingkungan kerja DW CS5 yg pertama yaitu ada berada di bagian paling atas jendela DW CS5. Bagian ini berisiWorkspace Switcher, CS Live, menu, dan aplikasi lainnya.Workspace Switcher berfungsi untuk merubah tampilan kerja DW CS5, seperti mengubah tampilan
menjadi tampilan classic, yaitu tampilan ruang kerja DW versi sebelumnya. 

2. Toolbar Document : Bagian ini berisi tombol-tombol yg digunakan untuk mengubah tampilan jendela document.

Berikut keterangan fungsi tombol dan toolbar document.

• Show Code View = mengubah tampilan jendela dokument dalam mode pengetikan kode HTML.

Jendela dokumen dalam mode pengetikan HTML

• Show Code and Design View = mengubah tampilan jendela dokument menjadi kombinasi antara tampilan Code and Design.

Jendela dokumen dengan tampilan kombinasi

• Show Design View = mengubah tampilan jendela dokument menjadi tampilan layout design.

Jendela dokumen dengan tampilan layout design

• Live Code View = menguji kode aktual yg digunakan oleh browser untuk menjalankan halaman.
• Check Browser Compatibility = melakukan pengecekan kesalahan pada dokumen web.
• Live View = melihat hasil dan menguji hasil akhir dari design halaman web yg dibuat.
• CSS Inspect Mode = mengecek CSS masing-masing bagian design halaman saat tampilan Live View.
• Preview and Debug in Browser = melihat hasil dalam browser yg dikenali oleh DW dan digunakan untuk mencari kesalahan script dalam dokumen.
• Visual Aids = menampilkan Visual Aids yg berbeda untuk design halaman.
• Refresh Design View = melakukan pembaharuan terhadap perubahan isi website.
• Document Title = memberikan judul pada dokumen halaman web.
• File Management = menampilkan pop-up menu pengolahan file, di antaranya proses upload dan download file.

3. Jendela Dokumen : Lembar Kerja tempat sobat membuat dan mengedit design halaman web.
4. Group Panel : Merupakan kumpulan panel yg saling berkaitan, panel2 ini dikelompokan pada judul2 tertentu berdasarkan fungsinya, seperti : panel insert, panel files, dan panel CSS Styles.
5. Tag Selector : Menampilkan hirarki pekerjaan yg sedang terpilih pada jendela dokumen, dapat juga digunakan untuk memilih objek pada jendela design berdasarkan jenis atau kategori objek tersebut.
6. Property Inspector : Untuk melihat dan mengubah berbagai properti objek atau teks pada jendela design.
7. Browser Navigation : berisi tombol2 yg digunakan sebagai navigasi di dalam browser.