20 Tips Membuat Halaman Web dengan Dreamweaver
Penulis:Eve Cole
Waktu Pembaruan:2009-06-01 01:02:13
1) Bagaimana cara mengintegrasikan Dreamweaver ke browser IE?
Program instalasi Dreamweaver akan menambahkan perintah "Edit dengan Dreamweaver" ke menu konteks. Kita juga dapat memodifikasi registri Windows untuk mengintegrasikannya dengan IE. Sama seperti MS Word, Frontpage dan Notepad, Dreamweaver dipanggil untuk membuka halaman web saat ini melalui tombol edit pada toolbar IE.
Ubah baris terakhir teks berikut ke jalur instalasi Dreamweaver Anda sendiri, simpan sebagai file *.reg, dan klik dua kali untuk menambahkan informasi ke registri.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
Jika Anda ingin menjadikannya sebagai editor default untuk IE, buka "Opsi Internet" IE dan tentukan di tab Program.
2) Untuk menggunakan skrip tertentu, sering kali perlu menambahkan link kosong ke grafik atau teks. Namun, saat Anda mengklik objek dengan link kosong saat menjelajah, objek tersebut akan melompat ke bagian atas halaman ini?
Karena browser mengira tautannya ke halaman yang sama, tetapi tidak dapat menemukan bookmark (jangkar) yang ditentukan, sehingga tetap berada di bagian atas halaman. Ganti " # " tautan kosong dengan " javascript:void(null) " untuk mengatasi masalah ini.
3) Saat menggunakan CSS dan lapisan, efek di browser berbeda berbeda, dan terkadang bahkan terjadi ketidakselarasan.
Dalam hal kompatibilitas dengan browser yang berbeda, Dreamweaver melakukan tugasnya dengan baik, namun ini tidak berarti bahwa halaman web yang dibuat dengan Dreamweaver akan sama persis di IE dan Netscape. Dalam keadaan normal, tampilan halaman web yang sama yang dijelajahi oleh browser berbeda tidak bisa sama persis. Hal ini ditentukan oleh browser dari produsen berbeda.
Secara umum, cobalah memperhatikan hal-hal berikut ini:
Jangan mencampur tata letak lapisan dan tabel. Jika ada hubungan induk-anak, seperti tabel dalam lapisan, hal itu tidak termasuk dalam cakupan prinsip ini;
Inline CSS sering menimbulkan masalah pada Netscape Navigator, penggunaan chaining atau inline;
Terkadang perlu menyisipkan tabel atau gambar transparan di lapisan kosong untuk memastikan efek di Netscape Navigator. Untuk lapisan yang lebar atau tingginya hanya beberapa piksel, gunakan gambar sebagai gantinya;
Hindari penggunaan properti tipografi yang tidak direkomendasikan oleh organisasi W3C dan gunakan CSS sebagai gantinya.
4) Mengapa saat menyalin teks dari dokumen lain ke Dreamweaver, semua paragraf berdesakan, dan ada kode pemformatan di dalam Dreamweaver?
Ada dua kategori menyalin dan menempelkan teks di Dreamweaver. Cara standar menyalin objek beserta propertinya dan menggunakan konten clipboard sebagai kode HTML; paste. Lalu pastekan kode html tersebut sebagai teks. Tekan satu lagi tombol "Shift" (Ctrl+Shift+C/Ctrl+Shift+V) untuk mengoperasikan cara terakhir.
5) Mengapa halaman web dapat dijelajahi secara normal menggunakan IE, tetapi tidak memenuhi persyaratan atau bahkan membuat kesalahan saat menggunakan Netscape Navigator, dan mengapa tidak dapat dimodifikasi dengan baik di jendela dokumen Dreamweaver?
Silakan periksa kodenya. Karena Anda menggunakan editor WYSIWYG untuk berulang kali memodifikasi bagian halaman tertentu, terkadang beberapa kode yang berlebihan akan tertinggal, seperti tautan yang berlebihan. Kode-kode ini tidak dapat dilihat di jendela dokumen Dreamweaver, dan IE akan mengabaikannya. Namun, Netscape Navigator memiliki persyaratan kode yang lebih ketat, dan fenomena luar biasa terjadi selama pratinjau.
6) Di Netscape Navigator, beberapa bookmark (jangkar) tidak berfungsi, dan beberapa sepertinya hilang?
Bookmark Netscape Navigator peka terhadap huruf besar-kecil. Di Navigator, bookmark di tabel bertumpuk berlapis-lapis akan hilang.
7) Jendela dokumen Dreamweaver penuh dengan berbagai panel Untuk mengedit dokumen, saya harus membuka setiap celah.
Layar beresolusi 800X600 memang terlalu kecil untuk Dreamweaver, namun 1024X768 pun tidak bisa memuat semua panel. Kuncinya adalah terorganisir dengan baik.
Tutup panel yang tidak digunakan sementara dalam pengeditan dan satukan panel yang biasa digunakan untuk menghemat ruang layar;
Kecuali Anda perlu menggunakannya sekarang, tutup "HTML Source Inspector". Selain menghabiskan ruang layar, ini juga menghabiskan banyak sumber daya sistem;
Tekan F4 untuk menyembunyikan semua panel yang terbuka dan melihat keseluruhan dokumen, lalu tekan lagi untuk menampilkan panel;
Ada perintah "Atur Palet Mengambang" di menu "Windows". Gunakan perintah ini untuk menempatkan semua panel terbuka di sekitar jendela tanpa saling tumpang tindih.
Sering menggunakan tombol pintas dan menguasainya dengan baik adalah cara yang baik untuk meningkatkan efisiensi kerja.
Saat menambahkan objek tak kasat mata, Dreamweaver akan menambahkan ikon yang sesuai di bagian atas halaman jendela dokumen. Jika ada terlalu banyak ikon, hal ini dapat menghambat pengeditan. Anda dapat menyembunyikan dan menampilkannya dengan menekan "Ctrl+Shift+I" (Tampilan menu utama|Elemen Tak Terlihat). Anda juga dapat mengatur ikon-ikon ini agar tidak muncul, namun hal ini tidak disarankan karena membantu memilih objek untuk diedit.
8) Panel objek Head hanya dapat menambahkan konten. Bisakah konten tag <head> diubah di jendela dokumen?
Bisa. Ada cara yang sangat intuitif, tekan "Ctrl+Shift+W" (menu utama View|Head Content), deretan ikon akan muncul di bawah bilah menu utama jendela dokumen, klik ikon ini untuk memodifikasi.
9) Bagaimana cara memilih gambar yang sangat kecil dalam tabel dan lapisan, seperti 1X1px?
Klik di sel tabel, lalu tahan tombol "Shift" dan gerakkan dengan tombol panah untuk memilih.
Anda juga dapat memilih sel tabel (tekan tombol Ctrl dan klik sel yang sesuai dengan mouse) atau lapisan terlebih dahulu, lalu pilih <img src="..."> pada kode yang disorot di panel "HTML Source Inspector" untuk kembali ke jendela dokumen dan gambar dipilih.
10) Bagaimana cara mengedit nama (Judul) sistem kerangka?
Tekan "Ctrl+F10" untuk membuka panel "Frames", klik pada frame terluar, dan tekan "Ctrl+J" (Menu utama Modify|Page Properties).
11) Bagaimana cara mengubah kejadian default "perilaku"?
File pengaturan acara ditempatkan di folder "ConfigurationBehaviorsEvents" di direktori instalasi Dreamweaver, misalnya, untuk browser versi 4.0 atau lebih tinggi, buka file "4.0 dan Browsers.htm yang Lebih Baru".
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
Pindahkan "*" di " onClick="*" " ke " onMouseOver="" " dan ubah menjadi: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Mulai ulang Dreamweaver, acara default jenis ini menjadi "onMouseOver". Analogi lainnya.
12) Saat membuka halaman, bisakah jendela kecil dibuka secara bersamaan menggunakan Dreamweaver?
Ya, tanpa menulis satu baris kode pun. Gunakan skrip "Buka Jendela Browser" bawaan di panel "perilaku" untuk mengatur halaman, ukuran jendela, dan properti. Seperti yang ditunjukkan pada gambar:
13) Saat menyisipkan tabel, selalu ada spasi (< td> < /td>) di sel tabel.
Ini secara otomatis dihasilkan oleh Dreamweaver, jangan dihapus. Jika tidak ada apa pun di sel tabel, Netscape Navigator tidak akan menampilkan sel tersebut.
14) Tag <head> pada dokumen templat tidak dapat diedit kecuali untuk tema halaman web. Bagaimana cara menambahkan perilaku ke halaman web berdasarkan templat ini?
Gunakan panel "Pemeriksa Sumber HTML" untuk menambahkan tag yang dapat diedit sebelum "</head>" pada dokumen templat, sebagai berikut:
< !-- #BeginEditable "Javascript" -->
<bahasa skrip="JavaScript">
</skrip>
< !-- #EndEditable -->
15) Saat bekerja sama untuk mengembangkan dan mengelola situs web, menggunakan sistem registrasi/inspeksi Dreamweaver, apakah izin akses yang berbeda ditambahkan ke file terkait situs web di server jarak jauh?
Check in/check out adalah mekanisme manajemen yang digunakan secara internal oleh Dreamweaver dan tidak ada hubungannya dengan atribut file. "check out" berarti file tersebut sedang digunakan oleh saya dan orang lain tidak dapat mengeditnya; "check in" berarti file tersebut dapat diperiksa dan diedit oleh rekan lain, dan file lokal akan menjadi hanya-baca untuk mencegah saya sendiri. mengubahnya.
Dreamweaver mengimplementasikan fungsi check in/check out dengan membuat file ".lck" yang sesuai di server lokal dan jarak jauh. File-file ini tidak ditampilkan di jendela "Situs". Dreamweaver hanya dapat membaca file-file ini. Tidak ada atribut yang ditambahkan ke file. Jika Anda menggunakan alat dan editor Ftp lain, Anda masih dapat membukanya.
16) Saat membuat halaman web, mouse beterbangan, sering kali mengubah ukuran gambar yang disetel. Bisakah ini diperbaiki tanpa melihat ulang gambarnya?
Jika ukuran gambar tidak cocok, nilainya akan menjadi tebal di panel properti. Tekan tombol "Refresh" pada panel untuk mengembalikannya ke ukuran sebenarnya.
17) Bagaimana cara mengeklik tautan dan mengubah beberapa bingkai sekaligus?
Cara yang paling langsung adalah dengan membuat sistem frame untuk link tersebut.
Lebih mudah menggunakan perilaku "Buka URL" Dreamweaver. Kotak dialog menampilkan semua frame. Cukup isi halaman yang sesuai di kolom "URL" di bawah.
18) Saya ingin menambahkan perilaku ke teks, tetapi item pada panel perilaku semuanya redup dan tidak dapat dipilih.
Saat menghadapi situasi ini sebelumnya, saya biasanya menyisipkan gambar di sebelah teks dan menambahkan perilaku yang diperlukan ke gambar tersebut. Kemudian edit kodenya, pindahkan ke atas teks, dan hapus gambarnya.
Metode di atas lebih rumit. Cara mudahnya adalah dengan menautkan teks ke "javascript:void(null)", dan perilaku tersebut akan terungkap dengan jujur.
19) Saat meletakkan lapisan yang menggunakan perilaku ke dalam Perpustakaan, Dreamweaver tidak membiarkan perilaku lapisan tersebut mengikuti.
Gunakan templat.
20) Script yang memeriksa plugin Flash dan pengalihan terkadang tidak normal.
Saat membuat halaman web Flash, orang terbiasa menggunakan perilaku "periksa plugin" Dreamweaver untuk pengalihan. Namun terkadang laporannya salah, mengatakan bahwa plugin tersebut jelas terpasang, padahal dikatakan tidak. Inilah cara yang tepat untuk mengalihkan.
Jadikan halaman beranda baru sebagai halaman pengalihan. Gunakan "Insert Refresh" pada panel objek "head" untuk mengarahkan ke halaman web yang tidak menggunakan teknologi Flash, seperti terlihat pada gambar. Ini akan menambahkan kode berikut ke kepala halaman: < meta http-equiv="refresh" content="4;URL=noflash.htm">
Buat video Flash kecil lainnya dan tambahkan perilaku "Dapatkan url" di frame pertama untuk menunjuk ke halaman menggunakan teknologi Flash. Sematkan video pendek ini ke halaman beranda Anda untuk tujuan penargetan.
Jelas sekali, halaman yang dialihkan ini sangat dapat diandalkan.