Berikut ini adalah engine yang akan digunakan membaca file template, mengisinya dengan modul-modul dan menampilkan ke web browser.<\/p>\n
<\/p>\n
engine.php<\/p>\n
[php]
\nclass Template {
\nvar $html = “”;<\/p>\n
function Template($fileTemplate) {
\n$namaFile = “$fileTemplate”;
\n$penunjukFile = fopen($namaFile, “r”);
\n$this->html = fread($penunjukFile, filesize($namaFile));
\nfclose($penunjukFile);
\n}<\/p>\n
function isiVar($namaVar, $isiVar) {
\n$this->html = ereg_replace(“#$namaVar#”, $isiVar, $this->html);
\n}<\/p>\n
function isiBlokKiri($modulnya = array()) {
\n$isiBlokTotal = “”;
\nforeach($modulnya as $kunci => $nilai) {
\ninclude_once(“kiri\/$nilai.php”);
\n$isiBlokTotal .= $dt;
\n}
\n$this->html = ereg_replace(“#BLOCK_KIRI#”, $isiBlokTotal, $this->html);
\n}<\/p>\n
function isiContent($modulenya) {
\ninclude_once(“content\/$modulenya.php”);
\n$this->html = ereg_replace(“#CONTENT#”, $dt, $this->html);
\n}<\/p>\n
function isiBlokKanan($modulnya = array()) {
\n$isiBlokTotal = “”;
\nforeach($modulnya as $kunci => $nilai) {
\ninclude_once(“kanan\/$nilai.php”);
\n$isiBlokTotal .= $dt;
\n}
\n$this->html = ereg_replace(“#BLOCK_KANAN#”, $isiBlokTotal, $this->html);
\n}<\/p>\n
function tampilkanContent() {
\necho $this->html;
\n}
\n}
\n[\/php]<\/p>\n
index.php<\/p>\n
[php]
\nerror_reporting(“E_ERROR”);<\/p>\n
include_once(“engine.php”);<\/p>\n
$tpl = new Template(‘utama.htm’);<\/p>\n
$content = $_REQUEST[‘content’];
\nif (empty($content)) {
\n$content = ‘home’;
\n}<\/p>\n
$kiri = array(‘menu-vertikal’, ‘kotak-weblogin’);
\n$kanan = array(‘polling’, ‘shoutbox’);<\/p>\n
$tpl->isiVar(‘JUDUL_WEBSITE’, ‘Website Buat Belajar Aja’);<\/p>\n
$tpl->isiBlokKiri($kiri);
\n$tpl->isiContent($content);
\n$tpl->isiBlokKanan($kanan);<\/p>\n
$tpl->tampilkanContent();
\n[\/php]<\/p>\n
Silakan di cek lagi susunan file dan direktori adalah sebagai berikut:<\/p>\n
index.php
\nutama.htm
\ntable.css
\nengine.php
\nkiri\/menu-vertikal.php
\nkiri\/kotak-weblogin.php
\ncontent\/home.php
\ncontent\/berita-terbaru.php
\nkanan\/polling.php
\nkanan\/shoutbox.php<\/p>\n
Selamat mencoba!<\/p>\n","protected":false},"excerpt":{"rendered":"
Berikut ini adalah engine yang akan digunakan membaca file template, mengisinya dengan modul-modul dan menampilkan ke web browser.<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-76","post","type-post","status-publish","format-standard","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"Web Template Tanpa Table \u2013 PHP, JavaScript, dan CSS (Bagian 4)","description":"Berikut ini adalah engine yang akan digunakan membaca file template, mengisinya dengan modul-modul dan menampilkan ke web browser. engine.php [php] class Template { var $html = \"\"; function Template($fileTemplate) { $namaFile = \"$fileTemplate\"; $penunjukFile = fopen($namaFile, \"r\"); $this->html = fread($penunjukFile, filesize($namaFile)); fclose($penunjukFile); } function isiVar($namaVar, $isiVar) { $this->html = ereg_replace(\"#$namaVar#\", $isiVar, $this->html); } function isiBlokKiri($modulnya","canonical_url":"https:\/\/www.rumahweb.com\/journal\/web-template-tanpa-table-php-javascript-dan-css-bagian-4\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ","miscellaneous":""},"schema":null,"og:locale":"id_Id","og:site_name":"Rumahweb Journal \u2013 News, Article, and Tutorial of Web Dev","og:type":"article","og:title":"Web Template Tanpa Table \u2013 PHP, JavaScript, dan CSS (Bagian 4)","og:description":"Berikut ini adalah engine yang akan digunakan membaca file template, mengisinya dengan modul-modul dan menampilkan ke web browser. engine.php [php] class Template { var $html = ""; function Template($fileTemplate) { $namaFile = "$fileTemplate"; $penunjukFile = fopen($namaFile, "r"); $this->html = fread($penunjukFile, filesize($namaFile)); fclose($penunjukFile); } function isiVar($namaVar, $isiVar) { $this->html = ereg_replace("#$namaVar#", $isiVar, $this->html); } function isiBlokKiri($modulnya","og:url":"https:\/\/www.rumahweb.com\/journal\/web-template-tanpa-table-php-javascript-dan-css-bagian-4\/","article:published_time":"2006-11-22T14:55:26+00:00","article:modified_time":"2006-11-22T14:57:29+00:00","article:publisher":"https:\/\/www.facebook.com\/RumahwebIndonesia\/","twitter:card":"summary_large_image","twitter:site":"@rumahwebtweet","twitter:title":"Web Template Tanpa Table \u2013 PHP, JavaScript, dan CSS (Bagian 4)","twitter:description":"Berikut ini adalah engine yang akan digunakan membaca file template, mengisinya dengan modul-modul dan menampilkan ke web browser. engine.php [php] class Template { var $html = ""; function Template($fileTemplate) { $namaFile = "$fileTemplate"; $penunjukFile = fopen($namaFile, "r"); $this->html = fread($penunjukFile, filesize($namaFile)); fclose($penunjukFile); } function isiVar($namaVar, $isiVar) { $this->html = ereg_replace("#$namaVar#", $isiVar, $this->html); } function isiBlokKiri($modulnya","twitter:creator":"@rumahwebtweet"},"aioseo_meta_data":{"post_id":"76","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"","defaultPostTypeGraph":""},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2020-12-21 10:48:06","updated":"2026-04-19 02:47:39","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}