Skip to main content

Contoh18 ( Halaman Index Pengunjung) : Webpro

Halaman Index Pengunjung

Buat file untuk halaman home...
simpan dengan nama home.php


Tambahkan gambar dengan cara insert -> image Object -> Image Placeholder



Buat file untuk mengakses halaman ke dalam file index. kita namakan buka_file.php
Script buka_file.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<?php
switch($_GET['page']){
case'':if(!file_exists ("home.php")) die ("File home tidak ada");
include "home.php";
break;
case'artikel':if(!file_exists ("tampilartikel.php")) die ("File berita tidak ada");
include "tampilartikel.php";
break;
case'bukutamu':if(!file_exists ("tambahbukutamu.php")) die ("File buku tamu tidak ada");
include "tambahbukutamu.php";
break;
}
?>
</body>
</html>



Terakhir kita buat tampilan halaman index.php
Sript index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" align="center">
<tr>
<td colspan="4" bgcolor="#FF6600" height="80"><div style="font-size:50px">fajaryusuf.com</div></td>
</tr>
<tr bgcolor="#FF8901">
<td width="29%"></td>
<td width="12%"><a href="index.php">HOME</a></td>
<td width="21%"><a href="index.php?page=bukutamu">BUKU TAMU</a></td>
<td width="38%"><a href="index.php?page=artikel">ARTIKEL</a></td>
</tr>
<tr>
<td align="center" bgcolor="#FF0000">INFORMASI</td>
<td colspan="3"></td>
</tr>
<tr>
<td align="center">Contoh Pemrograman WEB 1<br/>
Terimakasih hormat saya fajar yusuf
</td>
<td colspan="3"><?php include "buka_file.php";?></td>
</tr>
<tr bgcolor="#FF6600">
<td colspan="4" align="center">PEMROGRAMAN WEB 1 - Fajaryusuf.com 2016</td>
</tr>
</table>
</body>
</html>



Hasilnya akan seperti berikut :

Halaman utama(index) yang telah kita buat..
Halaman buku tamunya



Yee akhirnya sampai disini kita telah berhasil membuat website informasi. .tinggal kalian lebih perdalam dan permahir lagi...







Jangan lupa like dan share
Jika ada pertanyaan silakan melalui komentar
hormat saya fajaryusuf.com




MATERI WEBPROGRAMMING

Jika anda baru di pemrogramman web silakan belajar dari materi pertama :

Materi ke-1 : Dasar-dasar Web
Materi ke-2 : Pemberian Warna
Materi ke-3 : Membuat Table
Materi ke-4 : Dasar PHP
Materi ke-5 : Tipe Data
Materi ke-6 : Konstanta dan Komentar
Materi ke-7 : Operator
Materi ke-8 : Operator Perbandingan
Materi ke-9 : Operator Logika
Materi ke-10 : Operator String
Materi ke-11 : Form
Materi ke-12 : Input dan Output dalam 1 Form
Materi ke-13 : Percabangan
Materi ke-14 : Pembuatan Database Mysql
Materi ke-15 : Buku Tamu
Materi ke-16 : Buku Tamu Lanjutan
Materi ke-17 : Artikel
Materi ke-18 : Halaman Index Pengunjung
Labels:

Comments

Anonymous said…
Wow so good
Tuesday, November 13, 2018
Post a Comment

Popular posts from this blog

Contoh Program C++ : Konversi Bilangan Hexadesimal, Oktal , Biner.

Hai Pembaca FajarYusuf.Com yang pintar dan berwawasan tinggi, kali ini FajarYusuf.Com akan post Contoh Program C++ : Konversi Bilangan Hexadesimal, Oktal , Biner . Mari kita membuat program konversi bilangan yang sangat mudah di buat dengan menggunakan bahasa pemrograman C++. Yaitu dengan menggunakan type data long, untuk Hexadesimal dengan rumus : <<hex<<desimal (merubah dari bilangan Desimal ke Hexadesimal) , untuk Oktal dengan rumus : <<oct<<desimal (merubah dari bilangan Desimal ke Oktal). Dan untuk biner dilakukan pembagian 2. Contoh Coding Program C++ Konversi Bilangan: #include<iostream> using namespace std; int main() { long desimal, pembagi=1073741824, bit; cout<<"Nilai Desimal : "; cin>>desimal; cout<<"Hexadesimal = "<<hex<<desimal<<endl; cout<<"Oktal = "<<oct<<desimal<<endl; ...
Post a Comment
Baca Lebih »

Menambahkan Peraturan Komentar Pada Blog

Menambahkan Peraturan Komentar Pada Blog : Ngblog Menulis sebuah artikel dan dikomentari dengan link aktif/promosi produk dan kata kata spam lainnya memang tidak mengenakan anda mungkin akan sangat merasa kecewa sekali, anda mungkin seperti menulis sebuah artikel namun tidak dihargai karyanya oleh orang lain. Mungkin membuat aturan berkomentar di blog adalah salah 1 cara menetralisirnya, mungkin jika ada aturan tersebut orang berpikir 2 kali untuk meninggalkan komentar Spam, lalu bagaimana cara membuat aturan komentar tersebut? langsung saja kita praktekan Ikuti langkah berikut : Login ke bloger,masuk ke blog yang anda inginkan, Klik Setelan -> POS-KOMENTAR   Scroll kebawah dan cari menu "pesan formulir komentar" klik tambahkan , dan isi kolom sesuai keinginan kalian atau peraturan yang kalian inginkan.  Setelah selesai silakan klik simpan setelan dipojok kanan atas. Lihat hasilnya di blog kalian ,akan seperti ini : Jika ada pertanyaan...
21 comments
Baca Lebih »

Mengenal Struktur Pada Bahasa Pemrograman C++

Hai Pembaca FajarYusuf.Com yang pintar dan berwawasan tinggi, kali ini FajarYusuf.Com akan post  Mengenal Struktur Pada Bahasa Pemrograman C++ . Secara umum, struktur bahasa pemrograman C++ umumnya adalah seperti dibawah ini : // contoh program C++ #include <iostream> using namespace std; int main () { cout << "Selamat Belajar C++ di fajaryusuf.com"; return 0; } Hasil output: Klik gambar untuk memperbesar Sisi atas merupakan source code, dan sisi bawah adalah hasilnya setelah dilakukan compile dan di eksekusi. persatu Program diatas merupakan salah satu program paling sederhana dalam C++, tetapi dalam program tersebut mengandung komponen dasar yang selalu ada pada setiap pemrograman C++. Jika dilihat satu : // contoh program C++ Baris ini adalah komentar. semua baris yang diawali dengan dua garis miring (//) akan dianggap sebagai komentar dan tidak akan berpengaruh terhadap program. Dapat digunakan oleh programmer ...
Post a Comment
Baca Lebih »