Membuat Halaman Dinamis dengan PHP
Kegunaan PHP sendiri ialah membangun situs kita menjadi Dinamis, dinamis pada pertukaran data, penyusunan pagination, penyusunan kegunaan perhitungan, penyusunan halaman dan banyak sekali kegunaanya bagi situs. Nah kali ini saya akan membahas mengenai bagaimana Membuat Halaman Dinamis dengan PHP , baiklah seketika saja kita praktekan yah guys.. 😀
Pertama-tama kalian buka text editor kesayangan kalian, dan ketikan kode PHP di bawah ini, dan beri nama file dengan nama index.php
<?php
include header.php;
if(isset($_GET[home])){
include home.php;
}else if(isset($_GET[about])){
include about.php;
}else if(isset($_GET[article])){
include article.php;
}else if(isset($_GET[contact])){
include contact.php;
}else{
include home.php;
}
include footer.php;
?>
Lalu setelah itu kita bikin CSSnya beri nama file dengan nama style.css.
body {
margin: 0;
font-size: 28px;
font-family: arial;
}
header {
background-color: #f39c12;
padding: 30px;
text-align: center;
}
header h2, p{
color: #2c3e50;
}
header h2{
font-size: 70px;
}
header p{
font-size: 40px;
}
#navbar {
overflow: hidden;
background-color: #e74c3c;
}
#navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
#navbar a:hover {
background-color: #c0392b;
color: #fff;
}
#navbar a.aktive {
background-color: #c0392b;
color: white;
}
.nav{
width: 932px;
margin:auto;
}
.konten {
margin:auto;
width: 900px;
padding: 16px;
background: #bdc3c7;
}
.sticky {
position: fixed;
top: 0;
width: 100%
}
.sticky + .konten {
padding-top: 60px;
}
h3{
color: #ecf0f1;
text-align: center;
}
footer{
background: #e74c3c;
overflow: hidden;
}
footer p{
color: #fff;
text-align: center;
text-decoration: none;
font-size: 15px;
}ketikan kode PHP di bawah ini dan beri nama header.php
<!DOCTYPE html>
<html>
<head>
<title>Halaman Dinamis dengan PHP</title>
<link rel=stylesheet href=style.css>
</head>
<body>
<header>
<h2>Source Code Aplikasi</h2>
<p>Membangun Halaman Dinamis dengan PHP</p>
</header>
<div id=navbar>
<div class=nav>
<a href=index.php?home>Home</a>
<a href=index.php?article>Article</a>
<a href=index.php?about>About</a>
<a href=index.php?contact>Contact</a>
</div>
</div>
<!-- navbar -->
<div class=konten>
Lalu ketikan kode di bawah ini dan beri nama footer.php
</div>
<!-- konten -->
<footer>
<p>Copyright © 2017 | Source Code Aplikasi</p>
</footer>
</body>
</html>
Ketikan kode di bawah ini dan beri nama home.php
<h3>ini ialah halaman Home</h3>
Ketikan kode di bawah ini dan beri nama article.php
<h3>ini ialah halaman Article</h3>
Ketikan kode di bawah ini dan beri nama about.php
<h3>ini ialah halaman About</h3>
Ketikan kode di bawah ini dan beri nama contact.php
<h3>ini ialah halaman Contact</h3>
coba kalian jalankan di localhost masing-masing, klik fitur nya satu persatu, karenanya akan berubah-ubah apabila kita mengklik salah sau fitur nya, kalo tak ada yang salah pada penulisan kode, karenanya hasilnya akan berjalan dengan bagus.
Demikianlah panduan bagaimana Membuat Halaman Dinamis dengan PHP , semoga bermanfaat keep coding :D.
Sumber https://kursuswebsite.org
