Selasa, 24 Desember 2013

Codingan Web di Php part II (End)

Share it Please
Oke kali ini saya akan meneruskan postingan yang sebelumnya yaitu "Codingan Web di Php Part I" , oke di postingan yang Part I Webnya itu baru ada Indexnya saja namun sudah dikasih CSS (Cascading Style Sheet) sekarang saya akan memberikan Halaman Contact dan Halaman Profile.

Sekarang kita buat file di folder yang waktu itu ,kita namakan contact.php
lalu copy script dibawah ini

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contact - Trainee Anonymous</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<a href="index.php" id="logo"><img src="URL gambar anda" alt="logo"></a>
<ul>
<li>
<a href="index.php">Home</a>
</li>
<li>
<a href="profile.php">Profile</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li class="selected">
<a href="contact.php">Contact</a>
</li>
</ul>
</div>
</div>
<div id="body" class="contact">
<h3>Contact Us</h3>
<p>
Jika anda ingin bertanya langsung ke kami silahkan kirim e-mail atau telpon ke :
</p>
<div>
<div>
<span>Telepon : <a href="URL anda">Forum Anda</a></span>
<p>
</p>
<span>Telpon Gratis : No . Telp Anda</span>
</div>
<div>
<span>Alamat E-mail</span> <span>Email Anda</span> <span>Email Admin : Email2 anda/span>
</div><br><br><br>
<div>
<span>Alamat Sekolah</span> <span>Alamat Anda</span> <span>Curug 16953</span>
<span>Cimanggis, Depok</span>
</div><https://maps.google.com/?ll=37.0625,-95.677068&spn=42.224734,86.572266&t=m&z=4>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=42.224734,86.572266&amp;t=m&amp;z=4&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/?ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=42.224734,86.572266&amp;t=m&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</div>
</div>
<div id="footer">
<div>
<p>
&#169; 2013 Sony Surahman. All Rights Reserved.
</p>
<div class="connect">
<a href="http://facebook.com/ID" id="facebook">facebook</a> <a href="http://twitter.com/ID" id="twitter">twitter</a>
</div>
</div>
</div>
</body>
</html>
oke itu untuk halaman Contact Us

Lalu buat profile.php
dan copy script dibawah ini

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Profile - Trainee Anonymous</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<a href="index.php" id="logo"><img src="URL gambar anda" alt="logo"></a>
<ul>
<li>
<a href="index.php">Home</a>
</li>
<li class="selected">
<a href="profile.php">Profile</a>
</li>
<li>
<a href="about.php">About</a>
</li>
<li>
<a href="contact.php">Contact</a>
</li>
</ul>
</div>
</div>
<div id="body" class="subdivisions">
<ul>
<li>
<div>
<h3>Judul content Anda</h3>
<p>
Content Anda
</p>
</div>
<a href="about.html"><img src="URL Gambar Anda" width="250" height="200" alt=""></a>
</li><br><br><br><br><br><br><br>
<li>
<div>
<h3>Judul Content Anda</h3>
<p>
Content Anda
</p>
</div>
<a href="blog.php"><img src="Url gambar Anda" width="250" height="200" alt="logo"></a>
</li>

</ul><br><br><br><br><br><br><br>
<center><img src="Url gambar anda" width="900" height="400"></center>

</div>
<div id="footer">
<div>
<p>
&#169; 2013 Sony Surahman. All Rights Reserved.
</p>
<div class="connect">
<a href="http://facebook.com/ID" id="facebook">facebook</a> <a href="http://twitter.com/id" id="twitter">twitter</a>
</div>
</div>
</div>
</body>
</html>

nb: yang warna merah itu adalah embed google maps , hanya bisa terlihat apabila ada koneksi internet
ganti yang warna hijau sesuka kalian

Oke Sekian dari saya , untuk halaman yang lainnya anda dapat copy script diatas dan tinggal anda Edit-Edit saja...
dan web itu bisa kalian kembangkan lagi menjadi seperti selera anda , dan mungkin saja dengan Artikel ini Kalian semua bisa mengerti bagaimana cara membuat website di php ..
untuk scrip lengkap bisa didownload disini
password rar :

Semoga Bermanfaat ^_^

Written by

Hello , My name is Sony Surahman.I'am a newbie Blogger

0 komentar:

Posting Komentar

Tolong kalau komentar pake bahasa yang sopan ya... :)

© 2014 T-A_Blog'z. All rights resevered. Designed by Templateism | Edited by Me