Tombol Navigasi

Bagaimana membuat table navigasi?mungkin kita perlu tahu dulu apa fungsi dari tombol navigasi, adalah apabila kita klik button navigasi maka kita akan diarahkan dari isi web kita/ atau kebuka dari page layout lainnya, tombol navigasi halaman pertama biasanya diberi nama home

Berikut Contoh lainnya spt blog, about us, contact us, gallery dll. Letak posisi tombol navigasi

biasanya dibawah tittle web kita dan diatas sidebar contents contoh spt gambar dibawah :

 

Cara buatnya ikuti langkah dibawah ini :

1. Buka template web kita dan klik kursor mouse sesuai  kita taruh spt gambar

2. kita masukkan dulu sebuah table pilih menu Insert > Table spt gambar dibawah

 

Setelah itu ada muncul pertanyaan spt gambar dibawah utk isian Rows diisi 1 saja sedangkan Columns sesuai keinginan anda, dan klik ok

 

Hasil sebagaimana gambar bawah,

 

Kemudian kita bisa melihat size lebarnya dgn mengklik angka sesuai panah dibawah dan pilih “ make all widths consistent “ supaya lebar masing2 4 column tadi sama rata, atau kita bisa atur lebarnya dgn mengganti angka sesuai gambar yg menunjukkan huruf “ W “ spt panah dibawah

 

Setelah itu kita bisa mengisi tulisan dengan home, blogs, gallery, about us dll. Dan juga kita bisa merubah warna font sesuai keinginan kita spt gambar dibawah :

 Disini saya beri warna putih #FFFFFF, itu tergantung selera anda setelah semua kolum table terisi : HOME, BLOGS, PRODUCT dll,utk hasil sementara firefox anda bisa melihat dgn mengklik globe spt gambar dibawah dan pilih preview in Firefox

 

Hasilnya sbb pd gambar bawah :

Nah utk langkah selanjutnya kita buat link biar table navigasi konek dgn artikel2 kita

langkah pertama Klik cursor tablenya

 

Kemudian Insert > template object > optional region,

 

Kemudian akan ada pertanyaan New optional region, isi name dgn Nav dan klik ok

spt gambar bawah :

 

Setelah klik ok jgn lupa utk save as sebanyak 4x pertama save as sbg index.html ,kedua sbg blogs dst.

Semua file simpan di file yg sesuai definision site kita dan beri nama huruf kecil2 semua.

Kalo sudah tersimpan semua file tsb sbg html. Kemudian buka file index.html alias sbg home

Selanjutnya baru kita link kan beberapa file utk di link kan ke halaman web lainnya

Caranya blok teks BLOGS tadi pada panel properties kenapa harus blogs dulu bukannya Home,

Karena file index.html tadi adalah web layout pertama kita alias home (beranda).klik folder link

Spt gambar dibawah :

 

Maka akan keluar dialog Select file dan link kan file layout web yg berisi blogs dan bila sudah

Klik ok, spt gambar dibawah :

 

Ok beres sudah me link kan satu file kita utk langkah me link kan PRODUK, ABOUT US ulangi langkah

Spt diatas, mudah bukan?

Utk hasil sementara Firefox anda bisa lihat sbb :

Kita bisa mengatur warna font link dan bentuk link mau gimana tergantung keinginan kita, caranya

Bagaimana ?ikuti langkah berikut :

Klik page properties spt panah gambar bawah

 

Maka akan muncul dialog page properties, klik links

 

Link color adalah warna link saat kita lihat di web maka akan nampak warna dari link.

Visited Links adalah warna link yang telah kita klik maka setelah kebuka berubah warna utk membedakan bahwa kita berada di page tsb.

Rollover links adalah  warna pada saat kita mau klik page tsb berubah warnanya.

Active links adalah warna link yang aktif artinya link itu saat bekerja akan nampak warna berbeda.

Underline style adalah style dari bentuk font anda bisa merubah dan melihat hasil kerjanya dgn mempraktekkannya sendiri, anda harus banyak mencoba!

Oke mungkin cukup tutorial utk pembuatan link navigasi ini, Semoga bermanfaat dan sukses !