Jumat, 21 November 2014

Adobe Dreamwheaver

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.

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.

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.

Tidak ada komentar:

Posting Komentar