Tutorial Ringkas Dreamweaver 4 (6. Membuat Hyperlink)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-30 18:35:55
6. Buat hyperlink
Hyperlink (Tautan) disebut dengan link, merupakan hubungan satu arah antar halaman. Dengan mengklik link, kita dapat melompat dari satu halaman ke halaman lainnya. Kita dapat membuat tautan dalam teks dan gambar.
1. Tautan teks
Pilih teks pada halaman yang perlu ditautkan, seperti yang ditunjukkan di bawah ini:
Pada item Tautan pada panel properti, isikan alamat tautan. Saat pemirsa mengklik tautan tersebut, browser akan melompat kembali ke halaman. Misalnya, yang diisi di sini adalah: http://www.goeway.com
Jika Anda ingin halaman dibuka di jendela baru, Anda dapat memilih "_balnk" di Target.
Jika Anda ingin menautkan ke file di dalam situs web, Anda dapat mengklik :
Pada gambar di atas, kami menghubungkan teks ke file index2.htm. Berikan perhatian khusus pada opsi Relative To di bagian bawah, yang berarti memilih formulir jalur relatif. Defaultnya adalah Dokumen, Anda juga dapat memilih Root Situs. Perbedaannya adalah Dokumen Artinya jalur relatif dihitung dari halaman ini, sedangkan Root Situs dihitung dari direktori root (yaitu "/"), seperti yang ditunjukkan di bawah ini:
Selain itu, jika menggunakan link yang dibuat pada mode Site Root, biasanya akan terjadi error saat membuka halaman langsung di hard disk lokal untuk browsing, namun tidak akan ada masalah pada mode pra-browsing Dreamweaver dan setelah diupload ke server.
2. Tautan gambar
Proses pembuatan tautan gambar mirip dengan tautan teks, jadi saya tidak akan memperkenalkannya secara detail. Namun yang paling penting untuk disebutkan adalah bahwa beberapa gambar akan memiliki batas biru setelah menambahkan tautan. Untuk menghapus batas, cukup atur Perbatasan ke 0.
3. Tautan zona panas
Untuk link gambar yang diperkenalkan sebelumnya, satu gambar hanya dapat berhubungan dengan satu link. Bisakah satu gambar berhubungan dengan beberapa link? Jawabannya adalah ya. Setelah memilih gambar, Anda dapat melihat opsi Peta di panel properti:
di dalam: Buat zona panas persegi panjang, Buat prototipe zona panas, Buat zona panas poligonal. Misalnya, jika kita klik sekarang, kursor berubah menjadi tanda silang, dan zona panas persegi panjang berwarna biru dapat digambar pada gambar:
Panel properti yang sesuai saat ini adalah:
Demikian pula, masukkan alamat tautan di Tautan ("#" mewakili tautan kosong), dan Alt adalah teks yang ditampilkan ketika mouse menunjuk ke hot spot, mirip dengan Alt pada gambar. kita bisa lewat Pilih zona panas yang berbeda dan sesuaikan jumlah panas dengan menyesuaikan titik kontrol di keempat sudut zona panas. Melalui hot zone, kita dapat membuat link pada mata orangutan dan link pada mulut untuk menghubungkan ke halaman berbeda.
Kiat tentang tautan
1. Jika ingin link ke alamat E-mail, isikan linknya: "mailto:address", misal mailto:[email protected], maka ketika Anda mengklik link tersebut maka program E-mail defaultnya adalah dibuka. Misalnya Outlook, kirim E-mail ke alamat [email protected].
2. Jika linknya ke file yang tidak bisa dibuka oleh browser seperti exe, Zip, dll, maka ketika viewer mengklik link tersebut maka akan muncul kotak dialog yang menanyakan di mana menyimpan file tersebut di harddisk. .Ini tercapai.