Cara membuat halaman web dengan php
Penjelasan pada script :
Di sini kita mengalihkan halaman nya dengan menggunakan bantuan darimethod GET, di sini kita mengirim data GET dengan nama ‘page’, kemudian kita menangkap data page yang dikirim dan memeriksa isi dari GET page
yang dikirim dan meng-include halaman yang dituju.
Pada script :
Di sini kita cek dulu ada atau tidak nya GET page,
if[isset[$_GET['page']]]{
Jika tidak ada maka halaman yang ditampilkan adalah halaman home.
include "halaman/home.php";
Jika ada data GET yang di kirim, kemudian kita cek lagi dengan bantuan switch case, jika halaman yang dicari tidak ada atau tidak sesuai maka akan ditampilkan pemberitahuan bahwa halaman tidak di temukan.
Yang selanjutnya kita buat file css agar tampilannya lebih menarik, dengan nama file style.css
body{ background-color:#f9f9f9; font-size:16px color:#444; font-family: sans-serif; } .content{ width: 80%; margin: 10px auto; } /*header*/ header{ background-color: white; padding: 20px 10px; border-radius: 5px; border: 1px solid #f0f0f0; margin-bottom: 10px; } header h2.judul, header h3.deskripsi{ text-align: center; } /*menu navigasi*/ .menu{ background-color: rgb[34, 235, 174]; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 10px; } div.menu ul { list-style:none; overflow: hidden; } div.menu ul li { float:left; text-transform:uppercase; } div.menu ul li a { display:block; padding:0 20px; text-decoration:none; color:#2c2c2c; font-family: sans-serif; font-size:13px; font-weight:400; transition:all 0.3s ease-in-out; } div.menu ul li a:hover, div.menu ul li a.hoverover { cursor: pointer; color:#fff; } div.badan{ background-color: white; border-radius: 5px; border: 1px solid #f0f0f0; margin-bottom: 10px; } div.halaman{ text-align: center; padding: 30px 20px; }
File index.php dan style.css tersebut merupakan kerangka dari halaman web dinamis yang ingin kita buat, selanjutnya kita tinggal membuat sebuah folder bernama “halaman” , di dalam folderkita akan letakkan halaman-halaman yang akan kita buat.
Halaman-halaman yang akan kita buat :
- home.php
- tentang.php
- belajar.php
home.php
Halaman Utama
Selamat datang di website kami, ini merupakan halaman utama pada tutorial cara Membuat Halaman Web Dinamis Dengan PHP
tentang.php
Tentang Kami
Ini adalah halaman tentang kami
Website kami merupakan situs yang menyediakan konten-konten untuk belajar komputer
belajar.php
Halaman Belajar
Ini adalah halaman Belajar, anda dapat mencari materi pembelajaran di sini
Berikut ini struktur file dari project yang kita buat :
Berikut adalah hasil dari halaman web dinamis yang telah kita buat dengan php, yang diakses pada browser dengan alamat localhost/webdinamis :
Selanjutnya kita coba klik pada menu
tentang atau belajar, kemudian coba juga mengubah halaman url nya menjadi localhost/webdinamis/index.php?page=coba , maka akan muncul pemberitahuan bahwa halaman tidak di temukan.