Tuesday, 26 September 2017

Cara membuat menu pada website beserta penjelasannya

Tags

Cara membuat menu pada website beserta penjelasannya

Jika sebelumnya kita sudah membuat halaman website dan mendesain website menggunakan CSS sekarang saat nya saya memberikan artikel untuk bagaimana cara membuat menu pada website dan pada kali ini bahasa pemrograman yang kita pakai adalah HTML namun walau kita menggunakan HTML saat menyimpan kita tetap menggunakan format .php

<?php
if(!defined("INDEX")) die("---");
?>
<ul class="left">
<li><a href="admin.php"> Beranda </a></li>
<li><a href="?tampil=menu"> Menu </a></li>
<li><a href="?tampil=halaman"> Halaman </a></li>
<li><a href="?tampil=artikel"> Artikel </a></li>
<li><a href="?tampil=galeri"> Galeri </a></li>
<li><a href="?tampil=pesan"> Pesan </a></li>
</ul>

<ul class="right">
<li><a href="../" target="blank"> Preview </a></li>
<li><a href="?tampil=user_edit"> Profil </a></li>
<li><a href="?tampil=keluar"> Keluar </a></li>
</ul>

Pada script di atas terdapat 2 tag <ul>, yaitu tag <ul> dengan class "left" yang akan kita letakan di sebelah kiri, dan tag <ul> dengan class "right" yang akan kita letakan di sebelah kanan. Penjelasan secara lengkap dari script di atas adalah sebagai berikut:
  • Tag <ul> digunakan untuk membuat kerangka dari list, sedangkan tag <li> untuk membuat item list nya. kedua tag ini harus di pakai bersama, dimana tag <li> harus selalu berada dalam tag <ul>
  • Tag <a> digunakan untuk membuat link sehingga teks yang ada di dalamnya dapat di klik. Atribut href di isi dengan url yang akan di buka ketika teks di klik. Penulisan ?tampil=menu maksudnya adalah admin.php (file yang di panggil) dengan nilai tampil "menu". File admin.php boleh di tuliskan seperti admin.php?tampil=menu atau tidak di tuliskan seperti pada script di atas. Nilai tampil pada  url tersebut nantinya akan di gunakan oleh file konten.php untuk menentukan halaman yang akan di tampilkan, misal ?tampil=menu, maka halaman yang akan di tampilkan adalah halaman menu. Atribut target="blank" digunakan agar ketika diklik, halaman halaman yang di tuju ditampilkan di tab yang berbeda.
Sekarang buka kembali halaman admin dengan mengetikan localhost/web/admin/admin.php pada address bar, maka sudah terlihat ada menunya, namun menu pada tampilan di website hanya baru tersusun dan belum kita atur halaman yang akan muncul ketika kita mengklik menu tersebut. Untuk mengatur isi menu tersebut bisa kalian baca di Cara mengatur isi menu pada website