PENGERTIAN ADOBE DREAMWEAVER DAN FUNGSI TOOLNYA

PENGERTIAN ADOBE DREAMWEAVER

       Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS5.

Sebagai editor web yang handal, Adobe Dreamweaver tentunya dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sebuah situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, termasuk validasi tag-tag HTML dan CSS yang tidak sesuai dengan pedoman secara otomatis serta perkiraan waktu download pada sebuah halaman web.

Adobe Dreamweaver memiliki banyak tool-tool yang memudahkan seorang web design untuk mengedit dan membuat kode-kode dalam halaman web. Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah.

Dengan fitur yang lengkap, kemudahan penggunaan, dukungan extention dan Plug-In yang banyak, Adobe Dreamweaver dapat membantu seorang web design bekerja lebih cepat dan efisien tanpa kesulitan yang berarti, bahkan untuk seorang pemula sekalipun yang belum banyak mengenal seputar coding HTML dan CSS.

fungsi tool dreamweaver

menu bar : berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

Insert bar : mengandung tombol-tombol untuk menyisipkan berbagai macam objek seperti image , tabel, dan layer ke dalam dokumen Document window : menampilkan dokumen dimana anda sedang bekerja

Document tool bar : berisi tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari document window

Files panel : memperlihhatkan group fileberdasarkan site yang sedang dikerjakan

Tag selector : -menampilkan hierarki tag di sekitar pilihan yang aktif pada desain view
-untuk memilih komponen atau obyek pada web page kita

Property inspector : melihat dan mengubah properti dari objek dan teks

Panel group : beberapa panel yang digunakan sebagai window pembantu untuk bekerja di Dreamweaver
Terdapat lima buah panel yaitu Design, Code, Application, Tag Inspector dan Files.

Site panel : mengatur file dan folder yang membentuk situs web anda

Panel Design berisi format-format CSS yang ada pada dokumen yang sedang dikerjakan.

panel code berisi semua penjelasan dari tag-tag HTML dan cara penggunaanya.

panel Files berisi semua files (html, image, swf) jika anda telah mendefinisikan suatu site ke dalam area kerja Dreamweaver.