Cara Membuat Hyperlink Antar Halaman Dalam Satu Website

Membuat Hyperlink Antar Halaman Dalam satu website

Nah, itu tadi adalah cara untuk membuat hyperlink teks dimana link teks di arahkan/di link-kan ke sebuah alamat website tertentu.

Sekarang bagaimana caranya membuat hyperlink yang diarahkan ke suatu halaman tertentu yang ada di dalam website kita sendiri? dalam contoh kasus ini kita akan membuat halaman website lebih dari satu.

Misalkan, kita akan membuat sebuah halaman utama ( index ), yang nantinya akan memiliki 4 link, untuk dihubungkan ke halaman lainnya, misalnya, dihalaman index tersebut kita akan membuat 4 link yaitu :

1. Link ke halaman HOME
2. Link ke halaman PROFIL
3. Link ke halaman GALERI
4. Link ke halaman KONTAK

Dengan kondisi seperti itu, maka kita harus membuat 4 buah halaman website dengan nama file home.htm, profil.htm, galeri.htm dan kontak.htm.

Buatlah ke 4 file tersebut lalu simpan didalam folder yang sama yaitu folder 'website' yang sebelumnya sudah kita buat, Adapun cara membuat ke 4 file tersebut adalah sebagai berikut :

Buka halaman FrontPage baru, klik icon Create new page, atau melalui menu : 'file' › 'New'

Lalu masukkan tulisan/teks dihalaman kosong tersebut, misalnya : Halaman HOME

Selanjutnya kita save halaman tersebut dengan nama file 'home.htm' ( caranya sama seperti yang dicontohkan diatas ).

Lakukan langkah tersebut berulang-ulang, untuk menyimpan/men-save ke tiga file lainnya, yaitu : profil.htm, galeri.htm dan kontak.htm.

Perhatikan : Untuk memastikan, apakah kita telah berhail melakukan save untuk ke-4 file tersebut, silakan cek dengan cara melihat kedalam folder 'website' nya langsung, pastikan sudah terdapat file-file yang tadi kita save.

Untuk menghubungkan halaman yang satu dengan yang lainnya. Caranya sebagai berikut:

1. Buat daftar link menu yang akan kita hubungkan, Contoh: karena kita akan menghubungkan 4 buah halaman web maka kita akan menyiapkan 4 buah daftar teks menu yaitu: 'Home', 'Profil', 'Galeri' dan 'Kontak'. Gambar di bawah ini menunjukkan 4 buah teks menu yang sudah disiapkan.
   
   
2. Highlight / Block pada tulisan 'Home' lalu klik tombol kanan mouse dan pilih menu 'Hyperlink'
   
   
3. Pada kotak dialog 'Edit Hyperlink', perhatikan kolom 'Look in:' klik pada kolom 'Look in:' ini untuk mencari nama file halaman web yang akan dituju. Dalam contoh ini menu 'Home' akan dihubungkan dengan halaman web yang sudah diberi nama file 'home.htm'.
   
   
   Kalau sudah ketemu file halaman web yang Ibnu tuju selanjutnya Klik 1x pada nama file tersebut lalu klik tombol OK. Dalam contoh ini ditunjukan file yang dituju adalah file dengan nama home.htm.
4. Kita coba lakukan sekali lagi untuk menghubungkan teks menu 'Profil'. Highlight pada tulisan 'Profil' lalu klik tombol kanan mouse dan pilih menu 'Hyperlink'.
   
   
5. Cari file halaman web dengan nama 'profil.htm', lalu klik 1x pada nama file tersebut lalu klik tombol OK.
   
   
6. Lakukan hal yang sama untuk menghubungkan sisa menu lainnya, yaitu menu, 'galeri' dan 'kontak'.

Jika Sudah kita link-kan semua menunya, maka tampilan halaman web kita akan jadi seperti yang kita harapkan.  

 Langkah selanjutnya, kita save halaman hasil kerja kita barusan dengan nama 'index.htm'.

Untuk menguji apakah hyperlink yang sudah kita buat tersebut sudah berjalan dengan baik, cobalah klik mode 'Preview' dan klik lah pada masing-masing link tersebut.

Atau, kita bisa langsung mengeceknya melalui Browser Internet Explorer Ibnu, caranya :

• Buka folder 'website'
• Klik kanan file 'index.htm' pilih 'Open With' › 'Internet Explorer'.
  
  
• Jika sudah terbuka di Internet Explorer, silakan cek satu persatu link menu yang sebelumnya sudah dibuat, klik setiap menu yang ada, jika berhasil terhubung ke halaman yang dimaksud, berarti proses pembuatan link nya sudah berhasil.

Okay, sampai disini Anda sudah menguasai materi untuk memasukkan teks ke halaman website, merubah ukuran teks, mengatur posisi teks, merubah warna teks, dan membuat hyperlink pada teks.

Wow... lima materi kini sudahAnda kuasai... excellent! :-)

PENTING: Sebelum  membuat link untuk menghubungkan halaman satu dengan yang lainnya, kumpulkan dulu semua file yang akan di link-kan ke dalam satu folder, hal ini untuk mengihindari kesalahan link ketika file web Ibnu di upload ke Hosting.