Home

selamat datang di codingbay.blogspot.com

Jumat, 29 Oktober 2010

Teknik Anchoring dengan dreamweaver

Teknik Anchoring memudahkan kita untuk berpindah sudut pandang namun masih dalam satu laman web, daripada membuat banyak laman lebih baik membuat satu laman yang link-nya mengarahkan pada baris tertentu di laman tersebut…

bingung?? Praktekin aja langsung,, hehehe… bingung juga ngjelasinnya…
1. Buka Laman yang akan di beri Anchor, Beri nama pada masing-masing bagian Laman dengan meletakkan cursor di bagian tersebut.
2 Pilih Pada Insert Panel, Common > Named Anchor


3. Beri nama pada bagian tersebut, dan bagian-bagian yang lain dalam satu laman.





4. Klik OK. Jika di lihat pada HTML code nya, anchor tersebut akan didefinisikan dengan code berikut :

<a name=”welcome” id=”welcome”>
5. Jika di lihat pada bagian Design akan terlihat icon anchor tersebut (klik pada image untuk memperbesar gambar)


6. Seleksi teks atau image yang akan dijadikan link anchor, pada properties bar, isi kolom Link dengan salah satu nama anchor, pada contoh ketikkan #p2 untuk mengarahkan link pada anchor p2

7. Jika anchor ada di laman index.html, maka address bar akan ditunjukkan dengan URL  index.html#nama_anchor
mudah bukan…?!

selamat mecoba, salam handbooker... ;-)

 

Tidak ada komentar:

Posting Komentar