Pilih Window | Properties untuk membuka property inspector bila belum terbuka. Pada kotak dialog Select File, sorot my_ourstory.html, dan klik Select untuk

By : Ali Salim, SE.  Latihan Dreamweaver - 21 Homepage DW3_scaal_home saat belum belum mempunyai link-link. Anda akan menambahkan link-link pada halaman ini pada bagian lain dari latihan ini. Biarkan jendela situs dalam keadaan terbuka agar Anda dapat melihat perubahan ketika Anda menambahkan link-link pada homepage. MEMBUAT LINK Ada beberapa cara untuk membuat link dengan menggunakan Dreamweaver. Pertama, Anda akan membuat link dari gambar Our Story ke halaman Our Story dengan menggunakan Property inspector. 1. Pada jendela situs, klik ganda icon DW3_scaal_home.html. File DW3_scaal_home.html akan terbuka. 2. Pada jendela dokumen, klik gambar Our Story untuk menyorotnya. Jangan melakukan klik ganda karena Anda akan membuka kotak dialog Select Image Source. 3. Pilih Window | Properties untuk membuka property inspector bila belum terbuka. Image Property inspector menampilkan informasi tentang gambar yang tersorot. By : Ali Salim, SE.  Latihan Dreamweaver - 22 Catatan : Pada field Link terdapat tanda angka , yang terbuat ketika anda menggunakan swap image pada sebuah gambar. Jangan menghilangkan tanda tersebut; tanda itu akan diganti dengan nama dokumen yang akan Anda link. 4. Pada Property inspector, klik icon folder di sebelah kanan field Link.

5. Pada kotak dialog Select File, sorot my_ourstory.html, dan klik Select untuk

memilih file tersebut. Nama dari file tersebut muncul pada field Link di Property inspector. Cara kedua membuat link adalah dengan menggunakan Property inspector dan jendela situs. Sekarang Anda akan membuat link pada gambar Products dengan cara ini. 6. Klik title bar baris judul dari jendela situs untuk menjadikannya aktif, atau pilih Window | Site Files. Rubah ukuran jendela dokumen Anda, jika perlu, agar anda dapat meletakkannya pada sebelah kiri jendela dokumen dan di sebelah kanannya jendela situs. 7. Pada jendela dokumen klik gambar products untuk menyorotnya. 8. Pada Property inspector, tarik icon Point-to-File berada di sebelah field Link ke jendela situs, dan tempatkan pada file DW3_products_index.html, setelah itu lepaskan mouse Anda. By : Ali Salim, SE.  Latihan Dreamweaver - 23 Nama file muncul pada field Link di Property inspector. 9. Cara ketiga yaitu dengan menggunakan klik kanan. Pada jendela dokumen klik kanan pada gambar This Week dan pilih Change Link. 10. Pada kotak dialog Select File, sorot DW3_thisweek.html dan klik Select. 11. Pada dokumen Dreamweaver, sorot kata products pada paragraf kedua. 12. Klik kanan dan pilih Make Link. 13. Pada kotak dialog Select File, sorot DW3_products_index.html dan klik Select. 14. Pilih File | Save untuk menyimpan semua perubahan yang telah Anda buat di homepage ini. 15. Pilih File | Close untuk menutup halaman ini. MENERAPKAN SEBUAH TEMPLATE