Membuat Halaman Web Dinamis Dengan PHP

Pada artikel tutorial PHP ini kita akan membahas tentang cara membuat halaman web dinamis dengan php. atau bisa juga kita sebuat membuat halaman template web yang bersifat dinamis dengan php.

Apa yang di maksud dengan halaman web dinamis? dan apa sih kegunaan dan keuntungan membuat halaman web yang dinamis? yuk simak penjelasan tentang tutorial cara membuat halaman dinamis dengan php berikut ini.

Kegunaan Halaman Web Dinamis ?

Yuk kita bahas sedikit tentang apa sih kegunaannya halaman web dinamis? karena mungkin ada teman-teman yang belum tau.

Halaman web yang bersifat dinamis dapat sangat berguna dan menghemat segala keperluan. contohnya untuk mengedit suatu halaman, kita hanya perlu mengeditnya di halaman itu saja. tanpa harus mengubah di semua halaman.

Membuat Halaman Web Dinamis Dengan PHP

Berikut ini adalah cara membuat halaman dinamis dengan PHP. Silahkan teman-teman ikuti, dan akan di jelaskan secara detail.

buat sebuah project di localhost. di sini saya membuat sebuah project (folder) dengan nama “dinamis_php“.

C:/xampp/htdocs/dinamis_php
Kemudian buat sebuah file dengan nama index.php
index.php

kemudian buat file css nya. agar tampilan nya lebih menarik di pandang.

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 h1.judul,
header h3.deskripsi{
text-align: center;
}
/*menu navigasi*/
.menu{
background-color: #87CEFA;
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;
}

Sampai di sini kita telah selesai membuat kerangka dari halaman web dinamis yang ingin kita buat. selanjutnya kita tinggal membuat sebuah folder bernama “halaman”.

di dalam folder ini lah akan kita letakkan halaman-halaman apa saja yang ingin kita buat.

berikut adalah halaman-halaman yang akan kita buat:

  • home.php
  • tentang.php
  • tutorial.php

di contoh tutorial ini saya membuat halaman dengan nama home.php

home.php

tentang.php

tutorial.php

oke selesai. berikut ini struktur file nya setelah selesai.

nah. ayo kita lihat hasil dari halaman dinamis yang telah kita buat dengan php.

sekarang akses project dinamis_php yang telah kita buat di browser.
localhost/dinamis_php
dan hasilnya

kemudian coba klik pada menu tentang atau tutorial.

 

Kemudian coba juga mengubah halaman url nya menjadi

localhost/dinamis_php/index.php?page=tes
maka akan muncul pemberitahuan bahwa halaman tidak di temukan.

jadi di sini kita sekalian membuat halaman tidak di temukan dengan php. nah selesai sudah halaman dinamis yang telah kita buat dengan php. Jika teman-teman masih bingung dengan cara kerjanya. yuk simak penjelasan berikut.

Penjelasan

Sebenarnya konsep nya mudah saja teman-teman. coba teman-teman perhatikan pada link url menu yang kita buat di atas.

Nah di sini kita mengalihkan halaman nya dengan menggunakan bantuan dari method GET. jika teman-teman belum paham tentang penggunaan method GET, teman-teman bisa membaca tutorial kita sebelumnya tentang Method GET pada PHP.

di sini kita mengirim data GET dengan nama ‘page’.

kemudian kita menangkap data page yang di kirim. dan memeriksa isi dari GET page yang di kirim. dan meng-include halaman yang dituju.

di sini kita cek dulu ada atau tidak nya GET page.

jika tidak ada maka halaman yang di tampilkan adalah halaman home.

jika ada data GET yang di kirim, kemudian kita cek lagi dengan bantuan switch case php.

jika halaman yang di cari tidak ada atau tidak sesuai maka kita tampilkan pemberitahuan bahwa halaman tidak di temukan.

Nah, Selesai.

Leave a Reply

Your email address will not be published. Required fields are marked *