Home > Menengah > Web Development > Tutorial PHP > Generate Halaman HTML Statik dengan PHP

.

2 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Ada alasan ketika sang developer web lebih mengutamakan halaman html statik ketimbang menggunakan halaman dinamis yang dibuat dengan php dan system databasenya, mysql. Kebanyakan hal ini terjadi karena sang developer web dibatasi oleh adanya keterbatasan bandwith yang disediakan oleh pihak hosting, ataupun biasa hal ini terjadi untuk pengiritan bandwith. Ya, beberapa situs besar menggunakan cara seperti ini.
Menggunakan halaman html statik, selain ringan, html statik ini tidak teralu beresiko di segi keamanannya (kecuali sang penyusup mampu menerobos masuk ke dalam server lewat bug yang lain). Dalam tutorial php kali ini saya akan coba memanfaatkan fungsi-fungsi dasar php seperti ‘fungsi handling file’ dalam menggenerate halaman HTML statik dengan menggunakan PHP. Perbedaan antara pembuatan halaman web dinamis dengan generate halaman html statik adalah pada pembuatan halaman web dinamis biasanya cuma menggunakan satu file php saja, namun php dapat membuat banyak halaman hanya dengan satu file tesebut, dalam teknik generate halaman html statik, php menghasilkan banyak halaman html statik yang berbeda isinya. Oke, intronya penulis cukupkan. Kita akan coba masuk ke dalam teknis generate halaman HTML statik dengan PHP.

Kita membutuhkan 2 file yang berbeda, file pertama adalah halaman form untuk menentukan title, menentukan nama file, dan lain-lain sebagainya, sedangkan halaman kedua digunakan untuk menggenerate halaman html dengan menggunakan atribut pada file sebelumnya.

file htmlformgenerate.html

<html>
<head><title>Generate HTML Pages | By : Loka Dwiartara </title></head>
<body>
<table style=”margin-top:40px” border=”1″ align=”center” width=”50%”>
<caption><h1>Generate HTML Pages</h1></caption>
<form action=”generatehtmlstatik.php” method=”POST”>
<tr><td>Nama Halaman</td><td><input type=”text” name=”nama” size=”40″ /></td></tr>
<tr><td>Judul/Title Halaman</td><td><input type=”text” name=”title” size=”70″/></td></tr>
<tr><td>Meta Keyword</td><td><input type=”text” name=”keyword” value=”dipisahkan dengan , (koma)” size=”70″/></td></tr>
<tr><td>Isi Halaman</td><td><textarea name=”isi” cols=”55px” rows=”10″></textarea></td></tr>
<tr><td></td><td><input type=”submit” name=”buat” value=”buat filenya!” /></td></tr>
</form>
</table>
</body>
</html>

dan terakhir file generatehtmlstatik.php

<?php
$namafile = str_replace(” “, “-“, $_POST[‘nama’]).”.html”;
$buatfile = fopen($namafile, “w+”);
if($buatfile == false)
{
die(“Tidak bisa membuat file, karena permission direktori tidak mengizinkan”);
}
else
{
$isifile = “<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2 Final//EN”>n”
.”<html>n”
.”<head><title>”.$_POST[‘title’].”</title>n”
.”<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>n”
.”<meta name=”keywords” content=”.$_POST[‘keyword’].” /></head>n”
.”<body>”.$_POST[‘isi’].”</body>n”
.”</html>”;

fwrite($buatfile, “$isifile”);
}
fclose($buatfile);
?>

inti dari teknik generate page adalah pada file generatehtmlstatik.php, di mana didalamnya terdapat fungsi yang dapat menggenerate file html.

Seperti dalam baris ini :

mengganti spasi dengan baris, url memerlukan hal ini
$namafile = str_replace(” “, “-“, $_POST[‘nama’]).”.html”;

dan selanjutnya membuat file dengan nama yang telah di tentukan dalam form? htmlformgenerate.html
$buatfile = fopen($namafile, “w+”);

setelah itu mengedit isi file yang telah di buat …
fwrite($buatfile, “$isifile”);

mudah bukan?? untuk body text anda dapat menggunakan editor text seperti tinymce atau nicedit untuk menghasilkan html yang lebih kompleks. Selamat mencoba. Anda dapat melihat hasil dari skrip tersebut disini …

http://www.ilmuwebsite.byethost31.com/htmlformgenerate.html
http://www.ilmuwebsite.byethost31.com/halaman-tes.html

untuk mendownload script tersebut silahkan klik …
generate-statik-page-loka-dwiartara.zip

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



2 Response untuk Artikel Ini

  1. Imron

    Saya mau usul nih kepada Mas pengasuh website ini. Bagaimana kalau dibahas cara membuat Navigasi Halaman untuk blog atau website buatan sendiri seperti yang terdapat di bagian bawah halaman utama website ilmuwebsite.com ini?


  2. mayosi

    ini yang saya cari cara generate html / membuat halaman html dengan script php, makasiih ya untuk ilmu nya,, solusi bagus buat update konten, topik, atau artikel.


eXTReMe Tracker