Judul : Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target
link : Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target
Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target
Untuk membuat link antarhalaman, selain diperlukan
halaman link sumber—Source Link—juga diperlukan link tujuan—Destination Link.
File contoh halaman Web sederhana di atas saya simpan dengan nama
file index.htm. Halaman ini yang
akan menjadi link sumber kita.
Mari kita buat halaman
baru untuk dilink:
Buatlah halaman baru untuk link tujuan, File > New, pada kotak dialog pilih
Kategori Dynamic Page, dan Basic Page HTML. Lihat Gambar 6.
Setelah selesai membuat file baru, kemudian simpanlah file tersebut dengan nama file tentangsaya.htm.
Pada contoh, saya memasukkan horizontal Rule, Insert > Horizontal Rule untuk
memisahkan konten dari halaman tersebut. Kemudian simpan di folder yang sama dengan index.htm.
Pada index.htm,
pilihlah teks “Tentang Saya”, kemudian pada Property Inspector ketikan tentangsaya.htm pada kotak link.
Atau gunakan Browse For File untuk memilih file tentangsaya.htm lewat kotak dialog. Lihat
Gambar 7.
Cek dengan menggunakan browser, bukalah file index.htm (Gambar 8).
Untuk membuat link ke situs lain, setelah teks dipilih,
ketik langsung pada kotak link alamat yang dituju, misalnya http://www.bismillah-go.blogspot.com (Jangan lupakan http://).
Target
Target (Gambar 9) adalah perintah atau opsi pada link
yang memberitahukan di window mana link tersebut akan
dibuka. Setiap window atau frame di HTML dapat kita beri nama
dan browser akan memuat halaman ke window/frame sesuai yang ditunjukkan oleh
link. Sesuai aturan di HTML, terdapat nama-nama target khusus
yang berarti spesial. _Self
adalah pilihan default, bila Anda tidak menentukan target, link akan dibuka pada window browser atau frame yang sama. _top memuat ke window
terluar (di luar semua frame yang ada). _Blank membuka link pada browser window
baru. _Parent membuka link
pada frame induk (kita akan membahas tentang hal ini
pada bagian Frame nanti).
Named Anchors
Bila halaman web Anda memungkinkan pengunjung menscroll
window browser karena isi dari halaman tersebut panjang dan terdiri dari
beberapa halaman, Anda dapat menggunakan Named Anchors ini untuk menentukan
titik-titik tertentu pada halaman dengan tujuan memudahkan navigasi pengunjung
mencari sesuatu dalam halaman dengan cepat. Pada halaman yang
saya buat tentangsaya.htm
terdapat beberapa menu yang langsung menuju ke topic tertentu pada halaman
tersebut, setelah itu pengunjung dapat kembali ke atas halaman.
Untuk membuat Named Anchor, pertama kita tandai bagian
khusus dari halaman: klik Insert >
Named Anchors, atau tekan Ctrl-Alt-A.
Setelah kotak dialog muncul masukan nama anchor. Pada
file ini saya memberi nama kesukaan. Setelah itu klik OK. Pada bagian yang ditandai akan tampak tanda/icon buku terbuka. Lihat Gambar 10.
Setelah itu kembali ke halaman atas pilih teks yang akan di buat link pada bagian atas dokumen yang akan
dihubungkan dengan Anchor tersebut, pada kotak link di Property Inspector
ketikkan #kesukaan. Untuk
mengembalikan ke atas halaman buat link baru pada bagian tersebut misal: kembali ke atas. Lihat Gambar 11. Kemudian
masukkan di kotak link tanda #
dan pilih _top untuk target dari
link tersebut. Lihat di browser dengan menekan F12.
Demikianlah Artikel Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target
Sekianlah artikel Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target dengan alamat link http://bismillah-go.blogspot.com/2012/04/tutorial-dreamweaver-04-membuat-link.html
0 Komentar untuk "Tutorial Dreamweaver-04| Membuat Link, Anchor, dan Target"
TINGGALKAN KOMENTAR DISINI