Untuk artikel kali ini berjudul "Cara mudah membuat web site".
Artikel ini merupakan kesimpulan dari 3 artikel sebelumnya.
Mari kita langsung saja ke permasalahannya.
Misalkan kita akan membuat web site dengan tampilan berikut :
1. index.php
2. menu.php
3. kalender.php (tidak kami bahas - dpt di download di internet)
4. identitasform.php
5. identitastabel.php
File-file tersebebut adalah file utama pada gambar disamping.
File tersebut juga tergantung pembaca menjadikan 1 file dalam index.php
atau terpecah-pecah yang nantinya di-include-kan dalam file index.php
Kemudian tabel yang kita buat :
1. menu
2. submenu
3. identitas
Langkah pertama yaitu buat index.php :
index.php berisi script html & php yaitu :
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Kemudian langkah kedua memasukkan file-file diatas dengan perintah include, menjadi :
...
<body>
<?
include "menu.php" //belum akan dibahas
include "kalender.php" //tidak dibahas
include "identitasform.php"
include "identitastabel.php"
?>
</body>
...
Lalu isi file : identitasform.php dan tabel identitas, yang berisi script sebagai berikut :
<?
for ($i=1; $i<6; $i++) {
?>
<tr>
<td><?echo $data['field'.$i];?></td>
<td><?echo inputbox('field'.$i,text,$data['field'.$i],20,20,'','','');?></td>
</tr>
<?
}
?>
....
Dengan isi tabel identitas sebagai berikut :
No | Nama Kegiatan | NRP | Nama Peminjam | dst
1 | Sarahsehan | 10... | Kevin | dst
2 | Latihan rutin | 71... | Julyo | dst
Lalu terakhir membuat file identitastabel.php dengan script sebagai berikut :
<?
$data = "SELECT * FROM dataidentitas where id = 1";
$data_a = "SELECT * FROM dataidentitas where id <> 1";
?>
<table>
<thead>
<tr>
<?
for ($i=1; $i<16; $i++) {
?>
<td><? echo $data['field'.$i]; ?></td>
<?
}
?>
</tr>
<thead>
<tbody>
<tr>
<td><? echo $data_a['field1']; ?></td>
<td><? echo $data_a['field2']; ?></td>
<td><? echo $data_a['field3']; ?></td>
....
<td><? echo $data_a['field15']; ?></td>
</tr>
</tbody>
</table>
...
Jadi deh file index.php seperti gambar diatas. Mudah kan.
Selamat mencoba.
No comments:
Post a Comment