Newsticker: 

Membuat Website Personal Full Color dengan Adobe Photoshop CS dan Macromedia Dreamweaver 8 (part 8)

Langkah 5 – Link dengan Image Map

Pada langkah ini akan diberikan link yang masing-masing untuk membuka utama.html, tentang.html, galeri.html, dan link.html

  1. Buka jendela Design untuk index.php, dan pilih gambar header dengan cara mengkliknya.
  2. Dalam keadaan gambar header terpilih, aktifkan Polygon Hotspot Tool  kemudian buat titik yang saling terhubung untuk membuat area link. Contoh membuat link untuk Halaman Utama menggunakan Image Map.

    Setelah Anda selesai menentukan area image map, Anda akan mendapatkan tag berikut di status bar.
  3. Aktifkan Pointer Hotspot Tool  kemudian klik pada gambar header kembali (dalam keadaan tag img aktif).
  4. Ulangi mengaktifkan Polygon Hotspot Tool  kemudian buat titik yang saling terhubung untuk membuat area link untuk Tentang Saya, Galeri Foto, Link Saya, dimana setelah selesai membuat satu area image map, pastikan Anda menggunakan Pointer Hotspot Tool kembali untuk memilih gambar header.
  5. Aktifkan Pointer Hotspot Tool  kemudian pilih masing-masing area image map. Lakukan pengaturan Link untuk masing-masing area seperti yang ditunjukkan ilustrasi gambar di bawah ini.




    Catatan : untuk link diisikan index.php?kirimhalaman=sesuatu, dimana sesuatu adalah nama file html yang akan dipanggil dari link yang bersangkutan.
  6. Simpan file dengan menekan kombinasi tombol Ctrl+S. Sampai tahap ini Anda telah berhasil membuat link dengan image map, tetapi belum bisa melihat hasil dari link tersebut.

 

Baca langkah selanjutnya disini

Bagikan...

Cari pada situs ini

Drs. Djaetun H.S (Pendiri Yayasan Atma Luhur)

..."Cerdas berbudi luhur adalah dua hal yang tak terpisahkan. Kecerdasan tanpa diimbangi budi luhur akan digunakan untuk membodohi dan mencelakakan orang lain. Sebaliknya, budi luhur tanpa diimbangi kecerdasan akan menjadi sasaran kejahatan dan penindasan orang lain"...

April  2020
Mon Tue Wed Thu Fri Sat Sun
   
  1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30  

Arsip

April 2020
M T W T F S S
« Mar    
 12345
6789101112
13141516171819
20212223242526
27282930  

Arsip

Kategori