Adobe Dreamweaver CS6

Menurut Wahana Komputer (2013:2) menyatakan bahwa: “Salah satu aplikasi yang dapat anda manfaatkan untuk melakukan perancangan desain web secara visual atau aplikasi web editor”.

Aplikasi ini secara umum sangat populer dan banyak digunakan oleh para desainer web. Dengan versi terbarunya, yaitu Adobe Dreamweaver CS6, aplikasi ini menyediakan banyak fasilitas yang akan memudahkan dalam mendesain dan menghasilkan website yang interaktif dan profesional. Adobe Dreamweaver CS6 merupakan versi terbaru dari Adobe Dreamweaver yang sebelumnya adalah Adobe Dreamweaver CS5. Aplikasi Adobe Dreamweaver CS6 memberikan tampilan yang lebih baik dan tentu saja semakin mudah dalam penggunaannya.

Aplikasi ini mengintegrasikan beragam fitur untuk memenuhi kebutuhan pengembangan website, termasuk pembuatan halaman web dan pengelolaannya. Pada Adobe Dreamweaver CS6 menyertakan banyak tool yang berkaitan dengan pengkodean seperti HTML, CSS, XML, dan pemograman client side, yaitu JavaScript dengan penggunaan yang sangat mudah dan user friendly. Aplikasi ini juga mendukung pemrograman script server side seperti PHP, Active Server Page (ASP), ASP.NET, ASP Java Script, ASP VB Script, Cold Fusion, dan Java Server Page (JSP).

Fasilitas yang ada pada Adobe Dreamweaver CS6 memberikan kemudahan kepada user untuk melakukan pengeditan karena ditampilkan secara visual. Penambahan desain dan fungsi pada halaman web tidak harus dituliskan dalam baris kode. Selain itu Adobe Dreamweaver CS6 juga dapat meng-import dan menyisipkan image atau movie yang dibuat dari aplikasi lainnya seperti file flash (.SWF) ataupun FLV.

Pada saat menjalan program Adobe Dreamweaver CS6 pertama kali akan muncul tampilan Starter Page. Bagian atas terdiri dari tiga bagian, yaitu Open a Recent Item, Create New, dan Top Features (videos).

Berikut penjelasan mengenai menu yang ada pada Starter Page (Wahana Komputer, 2013:10)

a. Bagian paling kiri adalah Open a Recent Item, merupakan pilihan untuk membuka file ataupun recent file yang baru digunakan. Untuk membuka file gunakan tombol Open pada Starter Page.
b. Bagian tengah adalah Create New, digunakan untuk membuat halaman baru. Terdapat beberapa macam tipe file untuk format halaman web yang dapat anda pilih seperti:
1. HTML (Hypertext Markup Language), merupakan dasar untuk pembuatan desain web. File HTML berisi instruksi tertentu yang dapat memberikan suatu format dokumen yang akan ditampilkan pada World Wide Web.
2. ColdFusion, merupakan bahasa scripting yang digunakan Adobe ColdFusion, BlueDragon, dan sebagainya untuk scripting server-side.
3. PHP (Hypertext Preprocessor) adalah sebuah bahasa pemrograman yang umumnya dipakai untuk scripting serverside. PHP biasanya terpasang pada HTML. Dengan bahasa pemograman ini dapat dibuat suatu website yang dinamis.
4. CSS (Cascading Style Sheet) adalah bahasa stylesheet yang digunakan untuk mengatur tampilan halaman web dan ditulis dengan HTML atau XHTML. Selain itu dapat juga digunakan untuk semua jenis dokumen XML, ternasuk SVG dan XUL.
5. JavaScript adalah bahasa scripting yang mempunyai kesamaan dengan penggunaan sintaks bahasa pemograman C. Script ini umum digunakan untuk pengembangan web client-side.
6. XML, lengkapnya adalah Extensible Markup Language, menggunakan markup tags seperti halnya HTML, namun penggunaannya tidak terbatas pada halaman web saja.
7. Dreamweaver Site berfungsi untuk membuat website baru dengan Program Dreamweaver
Bagian paling kanan adalah Top Features (videos), digunakan untuk membuka beberapa fitur yang telah disediakan melalui internet. Tampilan seperti gambar di bawah ini.

Tampilan Start Page pada Adobe Dreamweaver CS6

Penjelasam komponen – komponen yang terdapat dalam aplikasi Adobe Dreamweaver CS6 yaitu:
1. Menu Bar
Menu bar pada Adobe Dreamweaver CS6 terdiri dari menu File, Edit, View, Insert, Modify, Format, Coomands, Site, Windows dan Help.Masing – masing menu mempunyai submenu sesuai kategori dengan fungsi yang berbeda.

Tampilan Menu Bar pada Adobe Dreamweaver CS6

2. Document Window
Documen Window menampilkan dokumen dari halaman web yng aktif atau dokumen yang sedang di-edit.

Tampilan Document Window pada Adobe Dreamweaver CS6

3. Document Toolbar
Document Toolbar berisi tombol – tombol yang digunakan untuk mengatur dengan cepat layar kerja dokumen pada Dreamweaver, diantaranya Show Code View, Code and Design Views, Show Design View, dan Live.

Tampilan Document Toolbar pada Adobe Dreamweaver CS6

4. Panel Groups
Panel merupakan salah satu fasilitas yang terdapat pada Adobe Dreamweaver CS6 dan berfungsi untuk membantu dalam proses editing halaman web. Panel Groups terdiri dari beberapa panel yang mempunyai fungsi berbeda – beda.

Tampilan Panel Groups pada Adobe Dreamweaver CS6

5. CSS Styles Panel
CSS Styles Panel merupakan fasilitas dalam Adobe Dreamweaver CS6 yang berfungsi untuk mengatur script CSS agar halaman web menjadi lebih menarik. CSS Styles Panel terdiri dari dua mode, yaitu mode All dan mode Current.

Tampilan CSS Styles Panel pada Adobe Dreamweaver CS6

6. Property Inspector
Pada Adobe Dreamweaver CS6 terdapat fasilitas Property Inspector yang berfungsi untuk mengatur halaman ataupun mengedit properti objek – objek yang digunakan dalam halaman web.

Tampilan Property Inspector pada Adobe Dreamweaver CS6