Membuat Halaman Dinamis dengan PHP

Kegunaan PHP sendiri adalah membuat website kita menjadi Dinamis, dinamis dalam pertukaran data, pembuatan pagination, pembuatan fungsi perhitungan, pembuatan halaman dan banyak sekali kegunaanya untuk website. Nah kali ini saya akan membahas tentang bagaimana Membuat Halaman Dinamis dengan PHP , baiklah langsung saja kita praktekan yah guys.. 😀

Pertama 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 buat 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>Dumet School</h2>
    <p>Membuat 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 | DumetSCHOOL</p>
  </footer>
  
</body>
</html>

Ketikan kode di bawah ini dan beri nama home.php

<h3>ini adalah halaman Home</h3>

Ketikan kode di bawah ini dan beri nama article.php

<h3>ini adalah halaman Article</h3>

Ketikan kode di bawah ini dan beri nama about.php

<h3>ini adalah halaman About</h3>

Ketikan kode di bawah ini dan beri nama contact.php

<h3>ini adalah halaman Contact</h3>

coba kalian jalankan di localhost masing-masing, klik menu nya satu persatu, maka akan berubah-ubah apabila kita mengklik salah sau menu nya, kalo tidak ada yang salah dalam penulisan kode, maka hasilnya akan berjalan dengan baik.

Sekian tutorial bagaimana Membuat Halaman Dinamis dengan PHP , semoga bermanfaat & keep coding :D.