Mengetuk Timesaving Dreamweaver Tips - dummies

Bahkan program terbaik menjadi lebih baik bila Anda tahu bagaimana memanfaatkannya dengan sebaik-baiknya. Luangkan waktu sejenak untuk memeriksa tip-tip ini dan menghemat banyak waktu dalam mengembangkan situs Anda. Sebagian besar tip ini berlaku untuk pengguna Macintosh dan Windows. Bila hanya berlaku untuk satu atau beberapa teks lainnya, teks tersebut akan memberi tahu Anda apakah tip itu berlaku untuk Windows atau versi Mac.

Membersihkan klem

Banyak panel Dreamweaver (disebut palet pada versi sebelumnya) memberikan akses cepat ke fitur yang paling populer, namun bisa mengacaukan area desain. Untuk menyingkirkan mereka dari keinginan Anda saat Anda ingin mundur dan mengagumi pekerjaan Anda (atau mencabik orang lain), gunakan tombol F4, jalan pintas yang menyembunyikan semua panel yang terlihat sekaligus. Untuk mengembalikannya, tekan tombol F4 lagi.

Untuk menyalakan dan mematikan panel secara terpisah, gunakan pintasan keyboard yang ditetapkan ke masing-masing panel. Pilih Window dari Menu untuk menemukan jalan pintas keyboard yang tercantum di sebelah setiap nama panel. Anda dapat menggunakan cara pintas ini untuk mengaktifkan panel secara on dan off secara terpisah. Anda juga dapat menggunakan bilah Peluncur di pojok kanan bawah jendela desain untuk mendapatkan akses ke panel Situs, panel Aset, panel HTML Styles, panel CSS Styles, panel Perilaku, dan panel Riwayat.

Memisahkan tampilan: Bekerja dalam kode

Jika Anda ingin beralih antara kode sumber HTML dan tampilan desain WYSIWYG (apa yang Anda lihat adalah apa yang Anda dapatkan) di Dreamweaver, Anda akan menghargai pilihan baru di versi 4 yang memungkinkan Anda membagi jendela sehingga Anda dapat melihat sumber HTML dan area desain WYSIWYG secara bersamaan. Untuk membagi jendela, pilih View -> Code and Design.

Anda juga dapat menghargai fitur yang disempurnakan dalam editor teks Dreamweaver built-in, termasuk auto-indentasi dan kemampuan untuk memilih banyak baris dan mengikutinya. Anda juga akan menemukan pewarnaan sintaks langsung yang muncul saat Anda mengetik - Anda bahkan dapat membedakan warna untuk HTML dan JavaScript. Pilih Edit -> Preferences -> Code Colors tab untuk menetapkan warna.

Tabling desain Anda

Tabel HTML masih menawarkan cara terbaik untuk membuat desain Web yang kompleks (karena browser lawas masih tidak mendukung lapisan), dan Dreamweaver 4 telah mempermudah pembuatan tabel di area desain visualnya.. Dalam Tampilan Tata Letak yang baru, Anda dapat "menggambar" tabel pada halaman, menyeretnya ke tempatnya, dan bahkan sel grup dalam tabel bersarang - tanpa pernah mengkhawatirkan berapa banyak baris dan sel yang telah Anda buat. Anda bahkan dapat menggunakan fitur ini untuk membuat tabel yang berubah dengan ukuran jendela, teknik hebat untuk memastikan desain Anda bekerja pada semua monitor.

Pilih Tampilan -> Tampilan Tabel -> Tampilan Tata Letak untuk mengakses lingkungan pembuatan tabel Dreamweaver yang baru, lalu seret dan lepaskan untuk membuat tabel apa saja. Anda dapat menemukan pilihan tata letak sel dan tabel di panel Objek.

Mengkonversi teks

Jika Anda terbiasa menggunakan fitur Paste as Text di Dreamweaver 3, jangan kecewa saat menemukan bahwa itu hilang dalam Dreamweaver 4. Macromedia mempermudah proses dalam versi terbarunya. Sekarang Anda cukup memilih File -> Paste, dan teks yang diformat dari dokumen pengolah kata mempertahankan formatnya - yah, oke, setidaknya menjaga jarak baris. Kebenarannya, Dreamweaver masih tergolong lemah saat harus mengubah teks.

Anda dapat menyelamatkan diri dari keharusan memformat ulang teks di Dreamweaver jika Anda menggunakan program pengolah kata atau spreadsheet yang menyertakan fitur Save As HTML (Microsoft Word dan banyak lainnya menawarkan fitur ini). Alih-alih menyalin dan menempelkan teks ke Dreamweaver, gunakan fitur File -> Save As HTML, ubah nama file, lalu buka file baru di Dreamweaver. Microsoft Word dan Excel bahkan melestarikan format tabel, penghemat waktu nyata jika Anda berhadapan dengan tabel teks atau angka yang besar.

Menemukan font fungsional

Desainer sangat senang saat mengetahui bahwa mereka dapat menggunakan font apa pun. Pada kenyataannya, pemirsa Anda harus memiliki font di komputer mereka agar dapat ditampilkan. Semakin umum fontnya, semakin besar kemungkinan tampilannya seperti yang Anda inginkan. Jika Anda ingin menggunakan font yang lebih tidak biasa, carilah hal itu - pastikan Anda juga menyertakan alternatif. Daftar Font Dreamweaver sudah termasuk koleksi font umum, dan Anda selalu bisa membuat Daftar Font Anda sendiri dengan memilih Text -> Font -> Edit Font List.

Windows adalah sistem operasi yang paling umum di Net. Untuk memastikan yang terbaik - dan tercepat - menghasilkan sebagian besar pengguna Anda, cantumkan font Windows terlebih dahulu.

Mengarahkan pemirsa Anda

Membuat beberapa situs adalah solusi yang paling tidak aman untuk memastikan bahwa semua pemirsa Anda senang saat Anda menggunakan desain halaman terdepan yang dipenuhi DHTML dan CSS. Itu berarti Anda membuat dua atau lebih kumpulan halaman: yang menggunakan fitur terbaru dan yang menggunakan tag HTML lama yang didukung secara universal. Tapi bagaimana Anda memastikan agar pemirsa sampai ke halaman yang benar? Gunakan perilaku Peramban Cek.

Perilaku Browser Cek ditulis dalam JavaScript dan menentukan jenis browser yang digunakan oleh setiap pemirsa yang berada di situs Anda. Perilaku tersebut kemudian mengarahkan pengguna ke desain halaman yang paling sesuai dengan versi browser mereka. Untuk menggunakan fitur ini, pilih Window -> Behaviors untuk membuka panel Behaviors. Kemudian klik tanda tambah (+) untuk membuka daftar pilihan drop-down. Pilih Peramban Cek dan kotak dialog terbuka di mana Anda dapat menentukan versi browser apa yang harus diarahkan ke halaman di situs Anda. Saat pengguna tiba di situs Anda, mereka secara otomatis diarahkan ke halaman pilihan Anda, berdasarkan jenis dan versi browser yang Anda tentukan.