• Tidak ada hasil yang ditemukan

1. Kadir, A. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Andi Yogyakarta.

2. Kadir, A. 2002. Pemrograman Web Mencakup : HTML, Css, Javascript & PHP Jilid I.. Yogyakarta : Andi Yogyakarta.

3. Kadir, A. 2002. Penuntun Praktis Belajar SQL. Yogyakarta : Andi Yogyakarta.

4. Sidik, B. 2004. Pemrograman Web dengan PHP Jilid I. Bandung : Informatika Bandung.

5. Triyuliana, Agnes Heni. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Semarang : Wahana Komputer.

6. Triyuliana, Agnes Heni. 2008. Panduan Lengkap ADOBE DREAMWEAVER CS3. Yogyakarta : Andi Yogyakarta.

7. Nugroho, Bunafit. 2004. PHP & mySQL dengan Editor Dreamweaver MX. Yogyakarta : Andi Yogyakarta.

1. index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Al-Azhar</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />

<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;

font-family: "Courier New", Courier, monospace;} .style5 {font-family: "Courier New", Courier, monospace}

.style7 {color: #CC0000; font-weight: bold; font-size: small; font-family: "Times New Roman", Times, serif; }

.style9 {color: #33CC00; font-weight: bold; font-size: x-large; font-family: "Courier New", Courier, monospace; }

.style10 {

font-family: "Times New Roman", Times, serif; color: #000000; font-weight: bold; font-size: small;}--> </style> </head> <body> <div id="banner">

<div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>

<ul id="navlist">

<li id="active"><a id="current" href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>

<li><a href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</a></li> <li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a"> <h2 align="center" class="style5">Links</h2> <div class="menu"> <ul>

<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li>

<li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul></div>

<img src="images/100_1428.JPG" alt="box" width="112" height="116" class="border" />

<p align="center" class="style7">Labolatorium Biologi </p>

<p><img src="images/100_1370.JPG" alt="box" width="112" height="120" class="border" /></p>

<p align="center" class="style7">Kantin &amp; Perpustakaan </p> </div><div id="sidebar-b">

<h2 class="style5">Introduction</h2>

<p align="center" class="style10">SMA PLUS AL-AZHAR adalah salah satu sekolah yang berbasis kompetensi. Mempunyai 2 kurikulum pembelajaran atau sering disebut dengan "Kurikulum Two In One". Dalam proses pembelajaran ini yaitu perpaduan secara utuh kurikulum nasional dari Depdiknas dan Kurikulum Diniyah dari Departemen Agama. Dengan penggabungan dua kurikulum ini lulusan ALAZHAR ditargetkan mempunyai kekuatan iman dan taqwa dalam kalbunya dan mempunyai bobot akademis sebagai dasar ilmu dan teknologi dalam pemikirannya.</p></div>

<div id="content">

<h2 align="center" class="style7">Assalamu'alaikum Wr,Wb.</h2>

<div align="center" class="style1"><img src="images/100_1362.JPG" width="481" height="216" />

<p align="center" class="style9">SMA PLUS AL-AZHAR MEDAN </p></div>

<p align="justify" class="style10">SMA Plus Al-Azhar Medan merupakan salah satu upaya Yayasan Hajjah Rachmah Nasution dalam mewujudkan visi dan misinya dalam bidang sosial, pendidikan dan keagamaan.SMA Plus Al-Azhar Medan berada di Jln. Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan. SMA Al-Azhar Medan didirikan pada 16 Juli 1983.

SMA Plus Al-azhar Medan juga mengadakan kegiatan-kegiatan yang bermanfaat bagi siswa / siswinya seperti Persami, Ramadhan Centre, Malam ibadah, dan Malam Munajat yang diharapkan akan mampu meningkatakan akhlak dan ibadah siswa / siswi. </p> </div>

<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |&copy; 2009 Design by Hanisa Kusuma </div>

</body> </html>

2. profile.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />

<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;

font-family: "Courier New", Courier, monospace;} .style2 {

color: #CC0000; font-weight: bold; font-size: small;

font-family: "Times New Roman", Times, serif;} .style7 {

font-size: medium;

font-family: "Courier New", Courier, monospace;}

.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}

.style11 {font-family: "Courier New", Courier, monospace}--> </style>

</head> <body>

<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>

<ul id="navlist">

<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>

<li><a href="visimisi.php">VISI DAN MISI</a></li>

<li id="active"><a id="current" href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li> <li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a"> <h2 align="center" class="style11">Links</h2> <div class="menu"> <ul>

<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="ekskul.php">Ekstrakulikuler</a></li> </ul> </div></div> <div id="content"> <h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>

<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>

<span class="style10"></span></div>

<table width="650" height="207" border="0" cellspacing="1">

<tr> <th height="27" colspan="2" class="style2 style7" scope="col"><div align="center">Kontak Kami</div></th> </tr> <tr>

<td width="151"><div align="left"><strong><span class="style9">Alamat:</span></strong></div></td>

<td width="406"><form action="" method="post" name="form1" class="style9" id="form1"> <label></label> <label>

<input name="alamat" type="text" id="alamat" value="Jln.Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan Sumatera Utara" size="75" /> </label>

</form></td></tr> <tr>

<td><div align="left"><strong><span class="style9">Telp : </span></strong></div></td>

<td><form action="" method="post" name="" class="style9" id=""> <label></label>

<label>

<input name="telp" type="text" id="telp" value=" (061)8361911,(061)8361711" size="30" /></label></form></td></tr>

<tr><td><div align="left"><strong><span

class="style9">Faks:</span></strong></div></td>

<td><form id="form2" name="form2" method="post" action=""> <label></label>

<label></label> <label>

<input name="faks" type="text" id="faks" value=" (061)8367946" size="30" /> </label></form></td></tr>

<tr><td><div align="left"><strong><span

class="style9">Website</span>:</strong></div></td>

<td><form id="form3" name="form3" method="post" action=""> <label></label>

<label><input name="website" type="text" id="website"

value="www.alazharmedan.com" size="30" /></label></form></td></tr> <tr> <td><div align="left"><strong><span

class="style9">Email:</span></strong></div></td>

<td><form id="form4" name="form4" method="post" action=""><label></label> <label><input name="email" type="text" id="email"

value="alazharmedan84@yahoo.com" size="30" /></label></form></td> </tr></table>

<p>&nbsp;</p> <p>&nbsp;</p> </div>

<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |&copy; 2009 Design by Hanisa Kusuma </div>

</body> </html>

3. visimisi.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Al-Azhar</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />

<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;

font-family: "Courier New", Courier, monospace;} .style2 {

color: #CC0000; font-weight: bold; font-size: small;}

.style5 {font-family: "Courier New", Courier, monospace}

.style8 {color: #CC0000; font-weight: bold; font-size: small; font-family: "Courier New", Courier, monospace; }

.style9 {color: #000000} .style10 {font-size: small} .style11 {

color: #000000; font-size: small;

font-family: "Times New Roman", Times, serif; font-weight: bold;}

.style15 {color: #000000; font-weight: bold; font-size: small; }--> </style>

</head> <body>

<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>

<ul id="navlist">

<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>

<li id="active"><a id="current" href="visimisi.php">VISI DAN MISI</a></li> <li><a href="kontak.php">KONTAK KAMI</a></li>

<li><a href="admin.php">ADMINISTRATOR</a></li>

<h2 align="center" class="style5">Links</h2> <div class="menu">

<ul>

<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="ekskul.php">Ekstrakulikuler</a></li></ul></div></div> <div id="content"> <h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>

<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>

<span class="style10"></span></div>

<p align="center"> <span class="style8">Visi dan Misi serta Ciri Siswa</span></p> <p align="left"><span class="style8">Visi :</span> <span class="style11">Wadah intelektual muslum dan muslim yang intelektual.</span><br /><br />

<span class="style8">Misi :</span> <span class="style11">Melaksanakan pendidikan dengan dua muatan dan satu ciri khas, yaitu :<br />

1. Pertama, bermuatan iman dan taqwa dikalbunya.<br /> 2. Kedua, bermuatan ilmu dan teknologi di akalnya.<br />

3. Ciri khas berakhlakul karimah dalam mengamalakan hablum minallah dan habulumminannas.<br />

</span><span class="style15"></span><span class="style2"><br /> <span class="style5">Ciri Siswa Al-azhar : </span></span><br />

<span class="style11">1. Menegakkan sholat lima waktu dan rutin membaca Al-Quran.<br />

2. Berakhlak mulia dalam ucapan, sikap dan perbuatan.<br /> 3. Tidak melawan guru dan orangtua.<br />

4. Belajar tekun dan berdisiplin.<br />

5. Rapi dalam menampilan dan membudayakan hidup bersih. </span> <p align="left">

<p align="left"></div>

<div id="footer"> <a href="index.php">Home</a> | <a href="profile.php">Profile</a> | <a href="visimisi.php">Visi dan Misi </a> | <a href="kontak.php">Kontak Kami </a> | <a href="administrator.php">Administrator </a> |&copy; 2009 Design by Hanisa Kusuma </div>

</body> </html>

4. kontak.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="moderna.css" rel="stylesheet" type="text/css" />

<style type="text/css"> <!-- .style1 { color: #00CC33; font-weight: bold; font-size: x-large;

font-family: "Courier New", Courier, monospace;} .style2 {

color: #CC0000; font-weight: bold; font-size: small;

font-family: "Times New Roman", Times, serif;} .style7 {

font-size: medium;

font-family: "Courier New", Courier, monospace;}

.style9 {font-family: "Courier New", Courier, monospace; color: #000000; } .style10 {font-size: x-large}

.style11 {font-family: "Courier New", Courier, monospace}--> </style>

</head> <body>

<div id="banner"><div align="center"><img src="images/header-web.gif" width="887" height="174" /></div></div>

<ul id="navlist">

<li><a href="index.php">HOME</a></li> <li><a href="profile.php">PROFILE</a></li>

<li><a href="visimisi.php">VISI DAN MISI</a></li>

<li id="active"><a id="current" href="kontak.php">KONTAK KAMI</a></li> <li><a href="admin.php">ADMINISTRATOR</li>

<li><a href="bukutamu.php">BUKUTAMU</a></li></ul> <div id="sidebar-a">

<h2 align="center" class="style11">Links</h2> <div class="menu"><ul>

<li><a href="so.php">Struktur Organisasi </a></li> <li><a href="fasilitas.php">Fasilitas</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="ekskul.php">Ekstrakulikuler</a></li></ul></div></div> <div id="content"> <h2 align="center" class="style2">Assalamu'alaikum Wr,Wb.</h2> <span class="style9"></span>

<div align="center"><img src="images/100_1362.JPG" width="481" height="188" /> <p align="center" class="style1">SMA PLUS AL-AZHAR MEDAN </p>

<span class="style10"></span></div>

<tr> <th height="27" colspan="2" class="style2 style7" scope="col"><div align="center">Kontak Kami</div></th></tr>

<tr><td width="151"><div align="left"><strong><span class="style9">Alamat:</span></strong></div></td>

<td width="406"><form action="" method="post" name="form1" class="style9" id="form1">

<label></label> <label>

<input name="alamat" type="text" id="alamat" value="Jln.Pintu Air IV No.214 Kwala Bekala Padang Bulan Medan Sumatera Utara" size="75" />

</label></form></td></tr>

<tr><td><div align="left"><strong><span class="style9">Telp : </span></strong></div></td>

<td><form action="" method="post" name="" class="style9" id="">

Dokumen terkait