Cara Memanaskan Dreamweaver

Menambah hotspot di DreamWeaver

Menambah hotspot di Dreamweaver biasanya merujuk kepada membuat kawasan yang boleh diklik dalam imej. Ini tidak dilakukan secara langsung melalui alat "hotspot" tunggal, tetapi dengan menggunakan peta imej. Inilah caranya:

1. Masukkan imej: Pertama, masukkan imej ke dalam dokumen DreamWeaver anda menggunakan menu "masukkan" atau dengan menyeret dan menjatuhkannya. Dalam panel Properties (biasanya di sebelah kanan), anda harus melihat pilihan untuk membuat peta imej. Mengklik ini akan membuka Editor Peta Imej. Untuk setiap hotspot, anda perlu menyediakan URL (destinasi pautan). Simpan dokumen anda dan pratontonnya dalam penyemak imbas untuk menguji fungsi. Mengklik pada kawasan yang ditakrifkan dalam imej harus membawa anda ke URL yang ditentukan. Ingat bahawa peta imej adalah pihak klien, jadi penyemak imbas perlu membuat dan memproses data peta. Anda boleh melakukan ini dalam beberapa cara:
2. Kaedah 1: Menggunakan ciri hiperpautan memasukkan:
3. Pilih teks atau imej:
Sebagai alternatif, anda boleh menggunakan ikon hiperpautan dalam bar alat (biasanya pautan rantai). Anda juga boleh menentukan sasaran secara pilihan (untuk membuka pautan dalam tab atau tetingkap baru - lihat bahagian seterusnya) dan teks Alt. Dreamweaver secara automatik akan memformat teks atau imej yang dipilih sebagai hyperlink. Contohnya: akan membuat hyperlink dengan teks "Klik di sini" menghubungkan ke example.com. Ini memberi anda lebih banyak kawalan ke atas atribut pautan.

1. Menggunakan CSS: Kaedah yang paling berkesan dan disyorkan adalah menggunakan Lembaran Gaya Cascading (CSS). Anda boleh membuat kelas CSS khusus untuk hiperpautan dan memohon kepada pautan anda. Ini membolehkan gaya yang konsisten di seluruh laman web anda. Sebagai contoh:

a {
  color: blue;
  text-decoration: underline;
}

a:hover {
  color: red;
  text-decoration: none;
}

Kod CSS ini gaya semua hiperpautan biru dan digariskan, dan mengubah warna menjadi merah dan menghilangkan garis bawah pada hover. Anda boleh memohon CSS ini sama ada dalam fail CSS berasingan yang dikaitkan dengan dokumen HTML anda atau terus dalam bahagian . Styling Inline: <style></style> Anda boleh menggunakan gaya secara langsung untuk hyperlink individu menggunakan atribut

dalam tag

. Contohnya: . Walau bagaimanapun, ini umumnya kurang cekap dan sukar untuk dikekalkan daripada menggunakan CSS. Panel Properties Dreamweaver: Walaupun tidak teguh seperti CSS, Panel Properties Dreamweaver membolehkan anda mengubah sifat hiperpautan asas seperti warna teks dan gaya garis bawah untuk pautan yang dipilih sekarang. Ini adalah cara yang cepat untuk membuat pelarasan kecil, tetapi CSS lebih baik untuk gaya komprehensif. Menggunakan atribut sasaran: Apabila membuat hiperpautan (menggunakan ciri "memasukkan hiperpautan" atau pengekodan manual), anda boleh menentukan atribut style. Menetapkan <a></a> akan membuka pautan dalam tab atau tetingkap baru. Sebagai contoh: <a href="https://www.example.com" style="color: green; font-weight: bold;">Click here</a> atau menggunakan kotak dialog Hyperlink Insert Dreamweaver dan memilih sasaran "_Blank".

2. Menggunakan JavaScript (kurang disyorkan): Walaupun mungkin, menggunakan JavaScript untuk membuka pautan dalam tab baru pada umumnya kurang cekap dan kurang disukai daripada menggunakan atribut

. Pendekatan ini menambah kod tambahan dan boleh memperkenalkan isu keserasian yang berpotensi. Atribut

adalah kaedah yang lebih bersih dan lebih banyak disokong.

Atas ialah kandungan terperinci Cara Memanaskan Dreamweaver. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!