Dokumen Toolbar di Adobe CS5 Dreamweaver - dummies

Toolbar Dokumen di Adobe Creative Suite 5 (Adobe CS5) Dreamweaver berisi alat untuk membantu Anda melihat dokumen Anda dalam berbagai mode, seperti Kode dan Desain, serta menangani item tersebut. sebagai judul dokumen dan kompatibilitas browser.

• Tampilan Kode: Tampilkan kode dan hanya kode yang menggunakan tampilan ini. Dreamweaver membantu Anda untuk menguraikan kode dengan tag pengkodean warna, atribut, CSS, dan elemen lainnya.

• Split View: Memilih opsi ini untuk membagi jendela Dokumen antara tampilan Kode dan Desain. Pandangan ini bisa sangat membantu karena Anda melihat kedua desain dan kode secara bersamaan.

  

  Kontrol tampilan halaman Anda dari toolbar Dokumen.

• Tampilan Desain: Pilihan ini menampilkan halaman Anda dalam tampilan Design di jendela Document.

• Kode Tinggal: Saat Live View diaktifkan, Anda dapat melihat kode sumber dokumen Anda karena pengguna akan melihatnya di browser namun Anda tidak dapat mengedit kode halaman dalam tampilan ini..

• Periksa Kompatibilitas Browser: Menu ini menunjukkan opsi yang memungkinkan Anda memeriksa integritas halaman, seperti aksesibilitas, atau apakah aturan CSS Anda kompatibel di berbagai browser.

• Live View: Live View membuat halaman Anda seolah-olah ada di browser, bebas dari perbatasan, panduan, dan alat bantu visual lainnya. Di Live View, Anda tidak dapat mengedit konten pratinjau, namun Anda dapat beralih ke tampilan Code, Split, atau Design dan memodifikasi konten halaman Anda.

• Inspect: Tombol Inspeksi yang baru bekerja dengan Live View untuk mengungkapkan aturan CSS yang memformat elemen pada halaman Anda. Bila Anda memilih elemen pada halaman dengan Inspect enabled, panel CSS Styles mengungkapkan properti yang memformat elemen itu, dan memungkinkan Anda untuk menonaktifkan atau memodifikasi properti tertentu dan melihat hasilnya.

• Preview / Debug in Browser: Klik tombol ini untuk melihat pratinjau atau debug dokumen Anda di salah satu browser Web terinstal Anda, Adobe BrowserLab, atau Device Central.

• Alat Bantu Visual: Klik tombol ini untuk memilih alat bantu visual yang berbeda (seperti perbatasan dan panduan) untuk membantu Anda melihat berbagai elemen dan membuat perancangan halaman Anda lebih mudah.

• Refresh Design View: Klik tombol ini untuk menyegarkan tampilan Desain dokumen setelah Anda membuat perubahan pada tampilan Kode. Perubahan yang Anda buat dalam Tampilan kode tidak muncul secara otomatis dalam tampilan Desain sampai Anda melakukan tindakan tertentu, seperti menyimpan file atau mengklik tombol ini.

• Judul Dokumen: Masukkan nama dokumen Anda di kolom ini.

• Manajemen File: Klik tombol ini untuk menampilkan menu pop-up File Management.Gunakan menu ini untuk memeriksa dokumen Anda masuk atau keluar saat diaktifkan untuk situs Anda.

• Halaman Sebelumnya / Halaman Berikutnya / Refresh / Address Bar: In Live View, alat ini bekerja seperti di browser Web dan memungkinkan Anda menavigasi antar halaman, menyegarkan halaman, dan melihat alamat halaman saat ini. Bilah alamat juga berfungsi saat Live View tidak diaktifkan, menunjukkan jalur dokumen yang sedang Anda kerjakan.

• Dokumen Terkait: Dokumen yang digunakan dan dilampirkan pada halaman Anda, seperti file CSS dan JavaScript eksternal, tercantum di bawah ini (Mac) atau di atas (Windows) tombol pilihan tampilan (Kode / Split / Desain). Anda bisa mengklik dokumen yang tercantum untuk mengedit file terlampir di tampilan Split tanpa harus mengganti dokumen.

  • XML, JavaScript, CSS, dan jenis file berbasis kode lainnya hanya dapat dilihat dan diedit dalam tampilan Kode; Tombol Design and Split tampak redup.

  • Refreshing juga memperbarui fitur kode yang bergantung pada Document Object Model (DOM), seperti kemampuan untuk memilih tag pembuka atau penutup blok kode.

• Opsi Tampilan Langsung: Klik dan pilih opsi dari menu ini untuk mengontrol bagaimana dokumen Anda muncul dan berfungsi saat Live View diaktifkan.