Membuat kerangka website dengan php


merencanakan dahulu kerangka yang diinginkan terdiri dari apa saja. Kalau saya,. pakai  seperti dibawah ini ada header.php , footer.php , body.php , dll. setelah itu pastikan terlebih dahulu pc kita terinstall xampp ato yang lain. tapi saya disini pakai xampp,. maka nanti kita membuat folder ais (misal) ditaruh di c:/xampp/htdocs/  .dan untuk file-file yang akan dibuat ditaruh di satu folder yaitu di c:/xampp/htdocs/ais/

1.  mm,. ini kita mulai dari membuat header.php ,. untuk script bisa di download di sini.

2.  setelah di download lalu open – save as – header.php lalu disimpan di folder ais (misal).  *jangan lupa mengganti save  as type menjadi all files.

3.  setelah  itu kita membuat body.php,. untuk script bisa di download di sini.

4.  setelah di download lalu open – save as – body.php lalu disimpan di folder ais.

5.  lalu membuat menu-nya (misal biodata) maka scriptnya seperti ini.

<?php
include ("header.php");
 echo '<table width="100%">
<tr>
<td width="20%" height="800" align="center" valign="top" 
bgcolor="#ff74d4">
<br/>  <br><li type="circle"><a href="index.php">
<font color="red">Home</font></a> 
</li><br><li type="circle"><a href="biodata.php">
<font color="red">Biodata</font>
</a> </li></td> <td bgcolor="#ffa7fd">
Nama = AISYAH <br>
Jurusan =    TEKNIK INFORMATIKA<br>
Konsentrasi =     SISTEM INFORMASI<br>
Hobby  =  Berenang, Baca buku, Browsing, 
Menuhin Blog, Menyanyi, Makan, Tidur.<br>
</td></tr></table>';include("footer.php"); ?>

6.   Lalu save script diatas –>  biodata.php.  maka akan muncul seperti dibawah ini

7.   lakukan hal yang sama untuk membuat isi dari menu home,.  😀

8.   lalu membuat footer.php  scriptnya seperti dibawah ini

<?php
echo '<table width="100%" border="2">
<tr> <td width="900" height="90" align=center 
bgcolor="#ff74d4" td>
<font color=red>TERIMAKASIH ATAS KUNJUNGAN ANDA</font>
</td> </tr></table>';?>

9.  lalu save dengan nama footer.php

10.  Yang terakhir yaitu membuat index.php scriptnya seperti dibawah ini  (sangat simple)

<?php
include ("header.php");include("body.php");include("footer.php"); ?>

11.  Inilah hasilnya jika kita membuka di mozilla dg alamat =  localhost/ais/index.php

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s