Membuat website dinamis dengan PHP sangat menguntungkan ketika mempunyai banyak file PHP yang beraneka ragam.
Di dalam program PHP secara umum harus memanggil nama file php nya ketika ingin mengakses, hal ini akan menjadi static website dimana ketika membuat konten harus mengisi semua element yang di butuhkan.
Sebenarnya apa sih website dinamis itu ?
APA ITU WEBSITE DINAMIS ITU ?
Website dinamis adalah suatu halaman website yang berubah ubah sedang kan sidebar dan menu tab sama.
3 tata letak di atas memiliki tempat yang berbeda dan konten dapat berubah-ubah sedangkan sidebar dan menu tetap sama.
Dengan PHP membuat website dinamis sederhana dapat menghemat penulisan kode sehingga pekerjaan akan lebih cepat.
Untuk membuat website dinamis dengan PHP dan Tag HTML dapat menggunakan perintah kondisi, seperti switch maupun if.. else.. .
MEMBUAT WEBSITE DINAMIS
Kita bisa mengguankan keyword GET untuk memanggil nilai pada sebual url.
Nah langsung saja kita buat
1.buat folder di htdocs
2.buat file PHP dan CSS nya.
Silahkan buat 4 file PHP dan 1 file CSS yang bernama:
index.php
obout.php
blog.php
style .css
beranda.php
<h3>Beranda Belajar coding</h3>
<p>Ini merupakan halaman awal website dinamis Beranda</p>
<p>Website dinamis di bangun menggunakan PHP dan CSS</p>
<p>Terima kasih.</p>
obout.php
h3>About Belajar Coding</h3>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgBC7if9feVbgKdbXPvK68O5_GMmoHHviGxqugGKXd-dphMF2V23tBAoTVN7k2y3nYC0jLlSkPmTpHQteqaX5sPCIQCkqrvSrnYVPN2Ic_qP427BOUMHlwNW-pvVjS5L5mO7cbUMEPdWdAWkveSttMe8dq4blWM6yQlk-TvKhhvdK6A-SxGcaUV3FjA/s1080/elajar%20Coding.png" alt="">
<p>Ini merupakan halaman awal website dinamis About</p>
<p>Website dinamis di bangun menggunakan PHP dan CSS</p>
<p>Terima kasih.</p>
blog.php
<h3>Blog Belajar Coding</h3>
<p>Ini merupakan halaman awal website dinamis About</p>
<p>Website dinamis di bangun menggunakan PHP dan CSS</p>
<p>Terima kasih.</p>
style.css
body {
background: rgb(73, 17, 228);
width: 500px;
margin: 20px auto;
color: white;
}
.header li {
list-style: none;
float: left;
border: 1px solid white;
margin-right: 5px;
border-radius: 3px;
}
.header a {
text-decoration: none;
color: white;
padding: 15px;
margin: 2px;
font-size: 20px;
}
.header,
.content,
.footer {
width: 600px;
overflow: hidden;
margin: 10px;
}
.content {
border: 1px solid white;
padding: 10px;
border-radius: 3px;
}
.footer a {
text-decoration: none;
color: rgb(190, 188, 188);
font-weight: 100;
}
index.php
<html>
<head>
<title>Cara membuat Website dinamis dengan PHP dan CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="header">
<li><a href="index.php?page=beranda">Home</a></li>
<li><a href="index.php?page=about">About</a></li>
<li><a href="index.php?page=blog">Blog</a></li>
</section>
<section class="content">
<?php
if (isset($_GET['page'])) {
if ($_GET['page'] == "about") {
include "about.php";
} elseif ($_GET['page'] == "blog") {
include "blog.php";
} else {
include "beranda.php";
}
} else {
include "beranda.php";
}
?>
</section>
<section class="footer">
Link tutorial :
<a href="https://belajarngodinggg.blogspot.com/">
Cara membuat Website Dinamis dengan PHP dan CSS
</a>
</section>
</body>
</html>
TERIMAKSI
