Cara membuat header php

Membuat Halaman Web Dinamis Dengan PHP

Table of Contents Show

Membuat Halaman Web Dinamis Dengan PHP
Kegunaan Halaman Web Dinamis ?
Membuat Halaman Web Dinamis Dengan PHP
TUTORIAL MENARIK LAINNYA
Membuat Laporan PDF Dengan PHP dan MySQLi
Export Data ke Excel Dengan PHP dan MySQLi
Membuat QR Code Dengan PHP
Menghitung Jumlah Baris dalam File Pada PHP

PHPMembuat Halaman Web Dinamis Dengan PHP

By Diki Alfarabi Hadi
23 April 2017
PHP

Membuat Halaman Web Dinamis Dengan PHP – Pada artikel tutorial PHP dasar kali ini di www.malasngoding.com 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.

Membuat Halaman Web Dinamis Dengan PHP

Ada email dari beberapa teman-teman yang selalu mengikuti tutorial di www.malasngoding.com untuk di buatkan tutorial tentang cara membuat halaman dinamis dengan PHP. karena sedang ada tugas dari sekolah atau kampus nya.

yups kali ini akan kita bahas cara membuat halaman web yang bersifat dinamis dengan menggunakan PHP.

Baca juga : Membuat halaman web ajax tanpa reload dengan JQuery

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. jika penjelasan ini masih kurang, teman-teman bisa menambahkanya dengan meninggalkan komentar pada tutorial ini.

supaya tidak bingung langsung saja kita masuk ke contoh cara source code membuat halaman dinamis dengan PHP.

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 dengan nama “dinamis_php“.

C:/xampp/htdocs/dinamis_php

Kemudian buat sebuah file dengan nama index.php

index.php

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

<!--

Author : diki alfarabi hadi

Site : www.malasngoding.com

-->

<h1 class="judul">WWW.MALASNGODING.COM</h1>

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

</header>

<ul>

<li><a href="index.php?page=tentang">TENTANG</a></li>

<li><a href="index.php?page=tutorial">TUTORIAL</a></li>

</ul>

</div>

<?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{

include "halaman/home.php";

}

</div>

</body>

</html>

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

<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>

tentang.php

<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>

tutorial.php

<h2>Halaman Tutorial</h2>

<p>Ini adalah halaman tutorial</p>

</div>

oke selesai. berikut ini struktur file nya setelah selesai.

membuat halaman web dinamis dengan php

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

cara membuat halaman dinamis dengan php

kemudian coba klik pada menu tentang atau tutorial.

halaman web dinamis php

Kemudian coba juga mengubah halaman url nya menjadi

localhost/dinamis_php/index.php?page=tes

maka akan muncul pemberitahuan bahwa halaman tidak di temukan.

membuat halaman tidak di temukan dengan php

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.

<li><a href="index.php?page=tentang">TENTANG</a></li>

<li><a href="index.php?page=tutorial">TUTORIAL</a></li>

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 di tuju.

<?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{

include "halaman/home.php";

}

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

if(isset($_GET['page'])){

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

include "halaman/home.php";

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

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;

}

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

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

nah. selesai !!

Oke sekian dulu tutorial kali ini di www.malasngoding.com tentang Membuat Halaman Web Dinamis Dengan PHP. semoga dapat bermanfaat.

jika ada yang kurang jelas, teman-teman bisa meninggalkan komentar di bawah. insyallah bisa berdiskusi sama-sama.

atau mungkin ada teman-teman yang mau menambahkan lagi tentang tutorial ini, supaya bisa memberikan penjelasan yang lebih untuk teman-teman yang lain, juga bisa meninggalkan komentar di bawah.

Terima kasih.

Incoming search terms:

cara membuat web dinamis
membuat web dengan php
membuat link php tanpa pindah halaman
contoh web dinamis
cara membuat halaman utama web dengan php
membuat web dinamis
membuat link html tanpa pindah halaman
Cara membuat php
membuat website dengan php
cara membuat web dengan php

Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

Author's profile
All posts by Diki Alfarabi Hadi

Tags: cara membuat halaman utama web dengan php, cara membuat link dinamis dengan php, codeigniter, contoh web dinamis php, materi membuat halaman web dinamis tingkat dasar, memanggil halaman lain dengan php, membuat halaman index dengan php, membuat halaman tidak di temukan dengan php, membuat halaman web dengan php, membuat halaman web dinamis tingkat dasar, membuat halaman web dinamis tingkat lanjut, membuat link php tanpa pindah halaman, membuat template web dinamis dengan php, modul pemrograman web dinamis, php, tutorial cara membuat halaman dinamis dengan php, tutorial cara membuat web dengan php

Tutorial PHP Dasar

#1. Pengenalan PHP
#2. Instalasi Web Server
#3. PHP Dasar
#4. Variabel PHP
#5. Tipe Data PHP
#6. String PHP
#7. If Else PHP
#8. Function PHP
#9. Switch Case PHP
#10. While PHP
#11. For PHP
#12. Array PHP
#13. Tanggal PHP
#14. Include dan Required
#15. Form Handling PHP
#16. Operator Aritmatika PHP
#17. Foreach PHP
#18. Format Nomor PHP
#19. Explode dan Implode PHP

Tutorial PHP Lanjutan

#1. File Exist PHP
#2. Mkdir dan Rmdir
#3. Base64 PHP
#4. Membuat Kalkulator
#5. Halaman Web Dinamis
#6. Koneksi PHP dan MySQL
#7. Login PHP
#8. Captcha PHP
#9. Upload File
#10. Form Validation PHP
#11. Pagination / Penomoran Halaman
#12. PHP Lanjutan Lainnya

Tutorial PHP CRUD

#1. Menampilkan Data Dari Database
#2. Input Data Ke Database
#3. Edit Data
#4. Hapus Data

Tutorial PHP OOP

#1. Pengenalan OOP PHP
#2. Class, Object, Property dan Method
#3. Construct dan Destruct
#4. Enkapsulasi
#5. Inheritance
#6. CRUD OOP PHP
#7. PHP Lanjutan Lainnya

Produk

Source Code Website Reservasi Kamar Hotel Dengan PHP dan MySQLi Rp 200,000
Source Code Aplikasi Pengajuan Cuti Karyawan Berbasis Website Rp 200,000
Source Code Toko Sport PHP dan MySQLi Rp 200,000
Source Code Sistem Informasi Kuesioner Berbasis Web Rp 200,000

Tutorial Terbaru

Tutorial Python # 13 : Jenis Operator Pada Python September 24, 2022
Membuat Laporan PDF Dengan PHP dan MySQLi September 3, 2022
Export Data ke Excel Dengan PHP dan MySQLi August 23, 2022
Membuat Select Option Dinamis Menggunakan Ajax August 17, 2022
Membuat QR Code Dengan PHP August 3, 2022

Toko Kami

SOCIAL

Malas Ngoding

TUTORIAL MENARIK LAINNYA

PHP

Membuat Laporan PDF Dengan PHP dan MySQLi

3 September 2022

Membuat laporan dalam bentuk PDF merupakan merupakah salah satu materi yang harus kita kuasai dalam proses pembuatan aplikasi. Kenapa demikian ? Hal ini karena hampir ...

Muzanni

PHP

Export Data ke Excel Dengan PHP dan MySQLi

23 August 2022

Export data ke excel dengan PHP dalah salah satu model yang biasanya digunakan dalam membuat laporan berdasarkan referensi data dari MySQL. Export data ke excel ...

Muzanni

PHP

Membuat QR Code Dengan PHP

3 August 2022

Membuat QR Code Dengan PHP – Halo teman-teman, Selamat datang kembali di malasngoding.com. Pada materi tutorial ini kita akan belajar tentang Membuat QR Code Dengan ...

Diki Alfarabi Hadi

PHP

Menghitung Jumlah Baris dalam File Pada PHP

18 June 2022

Menghitung jumlah baris adalah salah satu teknik yang penting dalam berbagai bidang terutama dalam bidang pemrograman. Dalam pemrograman web, disini saya menggunakan pemrograman PHP untuk ...