Membuat menu home dengan php

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Kembali lagi dengan saya yang tentunya memberikan tips dan trik seputar dunia website. Pada kesempatan kali ini saya akan memberikan tips tentang Cara Membuat Menu Dinamis Dengan PHP Dan Mysql dimana kita akan membuatnya dengan php untuk mengambil data dari data mysql. Seperti yang kita tahu dengan menggunakan php kita dapat membuat sebuah fitur dinamis salah satu nya menu dinamis ini, pada tutorial kali ini kita akan membuat satu baris terlebih dahulu dan akan kita lanjutkan pada artikel setelah ini membuat menut sub kategory untuk itu kunjungi terus website ini ya 🙂

Baik langsung saja kita implementasikan Cara Membuat Menu Dinamis Dengan PHP Dan Mysql pertama – tama buat database nya terlebih dahulu dan buat table seperti gambar di bawah ini

Kemudian masukkan datanya

Kemudian kita buat menu nya dengan html dan css

	


	
		

			
Home
			
About
			
Contact
			
Gallery
			
Blog
		
	

Masukkan css nya

*{margin:0; padding:0;}
body{background:gray; margin-top:20px;}
menu{width:800px; margin:auto; height:60px; background-color:black; border-radius: 20px 20px 0 0}
menu ul {list-style: none}
menu ul li{float:left; width: 20%; line-height:60px; text-align: center;}
menu ul li a{display: block; text-decoration:none; color:white;}
menu ul li a:hover{color:white; display: block; background-color:white; color:gray;}
menu ul li:first-child a {border-radius: 20px 0 0 0}
menu ul li:last-child a{border-radius: 0 20px 0 0}

Save dengan nama index.php, kemudian kita buat koneksinya

$server = "localhost";
$username = "root";
$password = "";
$db = "hernowo";

$connect = mysqli_connect($server,$username,$password,$db);

if(!$connect){
    die("Connection Failed : ".mysqli_connect_error());
}

Lalu buat perintah ambil data dan looping html nya di dalam while

	0){
            while($row = mysqli_fetch_array($query)){
	?>
			

			
		

Pada perintah Query kita berikan limit sebanyak 5, artinya kita akan membatasi data menu sebanyak 5. Jika sudah save dan jalankan pada browsernya maka hasilnya seperti gambar di bawah ini

Menu dinamis dengan 1 kategori berhasil di buat, oke sekian dulu pada artikel kali ini tentang Cara Membuat Menu Dinamis Dengan PHP Dan Mysql kita berjumpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa.

6Navigasi adalah petunjuk posisi dan arah perjalanan. Di dalam dunia web, navigasi dianggap penting agar user yang sedang berada di dalam halaman tertentu tidak tersesat dan mudah menemukan halaman-halaman lain dalam website Anda.

Menu adalah bagian dari website yang berisi link-link utama yang mengarah pada halaman tertentu di sebuah website.

Selain itu dapat diartikan, Menu navigasi adalah sebuah fasilitas yang diberikan oleh si pemilik situs dimana didalamnya berisi sekumpulan link-link penting. Menu navigasi juga berfungsi sebagai pemandu kepada pengunjung agar dapat lebih mudah dalam menentukan kategori yang diinginkan tanpa harus bersusah payah mencarinya.

Menu navigasi dapat berbentuk mendatar (horizontal) atau menurun (vertical) juga dapat dibuat bercabang dengan sub menu (dropdown) atau tidak, tergantung kebutuhan dari situs tersebut.

Untuk membuat sistem menu ini tentu kita sudah dapat menjalankan fungsi CRUD (Create, Read, Update, dan Delete)  karena dengan adanya fungsi CRUD ini dapat memudahkan kita untuk menggunakannya.

Lalu langkah awal yang akan kita lakukan pastinya kita sudah memiliki database yang sudah terhubung oleh fungsi CRUD tersebut.

Langkah Awal Membuat Website dengan PHP?

Apa itu navigasi pada HTML?