Tutorial membuat web dengan xampp1.pertama buka xampp control panael lalu klik start pada

2.masuk web browser lalu ketikan localhost/phpmyadmin pada address bar

3.menu utama xampp control panel

4.buat basis data (database)

5.kemudian buat table

6.isikan table ini sebagai form yang akan di buat

7.buat scribt php dalam notepad ( pertama buat scribt input.php ) dan simpan pada folder C:\xampp\htdocs\belajar(belajar folder yang kita buat sendiri ) dan ini scribt yang di gunakan.simpan dengan nama input.php

<form name="from1" method="post" action="input-proses.php"><p><center><font color="blue" face="Viner Hand ITC"></center></p><table align="center" width="80%" height="50%" border="20" style="background:blue"><center><b><h1>FORMULIR PENDAFTARAN PESERTA DIDIK BARU</body></b></h1></marquee></font><center><b><h1>SMK NEGERI NGADIROJO</body></b></h1></marquee></font><center><b><h3>tahun pelajaran 2015-2016</body></b></h3></marquee></font><p><tr><td>NAMA: </td><td><input name="nama" type="text" id="nama"></td></tr></p><P><tr><td>SEKOLAH: </td><td><input name="sekolah" type="text" id="sekolah"></td></tr></p><p><tr><td>ALAMAT: </td><td><input name="alamat" type="text" id="alamat"></td></tr></p><p><tr><td>TEMPAT/TANGGAL LAHIR: </td><td><input name="tempat"type="text" id="tempat">

<select name="tgl" id="tgl"><option selected"selected">1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option> <option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option>

<option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select><select name="bln" id="bln"><option selected"selected">januari</option><option>februari</option><option>maret</option><option>april</option><option>mei</option><option>juni</option><option>juli</option><option>agustus</option><option>september</option><option>oktober</option><option>november</option><option>desember</option></select><select name="thn" id="thn"><option selected"selected">1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option></td></tr></p></select>

<p><tr><td>PILIHAN JURUSAN1: </td><td><select name="jurusan1" id="jurusan1"><option selected="selected"></option><option>TKJ</option><option>TOKR</option><option>AKUTANSI</option><option>APSP</option>

<option>ATPH</option><option>KR</option></td></tr></p></select>

<p><tr><td>PILIHAN JURUSAN2: </td><td><select name="jurusan2" id="jurusan2"><option selected="selected"></option><option>AKUTANSI</option><option>APSP</option><option>ATPH</option><option>KR</option></td></tr></p></select>

<p><tr><td>AGAMA: </td><td><select name="agama" id="agama"><option selected="selected"></option><option>islam</option><option>kristen</option><option>katolik</option><option>budha</option><option>hindu</option></td></tr></select>

<p><tr><td>JENIS KELAMIN :</td><td><input name ="jk" value="LAKI-LAKI" type="radio">LAKI-LAKI<input name ="jk" value="PEREMPUAN" type="radio">PEREMPUAN</td></tr></p>

<p><tr><td>ASAL SEKOLAH:</td><td><input name="asalsekolah" type="text" id="asalsekolah"></td></tr></p><p><tr><td>NILAI RATA-RATA:</td><td><input name="danem" type="text" id="danem"></td></tr></p><p><tr><td><center><input type="submit" name="submit" value="simpan"></center></td></tr>

Dan dari scribt di atas akan berubah menjadi tampilan seprti ini. Dan cara untuk melihat hasil nya dengan cara ketiik localhost/ardintriu(nama folder)/input.php dalam web browser.

8. Kemudian buat scribt baru seperti yang sebelumnya dengan nama input-proses.php seperti ini :

<?phpmysql_connect("localhost","root","");mysql_select_db("ardin");$simpan ="INSERT INTO lima SET nama='$_POST[nama]' , alamat='$_POST[alamat]' , tempat='$_POST[tempat]' , tgl='$_POST[tgl]' , bln='$_POST[bln]' , thn='$_POST[thn]' , asalsekolah='$_POST[asalsekolah]' , jurusan1='$_POST[jurusan1]' , jurusan2='$_POST[jurusan2]' , agama='$_POST[agama]' , jk='$_POST[jk]' , danem='$_POST[danem]'";mysql_query($simpan);echo "data berhasil disimpan";echo "<br>";echo "<a href=input.php>kembali</a>";echo "<br>";echo "<a href=tampil.php>tampilkan</a>";?>

Scribt input proses adalah scribt yang berisi proses ketika kita melakukan input data. Ini gambar input proses:

9.buat scribt tampil.php dengan scribt seperti dbawah ini :

<?phpmysql_connect('localhost','root','');mysql_select_db('ardin');$tampil="select * from lima order by nama asc";$permintaan=mysql_query($tampil);$nourut =1;while($data=mysql_fetch_array($permintaan)){echo "NO:";echo "$nourut";echo "&nbsp";echo "<br>";echo "NO PENDAFTARAN:";echo $data['nopend'];echo "&nbsp";echo "<br>";echo "NAMA:";echo $data['nama'];echo "&nbsp";

echo "<br>";echo "ALAMAT:";echo $data['alamat'];echo "<br>";echo "TEMPAT:";echo $data['tempat'];echo "<br>";echo "TANGGAL:";echo $data['tgl'];echo "<br>";echo "BULAN :";echo $data['bln'];echo "<br>";echo "TAHUN :";echo $data['thn'];echo "<br>";echo "ASAL SEKOLAH :";echo $data['asalsekolah'];echo "<br>";echo "JURUSAN1 :";echo $data['jurusan1'];echo "<br>";echo "JURUSAN2 :";echo $data['jurusan2'];echo "<br>";echo "AGAMA :";echo $data['agama'];echo "<br>";echo "JENIS KELAMIN :";echo $data['jk'];echo "<br>";echo "NILAI RATA-RATA :";echo $data['danem'];echo "<br>";echo "<a href =hapus.php?nopend=$data[nopend]>hapus</a><br>";echo "<a href =edit.php?nopend=$data[nopend]>edit</a><br>";$nourut++;}?><p><a href=input.php>kembali ke input data</a><body bgcolor="cyan"></body>

Dan seperti ini hasil dari tampil.php

9.jika ada kesalahan dalam pengisian data dapat di ubah dengan cara klik edit. Dan sebelumnya kita harus membuat scribt edit.php. seperti dibawah ini

<?phpmysql_connect('localhost','root');mysql_select_db('ardin');$tampil=$_GET['nopend'];$permintaan=mysql_query("select * from lima where nopend='$tampil'");$data=mysql_fetch_array($permintaan);?><form id="form1" name="form1" method="post" action="update.php"><p><tr><td>NAMA: </td><td><input name="nama" type="text" id="nama" value="<?php echo $data['nama']; ?>"</td></tr></p><P><tr><td>SEKOLAH: </td><td><input name="sekolah" type="text" id="sekolah" value="<?php echo $data['asalsekolah']; ?>"</td></tr></p><p><tr><td>ALAMAT: </td><td><input name="alamat" type="text" id="alamat" value="<?php echo $data['alamat']; ?>"</td></tr></p><p><tr><td>TEMPAT/TANGGAL LAHIR: </td><td><input name="tempat"type="text" id="tempat" value="<?php echo $data['tempat']; ?>"</td></tr>

<select name="tgl" id="tgl"><option><?php echo $data['tgl']; ?></option>

<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option> <option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select><select name="bln" id="bln"><option><?php echo $data['bln']; ?></option><option>januari</option><option>februari</option><option>maret</option><option>april</option><option>mei</option><option>juni</option><option>juli</option><option>agustus</option>

<option>september</option><option>oktober</option><option>november</option><option>desember</option></select><select name="thn" id="thn"><option><?php echo $data['thn']; ?></option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option></td></tr></p></select>

<p><tr><td>PILIHAN JURUSAN1: </td><td><select name="jurusan1" id="jurusan1"><option><?php echo $data['jurusan1']; ?></option><option>TKJ</option><option>TOKR</option><option>AKUTANSI</option><option>APSP</option><option>ATPH</option><option>KR</option></td></tr></p></select>

<p><tr><td>PILIHAN JURUSAN2: </td><td><select name="jurusan2" id="jurusan2"><option><?php echo $data['jurusan2']; ?></option><option>AKUTANSI</option><option>APSP</option><option>ATPH</option><option>KR</option></td></tr></p></select>

<p><tr><td>AGAMA: </td><td>

<select name="agama" id="agama"><option><?php echo $data['agama']; ?></option><option>islam</option><option>kristen</option><option>katolik</option><option>budha</option><option>hindu</option></select></td></tr></select>

<p><tr><td>JENIS KELAMIN : </td><td><select name="jk" id="jk"><option><?php echo $data['jk']; ?></option><option>laki-laki</option><option>perempuan</option></select></td></tr></select>

<p><tr><td>ASAL SEKOLAH: </td><td><input name="asalsekolah" type="text" id="asalsekolah" value="<?php echo $data['asalsekolah']; ?>"</td></tr></p><p><tr><td>NILAI RATA-RATA: </td><td><input name="danem" type="text" id="danem" value="<?php echo $data['danem']; ?>"</td></tr></p><p><input type="submit" name="submit" value="ubah data"></p><body background=dia.jpg>

Dan hasilnya ini.

Dan ganti apa kesalahan anda. Tapi itu belom bias karena kita harus membuat scribt update.php agar dapat mengubah data dan scribtnya sebagai berikut:

<?phpmysql_connect('localhost','root','');mysql_select_db('ardin');$nopend = $_POST[nopend];$nama = $_POST[nama];$alamat = $_POST[alamat];$tempat = $_POST[tempat];$tgl= $_POST[tgl];$bln = $_POST[bln];$thn = $_POST[thn];$asalsekolah = $_POST[asalsekolah];$jurusan1 = $_POST[jurusan1];$jurusan2 = $_POST[jurusan2];$agama = $_POST[agama];$jk = $_POST[jk];$asal = $_POST[asal];$danem = $_POST[danem];mysql_query("update lima set nama='$nama', alamat='$alamat', tempat='$tempat', tgl='$tgl', bln='$bln', thn='$thn', asalsekolah='$asalsekolah', jurusan1='$jurusan1', jurusan2='$jurusan2', agama='$agama', jk='$jk', asal='$asal' danem='$danem' where nama='$nama'");header("location:tampil.php");?>

Jika sudah. Coba ganti nama menjadi aldito lalu klik ubah data apa yang akan terjadi :

Jika ingin menjadikan satu kesatuan dan memperindah buat scribt seperti di bawah ini :1.buat scribt dengan nama atas.html simpan di folder yang telah di buat

<html><p><center><font color="blue" face="Viner Hand ITC"></center></p><center><b><h2>PENDAFTARAN PESERTA DIDIK BARU </body></b></h2><center><b><h3>tahun pelajaran 2015-2016</body></b></h3></marquee><center><b><h4>created by : TKJ</body></b></h4></center></font><body background=dia.jpg></html>

2.buat scribt dengan nama kiri.html simpan di folder yang telah di buat<html><body bgcolor="orange"><center><a href=kanan.html target="utama">home</a><p><b>formulir pendaftaran :</p></b><p><center><a href="input.php" target="utama">isikan data anda</center></a><p><center><a href="tampil.php" target="utama">lihat hasil input data</center></a></body></html>

3.buat scribt dengan nama kanan.html simpan di folder yang telah di buat

<html><body bgcolor="cyan" color text="white"></body><p><center><h1>formulir pendaftaran peserta didik baru</h1></p><p><center><h2>tahun ajaran</h2></p><p><center><h2>2014-2015</h2></p><p align="center">created by : TKJ </p></body></html>

4.buat scribt dengan nama index.html simpan di folder yang telah di buat

<FRAMESET ROWS="30%,80% "BORDERCOLOR="blue"><FRAME SRC="atas.html" NORESIZE><FRAMESET COLS=15%,80% "BORDER="10"><FRAME SRC="kiri.html" BORDERCOLOR="blue"><FRAME SRC="kanan.html"SCROLLING="yes" NAME="utama"></FRAMESET></FRAMESET>

Dan tampilan akan berubah menjadi seperti ini :