Penggunaan DW yang cerdas untuk keterampilan produksi halaman web - Netizen yang akrab dengan desain web tahu bahwa ada banyak cara untuk memanggil Style. Kita dapat mengklik kanan mouse dan memilih Custon Style untuk memanggil standar Style, atau kita dapat mengklik kanan pada daftar elemen di bilah status. Meskipun efek yang dicapai dengan metode yang berbeda tampak sama, kode HTML sebenarnya yang dihasilkan sangatlah berbeda.
1. Gunakan style secara fleksibel.
Netizen yang akrab dengan desain web mengetahui bahwa ada banyak cara untuk memanggil Style. Kita dapat mengklik kanan mouse dan memilih Custon Style untuk memanggil standar Style bilah status untuk memanggil Style. Meskipun efek yang dicapai dengan metode yang berbeda tampak sama, kode HTML sebenarnya yang dihasilkan sangatlah berbeda. Misalnya, menggunakan Custon Style untuk memanggil standar Style akan menghasilkan tag <span> di kode halaman web. Terlalu banyak tag seperti itu akan membuat file menjadi sangat besar dan mempengaruhi kecepatan parsing browser, jadi kita harus mencoba menggunakan elemen di dalamnya. bilah status. Daftar untuk memanggil Gaya.
2. Manfaatkan sepenuhnya perintah Format Tabel
. Dalam desain web yang kompleks, tabel paling banyak digunakan, karena tabel dapat digunakan untuk secara bebas mengontrol posisi teks dan gambar tertentu pada halaman web, sehingga membuat keseluruhan halaman web terlihat kompak. dan bersatu. Dreamweaver juga tidak ketinggalan dalam hal ini. Kita dapat menggunakan perintah "Format Tabel" untuk dengan cepat menerapkan gaya yang telah dirancang sebelumnya ke tabel. Untuk menggunakan gaya yang telah dirancang sebelumnya, pertama-tama letakkan kursor di sel mana pun dalam tabel, lalu pilih perintah "Perintah" → "Format Tabel". Di kotak dialog berikutnya, pilih skema desain dari daftar di sebelah kiri. Tekan tombol "Terapkan" untuk memeriksa efeknya. Jika Anda tidak puas, Anda juga dapat mengatur ulang atau mengubah nilai beberapa parameter, seperti ketebalan batas, warna latar belakang, dll.
3. Tautan ke dua halaman web secara bersamaan.
Kita semua tahu bahwa hyperlink hanya dapat terhubung ke satu halaman dalam satu waktu. Jika kita ingin membuka dokumen di halaman bingkai yang berbeda sekaligus, kita dapat menggunakan perilaku JavaScript "Go To URL". Buka halaman web berbingkai, pilih teks atau gambar, lalu pilih "Buka URL" dari panel Tindakan. Kita akan melihat bahwa Dreamweaver menampilkan semua frame yang tersedia di kotak dialog "Go To URL". Pilih salah satu frame yang ingin kita tautkan dan masukkan URL yang sesuai, lalu pilih frame lain dan masukkan URL lain.
4. Jangan beri nama Cina pada file tersebut.
Setelah Anda membuat halaman web, Anda biasanya memberi nama Cina yang mewakili halaman web tersebut. Pertama, orang dapat memahami secara kasar isi file dengan melihat nama filenya dapat memfasilitasi saling panggilan antara berbagai hyperlink. Tetapi jika Anda melakukan ini di Dreamweaver, Anda akan menemukan bahwa Dreamweaver tidak mendukung nama file berbahasa Mandarin dengan baik, dan sering terjadi pemanggilan halaman yang salah. Oleh karena itu, saat kami menyimpan halaman web di Dreamweaver di masa mendatang, coba gunakan bahasa Inggris atau angka As nama file, ini dapat menghindari fenomena kesalahan di atas.
5. Cerdik mengatur resolusi font.
Saat kita membuat halaman web, kita sering mengalami hal ini, yaitu halaman web yang dibuat biasa saja saat dijelajahi di komputer lokal, namun saat dijelajahi di komputer lain, halaman web asli menjadi indah. Aneh, kenapa begitu? Ternyata resolusi setiap komputer adalah untuk memastikan bahwa beranda Anda dapat ditampilkan secara normal pada resolusi yang berbeda, yang lebih baik diselesaikan di Dreamweaver. Di sudut kanan bawah jendela dokumen, Dreamweaver menampilkan ukuran resolusi yang dirancang untuk dokumen saat ini. Klik pada nomor yang mana, Anda dapat menentukan resolusi tampilan untuk halaman saat ini di menu pop-up, dan Anda dapat membuat beranda Anda lebih fleksibel dengan memodifikasinya. Sehingga monitor dengan resolusi berbeda dapat menampilkan lebih baik.
6. Sembunyikan tag dengan cerdik.
Jika elemen yang tidak terlihat dimasukkan ke dalam halaman web, Dreamweaver akan secara otomatis menambahkan tag elemen yang sesuai ke halaman tersebut sehingga kita dapat memilih elemen yang tidak terlihat tersebut. Tapi ini tidak selalu merupakan hal yang baik. Misalnya, jika kita menyisipkan tabel di baris pertama halaman dengan banyak lapisan, kita akan menemukan bahwa tabel secara otomatis mundur ke baris pertama halaman karena terlalu banyak elemen lapisan. tag disusun pada baris pertama. Baris kedua, walaupun tidak mempengaruhi efek saat browsing, namun memang akan menghambat pekerjaan kita. Jadi ketika kami merasa label elemen mengganggu, kami cukup memblokirnya. Caranya tekan Ctrl+U untuk membuka panel Preferences, pilih Invisibel Elements in Category, dan semua label elemen akan muncul di sisi kanan panel. Selama Anda menghilangkan tanda centang di depan tag elemen yang tidak perlu, dijamin tidak akan muncul lagi di kemudian hari.
7. Memanfaatkan teknik drag-and-drop
Saat kita menggunakan Dreamweaver untuk mengedit halaman web, seringkali kita perlu menyisipkan beberapa gambar yang akan disisipkan, akan sangat merepotkan untuk mengoperasikannya secara konvensional metode. Kita bisa menggunakan teknik drag and drop untuk menyelesaikan masalah ini dengan sangat baik. Pertama, kita mengubah jendela operasi Dreamweaver menjadi jendela aktif untuk mengosongkan ruang untuk menampilkan jendela Explorer. Setelah menemukan file gambar yang akan disisipkan, seret satu per satu ke bagian halaman web yang sesuai dengan mouse, dan Dreamweaver akan melakukannya. secara otomatis menyisipkan gambar-gambar ini. URL gambar tersebut ditambahkan ke kode HTML file. Tentu saja, file gambar yang diseret harus berupa file berformat gambar web seperti gif, jpg, dll. Hal yang sama berlaku untuk gambar yang sudah ada di halaman web, cukup seret ke atasnya. Namun jika terdapat hyperlink pada gambar yang diseret, teknologi drag tidak dapat lagi digunakan, karena hanya alamat hyperlink yang diseret.
8. Secara otomatis mengatur waktu pembaruan.
Kita tahu bahwa jika suatu halaman web ingin mendapatkan lebih banyak kunjungan berulang, hal yang sangat penting adalah terus memperbaruinya. Namun untuk halaman web pribadi kita, mungkin tidak mudah untuk memperbaruinya tepat waktu setiap hari. Oleh karena itu, kami berharap halaman web dapat diperbarui secara otomatis. Penulis di bawah ini akan memberikan kode sumber yang dapat memperbarui waktu modifikasi secara otomatis. Kita hanya perlu menambahkan kode sumber ini ke...< /BODY> untuk mencapai tujuan memperbarui waktu:
< Script Language="JavaScript"> </script>;Yang kedua adalah mengklik Teks/Gaya Kustom/Edit/Style Sheet/Baru/Definisikan Ulang Tag HTML di Dreamweaver dengan mouse, dan pilih dari sana, lalu pilih none di dekorasi, dan terakhir Klik OK dan selesai.
12. Menyalin teks dengan cerdik
Menyalin teks antar beberapa aplikasi berbeda mungkin sering kita lakukan dalam pekerjaan sebenarnya. Namun, jika kita menyalin teks di area pengeditan dari Dreamweaver ke aplikasi lain, kode HTML dan teks akan disalin bersama-sama. Jadi bagaimana kita bisa menyalin teks di area pengeditan saja? Kita tahu, biasanya menggunakan tombol pintas Ctrl -. C untuk beroperasi saat menyalin. Jika kita menekan satu lagi tombol C saat menyalin, Dreamweaver hanya akan menyalin teks yang dipilih.
13. Manfaatkan tombol pintas
Untuk meningkatkan efisiensi operasi, kita dapat menggunakan tombol pintas di Dreamweaver, seperti menggunakan Ctrl-B atau Ctrl-I untuk menerapkan format tebal atau miring pada teks pintasan keyboard berikut untuk memilih Teks berlaku format HTML: Ctrl-0: Belum diformat Ctrl-T: Paragraf Ctrl-1: Heading 1 Ctrl-2: Heading 2 Ctrl-3: Heading 3 Ctrl-4: Heading 4 Ctrl-5: Heading 5 Ctrl-6 : Judul 6
14. Menutup halaman web secara otomatis
Jika kita ingin halaman web kita tertutup secara otomatis dalam waktu yang ditentukan, sebaiknya kita tambahkan kode berikut setelah tag pada kode sumber halaman web: < script LANGUAGE ="JavaScript"> </ /script> dimana kode 3000 in berarti 3 detik, yang diukur dalam milidetik.
15. Tetapkan nama objek dengan cerdik.
Saat kita menggunakan Dreamweaver untuk membuat efek yang sangat kompleks, kita mungkin perlu menggunakan satu atau lebih objek berulang kali. Misalnya, kita sering kali perlu mencari lokasi tabel tertentu, gambar, dll., jika kita tidak melakukannya Jika Anda memberi nama beberapa objek dalam satu halaman web, mungkin akan merepotkan atau rawan kesalahan saat menggunakan objek tersebut berulang kali. Untuk memudahkan pemanggilan objek-objek tersebut, setiap kali kita membuat objek baru, kita harus ingat untuk memberinya nama yang representatif dan mudah diingat. Saat memberi nama objek ini, kita cukup melakukannya melalui panel "Properti" objek tersebut.
16. Tambahkan efek dinamis pada link gambar.
Terkadang untuk mendapatkan efek realistis, kita berharap akan ada gerakan saat mouse bergerak di atas link. Efek ini dapat dengan mudah dicapai dengan menggunakan Dreamweaver. Saat mendesain, pertama-tama kita perlu menyiapkan dua gambar, yang pertama adalah gambar asli, dan yang kedua adalah gambar setelah mouse digerakkan ke atas. Kemudian klik gambar pertama dengan mouse, isikan file yang akan ditautkan pada kolom link di panel properti, lalu klik tombol F8 pada keyboard, klik tanda "+" di jendela pop-up Behaviors, lalu pilih " tukar gambar", pilih gambar kedua di jendela yang muncul, dan terakhir klik OK.