Listing program Style.css body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

(1)

Listing program

Style.css

body {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;

} td {

} th {

}

.bodystyle {

}

.small {

}

.medium {

} .big {

}

.xbig {

}

.expanded {

line-height: 16px; letter-spacing: 2px; }

.justified {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify;

}

(2)

font-family: "Times New Roman", Times, serif; font-size: 9px; color: #999999; } .box1 { padding: 3px; border-width: thin; border-style: solid; border-color: #CCCCCC #666666 #666666 #CCCCCC; } .box2 { font-style: italic; word-spacing: 2pt; padding: 3px; border-width: thin; border-style: solid; }

Index.php

<html> <head> <title>www.smpn1kabanjahe.sch.id</title>

</tr> </table>

<tr>

<tr>

</tr> <tr>

(3)

<tr>

<div align="left">Mari Belajar Bersama, Membangun Bangsa dan Negara....

</div>

</marquee> </td> </tr>

</table></td>

</tr> <tr>

</tr> <tr>

<tr>

<tr> <td background="images/m9.jpg"><div align="center">.:MENU:.</div></td> </tr> <tr> <td background="images/m9.jpg"> </td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=beranda">BERANDA</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=profil">PROFIL</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=struktur">STRUKTUR</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=gallery">GALLERY</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div

align="center"><a href="index.php?hal=aboutus">ABOUT US</a> </div></td> </tr>

<tr>

(4)

</tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=pengumuman">PENGUMUMAN</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="index.php?hal=artikel">ARTIKEL</a></div></td> </tr> <tr> <td background="images/m9.jpg"><div

align="center"><a href="index.php?hal=guru">DATA GURU</a></div></td> </tr>

<tr>

<td background="images/m9.jpg"><div

align="center"><a href="index.php?hal=siswa">DATA SISWA</a></div></td> </tr> <tr> <td background="images/m9.jpg"> </td> </tr> <tr> <td background="images/m9.jpg"><div

align="center"><a href="index.php?hal=buku_tamu">BUKU TAMU</a> </div></td>

</tr> <tr>

<td><div align="center"><?php include "tanggal.html"; ?></div></td> </tr> <tr> <td background="images/m9.jpg"> </td> </tr> <tr> <td background="images/m9.jpg"><div align="center"><a href="admin/">ADMIN</a></div></td> </tr> </table></td> <td width="5%"> </td>

<td width="66%" align="left" valign="top"><table width="100%" border="1" cellpadding="0" cellspacing="0"

bordercolor="#878787"> <tr>

<tr>

(5)

<?php $hal=$_REQUEST[hal]; if (!isset($hal)) $hal="beranda"; else $hal=$hal; include $hal.".php"; ?> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> </table> </td> <td width="6%"> </td> </tr> </table></td> </tr> <tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

(6)

</table></td> <td> </td>

Beranda.php

Welcome to SMP Negeri 1 Kabanjahe Website

Salam Sejahtera,Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas berkat rahmat-Nya kami bisa meluncurkan situs web Sekolah ini di Internet. Situs web ini bertujuan untuk memperkenalkan Sekolah sebagai lembaga pendidikan dengan memanfaatkan media teknologi

internet.Dengan adanya situs web ini, kami berharap Sekolah dapat lebih dikenal di kalangan yang lebih luas. Selain itu melalui situs web ini juga, kami berharap dapat memberi kemudahan bagi para siswa dan orang tuanya untuk mengakses informasi mengenai kegiatan belajar mengajar di Sekolah dengan cepat, efisien dan online 24 jam. Akhir kata, kami

berharap situs web ini dapat memberikan manfaat positif bagi siapa saja yang mengunjungi situs web kami ini.

Profil.php

Sejarah SMP NEGERI 1 Kabanjahe

SMP Negeri 1 Kabanjahe di sahkan dengan SK Menteri PPK RI pada tanggal 23 Juli 1951 dengan No. 2106/B II. Sekolah ini berlokasi di Jalan Jamin Ginting No. 60 Kabanjahe dan tepatnya berada di depan kantor Bupati Kabanjahe.

(7)

Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.30 sampai dengan pukul 13.45, sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakulikuler seperti Bimbingan Belajar, Kegiatan Olahraga dan lain sebagainya. Sekolah ini memiliki 20 ruang kelas terdiri dari 8 ruang kelas untuk kelas X, 6 ruang kelas untuk kelas XI, 6 ruang kelas untuk kelas XII. Untuk pelaksanaan kegiatan olah raga sekolah ini sudah di lengkapi dengan lapangan volley dan lapangan bola basket.

Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan, laboratorium komputer, laboratorium biologi, laboratorium bahasa, laboratorium fisika serta fasilitas lainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan moral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan kegiatan - kegiatan keagamaan seperti sholat zuhur berjamaah setiap pulang sekolah untuk siswa muslim dan Pembinaan kerohanian setiap hari jumat untuk siswa Kristen.

Struktur.php

<body>

<p><a href="#">STRUKTUR SMP NEGERI 1 KABANJAHE </a></p> <p> </p>

</div>

About us.php

<body onLoad="MM_preloadImages('../images/struktur_SMAN1TB.jpg')"><div class="post"><strong>IDENTITAS SMP NEGERI 1 KABANJAHE </strong>

</p>

<tr>

<td width="147">Nama Sekolah</td>

<td width="237"><strong>:</strong> SMP NEGERI 1 KABANJAHE </td> </tr> <tr> <td>Status</td> <td><strong>: </strong>NEGERI</td> </tr> <tr> <td>SK Terakhir</td> <td><strong>:</strong> 2106/B II </td> </tr> <tr> <td>Alamat Sekolah</td>

<td><strong>:</strong> JL. JAMIN GINTING NO. 60 </td> </tr>

<tr>

<td>Provinsi</td>

(8)

</tr> <tr> <td>Kabupaten / Kota</td> <td><strong>: </strong>KARO</td> </tr> <tr> <td>Kecamatan</td> <td><strong>:</strong> KABANJAHE</td> </tr> <tr> <td>Kelurahan/ Desa </td>

<td><strong>:</strong> DESA KEL. GUNG NEGERI </td> </tr> <tr> <td>Kode Pos</td> <td><strong>: -</strong></td> </tr> <tr> <td>Telepon / Fax</td> <td><strong>: </strong>( 0628 ) 20456 </td> </tr> <tr> <td>E-Mail</td> <td><strong>: -</strong></td> </tr> </table> <p> </p>

<p><strong>BIODATA  KEPALA SEKOLAH SMP NEGERI 1 TIGABINANGA</strong> </p>

<tr>

<td width="797"><strong>: SAROHA GINTING SPd </strong></td> </tr>

<tr>

<tr>

<td><strong>Tempat / Tgl Lahir </strong></td>

<td><strong> : Sarimunthe,05 Januari 1960 </strong></td> </tr>

<tr>

<td><strong>Jabatan  </strong></td>

<td><strong>: Kepala SMP Negeri 1 Kabanjahe </strong></td> </tr>

(9)

<td><strong>Mulai Bertugas</strong></td>

<td><strong> : 20 September 2007 - Sekarang </strong></td> </tr>

</table>

Gallery.php

src="./js/jquer.bigPicture-min.js"></script>

$(function() { $("#amazon_scroller1").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '5000', scroller_window_background_color: "#CCC", scroller_window_padding: '10', scroller_border_size: '1', scroller_border_color: '#000', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2', directory: 'images' }); $("#amazon_scroller2").amazon_scroller({ scroller_title_show: 'disable', scroller_time_interval: '5000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '0', scroller_border_color: '#CCC', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2', directory: 'images' });

(10)

$("#amazon_scroller3").amazon_scroller({ scroller_title_show: 'enable', scroller_time_interval: '5000', scroller_window_background_color: "none", scroller_window_padding: '10', scroller_border_size: '2', scroller_border_color: '#9C6', scroller_images_width: '150', scroller_images_height: '100', scroller_title_size: '12', scroller_title_color: 'black', scroller_show_count: '2', directory: 'images' }); }); </script> <html> <style type="text/css">  </style> <head> <title>Slideshow-Gallery</title> </head> <body> <div id="content">

<h2><marquee direction="left" scrollamount="50" behavior="slide"> <span class="style1"> Gallery </span>

</marquee> </h2>

<ul> <?php

include "koneksi.php";

$select=mysql_query("select * from galeri"); while($row=mysql_fetch_array($select)){ ?>

<li><a href="./gallery/<?php echo $row['gambar'];?>" title="<?php echo $row['keterangan'];?>"

class="info"

name="gambar"><img src="./gallery/<?php echo $row['gambar'];?>"

width="60" height="60" title="Klik Photo"/> </a>

</li> <?php } ?>

(11)

</ul> </div> <ul class="amazon_scroller_nav"> <li></li> <li></li> </ul>

<p><i><font color="#666666" size="2" face="verdana">*Klik gambar untuk zoom</font></i></p> <img src="images/camera.jpg" /> </div> </body></html> <script language="javascript"> $('a.info').bigPicture({ 'enableInfo': true, 'infoPosition': 'bottom' }); </script>

Pengumuman.php

<?php $pencarian=$_REQUEST[pencarian]; $jlh=$_REQUEST[jlh]; if(!isset($jlh)) $jlh=1;

include "koneksi.php";//mengambil file lain $halaman=5;

$brs=($jlh*$halaman)-$halaman;

$tampil=mysql_query("select*from pengumuman where pengumuman like '$pencarian%'or judul like '$pencarian%' limit $brs,$halaman"); $bagi=mysql_query("select*from pengumuman where pengumuman like '$pencarian%'or judul like '$pencarian%'");

$jumlah=mysql_num_rows($bagi); $hasil=ceil($jumlah/$halaman); for($x=1;$x<=$hasil;$x++) {

echo "<a href='index.php?hal=pengumuman&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

<input name="pencarian" type="text" id="pencarian" /> </form> <p> </p> <?php while($field=mysql_fetch_array($tampil)) {

echo "Tanggal Post: ".$field[tanggal]."<br>"; echo "<strong>".$field[judul]."</strong><br>";

(12)

echo $field[pengumuman]."<br><br>"; } ?>

Artikel.php

$tampil=mysql_query("select*from berita where berita like

'$pencarian%'or judul like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from berita where berita like '$pencarian%'or judul like '$pencarian%'");

echo "<a href='index.php?hal=artikel&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

<p> </p> <?php

while($field=mysql_fetch_array($tampil)) {

echo "Tanggal Post: ".$field[tanggal].", ".$field[sumber]."<br>"; echo "<strong>".$field[judul]."</strong><br><br>"; echo $field[berita]."<br><br><br>"; } ?>

Data guru.php

$tampil=mysql_query("select*from guru where nama like '$pencarian%'or mapel like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from guru where nama like '$pencarian%'or mapel like '$pencarian%'");

(13)

echo "<a href='index.php?hal=guru&jlh=$x'>[ $x ]</a>"; }

?>

<form id="form1" name="form1" method="post" action="index.php?hal=guru"> Pencarian Data

<table width="100%" border="1"> <tr> <td ><div align="center"><strong>NIP</strong></div></td> <td ><div align="center"><strong>NAMA</strong></div></td> <td ><div align="center"><strong>LAHIR</strong></div></td> <td ><div align="center"><strong>JABATAN</strong></div></td> <td ><div align="center"><strong>MAPEL</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[nip];?></td> <td><?php echo $field[nama];?></td>

<tr><td colspan="5"><p><a href="cetak.php?brs=<?php echo $brs;

?>&hal=<?php echo $halaman;?>&cari=<?php echo $pencarian;?>&tipe=<?php echo "1";?>" target="_blank">Cetak</a></p></td></tr> </table>

Data Siswa.php

$tampil=mysql_query("select*from siswa where nama like '$pencarian%'or jk like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from siswa where nama like '$pencarian%'or jk like '$pencarian%'");

echo "<a href='index.php?hal=siswa&jlh=$x'>[ $x ]</a>"; }

(14)

Pencarian Data

<table width="100%" border="1"> <tr> <td ><div align="center"><strong>NIS</strong></div></td> <td ><div align="center"><strong>NAMA</strong></div></td> <td ><div align="center"><strong>JK</strong></div></td> <td ><div align="center"><strong>KELAS</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[nis];?></td> <td><?php echo $field[nama];?></td> <td><?php echo $field[jk];?></td> <td><?php echo $field[kelas];?></td> </tr> <?php } ?>

<tr><td colspan="4"><p><a href="cetak.php?brs=<?php echo $brs;

?>&hal=<?php echo $halaman;?>&cari=<?php echo $pencarian;?>&tipe=<?php echo "2";?>" target="_blank">Cetak</a></p></td></tr> </table>

Buku Tamu.php

$tampil=mysql_query("select*from bukutamu where NAMA like

'$pencarian%'or PESAN like '$pencarian%' limit $brs,$halaman");

$bagi=mysql_query("select*from bukutamu where NAMA like '$pencarian%'or PESAN like '$pencarian%'");

echo "<a href='index.php?hal=buku_tamu&jlh=$x'>[ $x ]</a>"; }

?>

Pencarian Data

(15)

</form>

<table width="100%" border="1"> <tr> <td width="18%" ><div align="center"><strong>TANGGAL</strong></div></td> <td width="27%" ><div align="center"><strong>NAMA</strong></div></td> <td width="55%" ><div align="center"><strong>PESAN</strong></div></td> </tr> <?php while($field=mysql_fetch_array($tampil)) { ?> <tr> <td><?php echo $field[tanggal];?></td> <td><?php echo $field[nama];?></td> <td><?php echo $field[pesan];?></td> </tr> <?php } ?> </table>

Simpan Buku tamu.php

<?php

include "koneksi.php"; $tanggal=date("Y-m-d");

mysql_query("insert into bukutamu set id='', tanggal='$tanggal', nama='$_REQUEST[nama]', pesan='$_REQUEST[pesan]' "); ?>

Form Buku tamu.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>Untitled Document</title> </head>

<body>

(16)

<tr>

<tr>

<td>Pesan</td> <td>:</td>

<tr>

Koneksi.php

<?php //koneksi ke mysql mysql_connect("localhost","root",""); // memilih database mysql_select_db("sekolah"); ?>