2. Ubah judul file dengan cepat. Seringkali ketika kita membuat file baru, kita sering mengabaikan isi Judul file. Ketika kita perlu memodifikasinya nanti, seringkali kita harus membuka setiap file dan memodifikasinya secara terpisah. Faktanya, pekerjaan ini dapat diselesaikan dengan mudah di jendela situs. Buka Tampilkan Judul Halaman di bawah menu Lihat pada jendela situs untuk membuat file di jendela situs menampilkan header file, bukan nama file asli. Header file default adalah Dokumen Tanpa Judul. Kita dapat mengklik dua kali untuk mengubah teks default menjadi header file yang kita butuhkan. Seperti yang ditunjukkan pada gambar:
3. Buat peta situs dengan cepat. Terkadang kita perlu membuat peta situs yang berisi semua struktur file situs saat ini dan tidak dapat menemukan metode yang sesuai. Dreamweaver sendiri memiliki fungsi ini. Caranya adalah sebagai berikut: Buka perintah File—Simpan Peta Situs dan masukkan nama file yang disimpan di kotak dialog pop-up. Dreamweaver secara otomatis akan menghasilkan situs berformat .bmp atau .png di direktori root dari situs saat ini.
2. Teknik dalam tahap tata letak halaman
Dreamweaver tidak hanya merupakan alat pembuatan halaman yang bagus, tetapi juga dapat melakukan pengaturan huruf dan tata letak halaman dengan tepat. Pada bagian ini, kami memperkenalkan beberapa teknik tata letak halaman.
1. Buka formulir bantu. Teman-teman yang pernah melakukan desain khususnya berharap dapat memposisikan elemen halaman web secara akurat. Mereka menyukai bahwa setiap elemen dapat diposisikan secara akurat sesuai keinginannya. Fungsi Grid yang hadir dengan Dreamweaver dapat membantu mewujudkan harapan ini. Jalankan perintah Lihat—Edit Kisi untuk mengaktifkan bantuan koordinat. Anda dapat memilih tampilan kisi atau titik, dan mengaktifkan Snap to Grid. Saat menyisipkan atau menambahkan elemen baru di masa mendatang, elemen tersebut akan diposisikan secara akurat sesuai dengan pengaturan Anda.
2. Gunakan teknik halaman tata letak tabel. Penggunaan fungsi tabel yang tepat di Dreamweaver dapat dengan mudah mencapai tujuan mempercantik halaman. Saya akan memperkenalkan beberapa teknik di bawah ini.
1) Buat batas 1px. Beberapa teman mengeluh bahwa Dreamweaver tidak dapat membuat batas tabel piksel tunggal. Faktanya, Anda dapat membuat tabel piksel tunggal tersebut dengan hati-hati menggunakan panel properti tabel. Pertama gunakan panel Objek untuk menyisipkan tabel dan menentukan lebar, tinggi, baris dan kolom tabel. Saat ini, CellPad, CellSpace, dan Border default tabel yang disisipkan di Dreamweaver semuanya 0. Tentukan Batas tabel di panel properti ke 0, CellPad ke 5 (ini akan menjaga 5 piksel antara konten di dalam sel dan tepi sel adalah 1 (ini akan menjaga 1 piksel antar sel) jarak antar item). Atur warna latar belakang tabel menjadi warna gelap (misalnya #999999), dan atur warna latar belakang sel menjadi warna terang (misalnya #FFFFFF). Cukup telusuri dan amati efeknya.
2) Impor tabel data. Terkadang kita perlu mengimpor beberapa tabel yang dibuat dalam file Excel ke Dreamweaver. Kita dapat menyimpan file Excel asli sebagai file teks .txt yang dibatasi tab. Menjalankan Sisipkan—Tanggal Tabular di Dreamweaver akan membuka jendela berikut:
Setelah menambahkan setiap parameter, data dapat diimpor ke dalam tabel di Dreamweaver.
3) Format tabelnya. Jika Anda bosan mengatur parameter setiap sel berulang kali, Anda dapat menggunakan perintah Format Tabel untuk memformat tabel dengan cepat. Perintah ini ada di bawah menu Perintah. Perintah ini dilengkapi dengan beberapa skema warna tabel akan secara otomatis menerapkan skema warna ke tabel yang Anda pilih. Seperti yang ditunjukkan pada gambar:
4. Pertukaran antara tabel dan lapisan. Beberapa teman suka mengatur konten halamannya dengan bebas, tetapi mereka tidak menyukai cara kerja tabel. Faktanya, Anda dapat menggunakan lapisan fleksibel untuk mengatur konten halaman Anda, dan kemudian mengubahnya menjadi tabel jika Anda puas. Pilih lapisan yang ingin Anda konversi dan jalankan perintah Ubah—Konversi—Lapisan ke Tabel. Seperti yang ditunjukkan pada gambar:
5. Perbarui beberapa halaman bingkai secara bersamaan. Ada kebutuhan bagi kita untuk memperbarui konten dari dua atau lebih halaman frame lainnya secara bersamaan ketika sebuah link diklik. Hal ini dapat dicapai dengan menggunakan perilaku Dreamweaver melalui langkah-langkah berikut.
1) Pilih teks atau gambar tautan.
2) Buka panel Perilaku (Behaviors) dan klik tanda tambah untuk menambahkan perilaku Buka URL.
3) Di kotak dialog Buka URL, semua jendela bingkai yang ada saat ini ditampilkan. Kami memilih nama jendela masing-masing dan secara individual dapat mengatur konten file yang akan diperbarui di setiap jendela. Dreamweaver akan menambahkan tanda "*" setelah jendela tempat file target disetel, menunjukkan bahwa URL telah disetel untuk jendela bingkai ini.
4) Klik OK setelah selesai. Ketika kita mengklik link ini, konten beberapa jendela akan diperbarui secara bersamaan.
3. Konten
Cara mengatur konten dengan lebih cepat dan nyaman adalah hal yang ingin diketahui setiap teman. Anda mungkin mengetahui tips berikut ini atau mungkin tidak, tetapi yang penting adalah melalui penggunaan terus-menerus, Anda akan menemukan kelebihannya.
1. Pengeditan label cepat. Bagi sobat yang sudah familiar dengan kode tulisan tangan, seringkali perlu beralih ke jendela kode untuk menambahkan beberapa kode secara manual. Bahkan, Anda dapat dengan cepat memasukkan berbagai tag HTML menggunakan Quick Tag Editor Dreamweaver. Salah satunya adalah dengan mengklik panel properti.
Penyisipan ikon, pintasan lainnya adalah Ctrl+T, kedua metode akan membuka pengeditan tag cepat, Anda dapat langsung memilih tag kode sumber yang diperlukan dari daftar, seperti yang ditunjukkan di bawah ini:
2. Tambahkan batas gambar dengan cepat. Banyak gambar yang disisipkan ke halaman web tidak memiliki batas. Terkadang kita perlu menambahkan batas pada gambar. Salah satu caranya adalah dengan memilih gambar dan secara langsung menentukan Batas menjadi 1px di panel properti, yang akan menambahkan batas 1 piksel pada gambar; metode lainnya adalah dengan menentukan gaya dengan 1px di semua sisi, maka semua gambar yang disisipkan di halaman web akan memiliki batas yang sama. Seperti yang ditunjukkan pada gambar:
3. Gunakan menyeret untuk menambahkan link. Dreamweaver mendukung menyeret link langsung dari dokumen ke file lain di situs. Kita dapat menempatkan jendela situs dan jendela dokumen secara berdampingan, seperti yang ditunjukkan pada gambar:
Kemudian pilih teks yang perlu ditautkan dalam dokumen, buka panel properti, dan arahkan Point to File setelah bilah alamat tautan ke file target di jendela situs, seperti yang ditunjukkan di bawah ini:
4. Bagaimana cara menambahkan suara latar belakang. Banyak teman yang sedikit bingung tentang penyisipan beberapa file suara multimedia ke dalam Dreamweaver Sebenarnya caranya sangat sederhana, Klik tab di pojok kiri bawah jendela kerja Dreamweaver, buka panel Behavior, klik tanda + di jendela perilaku pop-up, pilih Putar Suara, dan pilih File suara yang Anda perlukan dapat ditambahkan. Pilih logo file suara di jendela dokumen dan klik Parameter di panel properti untuk mengatur jumlah loop musik latar, apakah akan diputar secara otomatis dan properti lainnya, seperti yang ditunjukkan pada gambar:
4. Kecantikan
Mempercantik berbagai elemen halaman web adalah tugas yang memakan waktu dan tidak selalu efektif. Tips berikut mungkin sedikit membantu Anda.
1. Buat skema warna dengan cepat. Kita sering kali perlu mengatur warna teks pada setiap status tautan. Beberapa teman merasa selera warnanya kurang baik, sehingga mereka selalu mencari beberapa manual pencocokan warna. Faktanya, Dreamweaver sendiri sudah hadir dengan beberapa skema warna. Buka perintah Commands-Set Color Scheme, dan kita dapat melihat bahwa ada banyak set skema warna, yang masing-masing menentukan warna latar belakang, warna teks, dan warna setiap link. state.Anda hanya perlu memilih satu jenis saja, lihat gambar di bawah ini:
2. Keterampilan gaya tautan CSS. Tautan teks umumnya memiliki empat status, tautan, arahkan kursor, aktif, dan dikunjungi. Kami biasanya menentukan warna dan gaya yang berbeda untuk setiap status tautan teks. Alasan utamanya adalah adanya persyaratan tertentu untuk urutan definisi link dalam style sheet. Urutan yang benar adalah: A:link—A:visited—A:hover. Bagi sobat awam sebenarnya sering kali hanya ingin mengubah status hover saja, sedikit triknya bukan dengan mendefinisikan style link seperti cara di atas, melainkan hanya mendefinisikan style status a dan a:hover saja, sehingga yang ada hanya status hover saja. Gayanya berbeda dengan negara bagian lain. Cara modifikasinya seperti gambar di bawah ini;
3. Buat teks penghubung dan garis bawah dalam berbagai warna. Teks link biasa dan garis bawah link memiliki warna yang sama. Bahkan, kita juga dapat menggunakan atribut Border di style sheet untuk menggantikan garis bawah link biasa. Karena Border memiliki lebih banyak parameter kontrol dan gaya, asalkan warna Border dan Our Tujuan dapat dicapai dengan definisi warna teks yang berbeda. Misalnya, kita dapat mendefinisikan teks sebagai hitam dan garis bawah sebagai merah pada opsi Perbatasan, seperti yang ditunjukkan di bawah ini;
5. Teknik peningkatan efisiensi
Dreamweaver juga berisi banyak perintah yang dapat sangat meningkatkan efisiensi kerja, termasuk pembuatan proyek perpustakaan, penggunaan templat, fungsi panel riwayat, dan fungsi pencarian dan penggantian. Di sini saya memperkenalkan beberapa trik kecil untuk menunjukkan kekuatan perintah ini.
1. Tips membersihkan file Word. Kita sering kali perlu mengonversi beberapa file Word menjadi file HTML, tetapi hasil dari konversi ini adalah file HTML yang dihasilkan berukuran sangat besar dan berisi banyak kode berulang. Menggunakan beberapa fungsi Dreamweaver dapat dengan mudah membersihkan kode yang tidak berguna. Pertama, buka file HTML yang dihasilkan oleh Word dan jalankan perintah Bersihkan Kata HTML di bawah menu Perintah. Program akan secara otomatis mengidentifikasi versi Word asli dan menghapus kode yang tidak berguna. Namun, file tersebut saat ini masih berisi banyak kode berulang, terutama berisi
tag dan dalam jumlah besar. Kita dapat menjalankan kembali perintah Bersihkan HTML di bawah menu Perintah, pilih opsi Tag Tertentu di pop- kotak dialog atas, dan Masukkan tag span dan p, dipisahkan dengan spasi. Setelah menjalankan perintah, semua tag span dan p akan dihapus.
Namun saat ini, setiap atribut gambar dalam file juga berisi atribut yang mirip dengan v:shapes="_x0000_i1025", dan kita masih perlu menghapus atribut tersebut. Buka panel Temukan dan Ganti dan atur aturan penggantian seperti yang ditunjukkan di bawah ini. Setelah eksekusi, atribut semua gambar ini akan dihapus. Seperti yang ditunjukkan pada gambar;
2. Ganti judul file dengan cepat. Sebelumnya saya perkenalkan bahwa Anda dapat mengganti judul file di jendela situs, tetapi Anda hanya dapat mengganti judul satu file dalam satu waktu. Kita dapat mencoba menggunakan perintah cari dan ganti yang diperkenalkan pada langkah sebelumnya untuk mengganti beberapa judul file sekaligus. Biasanya judul file yang baru kita buat adalah Dokumen Tanpa Judul. Anda dapat membuka perintah Edit-Temukan Dan Ganti dan melakukan pengaturan berikut untuk mengganti semua file di situs saat ini yang berjudul Dokumen Tanpa Judul dengan judul kita sendiri.
3. Atur format dokumen default. Walaupun cara di atas cepat, namun setiap kali kita membuat file baru, judul file defaultnya tetap Untitled Document. Karena saat membuat dokumen baru, Dreamweaver akan memanggil halaman default sebagai format default. File ini adalah Dreamweaver 4ConfigurationTemplatesDefault.html, sehingga kita dapat mengatur beberapa format terpadu di situs kita, seperti warna latar belakang. , ukuran font, judul file, dll, lalu simpan dengan menimpa file Default.html di atas. Saat kami membuat file baru di masa mendatang, Dreamweaver akan secara otomatis menerapkan format yang kami tetapkan, yang dapat sangat meningkatkan efisiensi kerja.
6. Pasca pemeliharaan
Oke, setelah sekian banyak perkenalan di atas, kita telah menguasai beberapa keterampilan produksi halaman web, tetapi apakah halaman akhir Anda tidak lagi mengandung kesalahan? Apakah semua tautan Anda adalah tautan yang benar? Apakah laman Anda berkinerja baik di seluruh browser? Apakah Anda masih memiliki banyak file di situs Anda yang tidak lagi diperlukan? Masih banyak masalah serupa yang terjadi, dan ini disebabkan oleh pendeteksian dan pemeliharaan situs di kemudian hari. Di sini kami memperkenalkan beberapa teknik pasca deteksi.
1. Deteksi tautan. Jalankan menu File—Perintah Periksa Tautan, Dreamweaver akan secara otomatis mendeteksi semua tautan di situs saat ini dan mendeteksi tautan yang tidak valid, seperti yang ditunjukkan di bawah ini:
Mengklik dua kali hasil yang terdeteksi akan secara otomatis membuka halaman terkait dan langsung menemukan link yang salah, yang sangat memudahkan kami untuk mengubah kesalahan link.
2. Deteksi file tidak berguna dengan cepat. Menjalankan perintah menu Situs—Periksa Tautan di Seluruh Situs dapat mengaktifkan fungsi deteksi file tautan. Kita juga dapat menggunakan fungsi ini untuk memeriksa file yang tidak berguna di situs dan menghapusnya. Cukup pilih File Yatim Piatu di kotak drop-down atas, dan semua file tidak berguna di situs akan dicantumkan di bawah. Pilih semuanya dan tekan tombol Hapus untuk menghapusnya.
