Punya Mira

Bikin halaman depannya
<!DOCTYPE html>
<html>
<head>
<title>Membuat Halaman Web Dinamis Dengan PHP | www.malasngoding.com</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<div class="content">
<header>
<h1 class="judul">WWW.MALASNGODING.COM</h1>
<h3 class="deskripsi">Membuat Halaman Web Dinamis Dengan PHP</h3>
</header>
<div class="menu">
<ul>
<li><a href="index.php?page=home">HOME</a></li>
<li><a href="index.php?page=tentang">TENTANG</a></li>
<li><a href="index.php?page=tutorial">TUTORIAL</a></li>
</ul>
</div>
<div class="badan">
<?php
if(isset($_GET['page'])){
$page = $_GET['page'];
switch ($page) {
case 'home':
include "halaman/home.php";
break;
case 'tentang':
include "halaman/tentang.php";
break;
case 'tutorial':
include "halaman/tutorial.php";
break;
default:
echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";
break;
}
}else{
?>
</div>
</div>
</body>
</html>
Bikin cssnya
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-radius: 8px;
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;
div.halaman{
text-align: center;
padding: 30px 20px;

}
Bikin menunya
<div class="halaman">
<h2>Halaman Depan</h2>
<p>Selamat datang di www.malasngoding.com. ini merupakan halaman depan pada demo cara
Membuat Halaman Web Dinamis Dengan PHP</p>
</div>
<h2>Tentang Kami</h2>
<p>Ini adalah halaman tentang kami</p>
<p>Malasngoding.com adalah situs yang menyediakan konten-konten berkualitas untuk belajar

pemrograman web</p>
</div>
<h2>Halaman Tutorial</h2>
<p>Ini adalah halaman tutorial</p>
</div>
<li><a href="index.php?page=home">HOME</a></li>
<li><a href="index.php?page=tentang">TENTANG</a></li>
<li><a href="index.php?page=tutorial">TUTORIAL</a></li>
<?php
$page = $_GET['page'];
switch ($page) {
case 'home':
break;
case 'tentang':
break;
case 'tutorial':
break;
default:
break;
}else{
}
?>
switch ($page) {
case 'home':
break;
case 'tentang':
break;
case 'tutorial':
break;
default:
break;

Punya Mira

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Punya Mira

Diunggah oleh

Hak Cipta:

Format Tersedia

Bikin halaman depannya

<title>Membuat Halaman Web Dinamis Dengan PHP | www.malasngoding.com</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="jquery.js"></script>

Author : diki alfarabi hadi

<h3 class="deskripsi">Membuat Halaman Web Dinamis Dengan PHP</h3>

echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";

margin: 10px auto;

padding: 20px 10px;

border: 1px solid #f0f0f0;

border: 1px solid #f0f0f0;

transition:all 0.3s ease-in-out;

border: 1px solid #f0f0f0;

padding: 30px 20px;

<p>Ini adalah halaman tentang kami</p>

<p>Malasngoding.com adalah situs yang menyediakan konten-konten berkualitas untuk belajar

<p>Ini adalah halaman tutorial</p>

echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";

echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";

echo "<center><h3>Maaf. Halaman tidak di temukan !</h3></center>";

Anda mungkin juga menyukai