Okee sobat, kita langsung saja ke topik yg pertama , apa itu dreamweaver? Dreamweaver adalah software yg di pilih untuk membuat website dalam waktu yg cepat dan singkat tanpa harus menghafal tag HTML. Website atau sering lebih dikenal dengan istilas situs adalah sejumlah halaman web yg memiliki topik saling terkait, terkadang disertai pula dengan berkas2 gambar, video atau jenis2 berkas lainnya. Adobe Dreamweaver CS5 selain memberikan kemudahan untuk mendesain web meskipun untuk para web desainer pemula sekalipun, juga memberikan fasilitas maksimal kepada para desainer web yg menyertakan bahasa perograman web di dalamnya
Oke sobat..next ke topik selanjutnya yaitu Lingkungan Kerja Adobe Dreamweaver CS5, buka dulu dreamweaver nya, silahkan pilih opsi yang sobat inginkan, diantaranya HTML, PHP, CSS, XML, JavaScript, CouldFusion, dll.
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.
Berikut keterangan fungsi tombol dan toolbar document.
- Show Code View = mengubah tampilan jendela dokument dalam mode pengetikan kode HTML.
- Show Code and Design View = mengubah tampilan jendela dokument menjadi kombinasi antara tampilan Code and Design.
- Show Design View = mengubah tampilan jendela dokument menjadi 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.
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.