Minggu, 09 Juni 2013

Koneksi Database ke Web (Bag. 2) Membuat Web Sederhana

Salam Open Source
Kembali lagi ke Cara Koneksi database ke Web bag. 2
Untuk cara kedua ini adalah Membuat Website Sederhana
1. Buka Aplikasi untuk Membuat Web (Entah Dreamwaver, Geany, Bluefish, PHPpad, Notepad, Notepad++ atau yang lainnya terserah)
2. Buka Folder Xampp yang ada di direktori kalian lalu buka Folder htdocs lalu Buat folder Baru dengan nama "tutorial", setelah itu dalam folder tutorial Buat file baru berkekstensi .php dan beri nama index.php lalu Simpan di folder "tutorial" tadi
3. Daripada ngoding lama-lama mending langsung kopi aja script di bawah ini di file index.php
<html>
<head>
<title>Kho-iS Web</title>
<style type="text/css">
<!--
.style1 {font-size: 40px}
.style2 {font-size: 24px}
-->
</style>
</head>
<body>
<table width="900" border="1">
  <tr>
    <th colspan="5" scope="col"><p align="left" class="style1">Selamat Datang di Kho-iS Blog</p>
    <p align="left" class="style1">Fakultas Teknik Prodi Sistem Informasi</p>
    <p align="left" class="style1">UNIPDU Jombang  </p></th>
  </tr>
  <tr>
    <td width="172"><div align="center">Home</div></td>
    <td width="172"><div align="center">Profil</div></td>
    <td width="172"><div align="center">Tugas Web </div></td>
    <td width="137"><div align="center">Tutorial</div></td>
    <td width="213"><div align="center">Kontak Kami </div></td>
  </tr>
  <tr>
    <td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">  
    <strong>..Rahajeng Rawuh Ing Kho-iS Personal Website..</strong>  
</marquee></td>
  </tr>
  <tr>
    <td colspan="4">&nbsp;</td>
    <td> <p class="style3 style2">Link Sponsor :  </p>
<p align="right"><a href="http://www.unipdu.ac.id/" target="_blank">UNIPDU Jombang</a></span></span></span></li></div>
<p align="right"><a href="http://www.digilib.unipdu.ac.id/" target="_blank">Perpustakaan UNIPDU</a></li></p>
<p align="right"><a href="http://www.journal.unipdu.ac.id/" target="_blank">Journal Online UNIPDU</a></li></p>
<p align="right"><a href="http://www.fai.unipdu.ac.id/" target="_blank">Fakultas Agama Islam</a></li></p>
<p align="right"><a href="http://www.fbs.unipdu.ac.id/" target="_blank">Fakultas Bahasa dan Sastra</a></p>
<p align="right"><a href="http://www.fia.unipdu.ac.id/" target="_blank">Fakultas Ilmu Administasi</a></p>
<p align="right"><a href="http://www.ft.unipdu.ac.id/" target="_blank">Fakultas TEKNIK</a></p>
<p align="right"><a href="http://www.mipa.unipdu.ac.id/" target="_blank">Fakultas MIPA</a></p>
<p align="right"><a href="http://www.fik.unipdu.ac.id/" target="_blank">Fakultas Ilmu Kesehatan</a></p>
</td>
  </tr>
  <tr>
    <td colspan="5"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" truespeed="true" scrollamount="1" scrolldelay="40" direction="left">  
    <strong>Copyright &copy; 2013 Khoirul Islam All rights reserved.&nbsp;Supported</a>&nbsp;by&nbsp;<a href="http://www.unipdu.ac.id/" target="_blank" title="Universitas Pesantren Tinggi Darul 'Ulum Jombang">Unipdu Jombang</a> and <a href="http://staff.unipdu.ac.id/nufan/" target="_blank">Mr. Nufan </a></strong>  
</marquee></td>
  </tr>

</table>
</body>
</html>

4. Lalu Cek Web browser anda ketikkan localhost/tutorial seperti di bawah ini

Selesai deh membuat web sederhananya
ikuti Tutorial selanjutnya setelah postingan ini

Tutorial Bagian 1 | Bagian 2 | Bagian 3 | Bagian 4 | Bagian 5 | Bagian 6 

Baca Juga

Tidak ada komentar:

Posting Komentar

Follow My Twitter