Bab 5 Penutup
5.2 Saran
1. Sebaiknya ada partisispasi dari pihak sekolah untuk melanjutkan pembenahan ataupun
pengembangan website SMA Negeri 18 Medan.
2. Penulis berharap agar website sekolah yang dibangun dapat memberikan kemudahan bagi
guru dan murid, misalnya, untuk saling berkomunikasi, tukar menukar informasi atau
sebagai sarana dan wadah untuk mengembangkan mutu pendidikan dalam arti yang
seluas-luasnya.
DAFTAR PUSTAKA
Hakim, Lukmanul dan Uus Musalini. 2004. Cara Cerdas Menguasai Layout, Desain dan
Aplikasi Web. Jakarta: PT Elex Media Komputindo.
Kadir, Abdul. 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi
Yogyakarta.
Kristanto, Harianto. 2004. Konsep dan Perancangan Database. Yogyakarta: Andi
Yogyakarta.
Sunarfrihantono, Bimo. 2002. PHP dan MYSQL Untuk Web. Yogyakarta: Andi Yogyakarta.
Wahana Komputer. 2003. Promosi Efektif dengan Web. Yogyakarta: Andi Yogyakarta.
Wahana Komputer. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver
8. Yogyakarta: Andi Yogyakarta.
ListingHome
<html > <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="index, follow">
<meta name="keywords" content="sekolah">
<meta name="description" content="SMA Negeri 18 Medan"> <title>SMAN 18 MEDAN</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> <script type="text/javascript" src="css/caption.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css">
<script language="javascript" type="text/javascript"> var rightCollapseDefault='show';
var excludeModules='0'; </script>
<script type="text/javascript" src="css/ja_002.js"></script>
<link href="css/ja.css" rel="stylesheet" type="text/css"> <link href="css/template.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/general.css" type="text/css"> <link href="css/green.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="css/ja.js"></script> <script language="javascript" type="text/javascript" src="css/opacity.js"></script> <script language="javascript" type="text/javascript">
var objMyImg = null; function initPNGTrans() {
objMyImg = new OpacityObject('ja-topnav','images/opaque'); objMyImg.setBackground(); } </script> <!--[if lte IE 6]> <style type="text/css"> .clearfix { height: 1%;} </style> <![endif]--> <!--[if gte IE 7.0]> <style type="text/css">
.clearfix { display: inline-block;} </style>
<![endif]-->
</head><body id="bd" class="wide fs3"> <div id="ja-wrapper">
<a name="Top" id="Top"></a>
<a title="Skip to content" href="#Content" style="display: none;">Skip to content</a> <!-- BEGIN: HEADER -->
<div id="ja-header-wrap1">
<div id="ja-header-wrap2">
<div id="ja-header-wrap3">
<div id="ja-header" class="clearfix">
<h1> <a
href="index.php"><img src="css/logo-green.jpg" alt="joomla test"></a> </h1>
<div id="ja-usertoolswrap">
<div id="ja-usertools"> <ul class="ja-usertools-font">
<li><img style="cursor: pointer;" title="Increase font size" src="css/user-increase.gif"
alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('ja_zibal_ja_font','inc'); return false;"></li> <li><img style="cursor: pointer;" title="Decrease font size" src="css/user-decrease.gif" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('ja_zibal_ja_font','dec'); return false;"></li>
<li><img style="cursor: pointer;" title="Default font size" src="css/user-reset.gif" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('ja_zibal_ja_font',3); return false;"></li>
</ul> </div> </div> </div> </div> </div> </div> <!-- END: HEADER --> <!-- BEGIN: SUBHEADER --> <div id="ja-sh-wrap1"> <div id="ja-sh-wrap2"> <div id="ja-sh-wrap3">
<div id="ja-sh" class="clearfix" style="background: transparent
url(images/green/sh01.jpg) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="image: url(images/opaque.png); background-repeat: repeat;" id="ja-topnav">
<!-- BEGIN: MAIN NAVIGATION --> <div id="ja-mainnav" class="clearfix">
<div id="ja-splitmenu" class="mainlevel clearfix"> <ul>
<li class="first-item"><a href="index.php?page=1" class="active first-item"><span>Home</span></a></li> <li><a href="index.php?page=3" ><span>News</span></a></li>
<li><a href="index.php?page=2" ><span>Profil</span></a></li> <li><a href="index.php?page=7" ><span>fasilitas</span></a></li> <li><a href="index.php?page=4" ><span>Gallery</span></a></li> <li><a href="index.php?page=6" ><span>Buku Tamu</span></a></li> <li><a href="index.php?page=9" ><span>ekskul</span></a></li> </ul>
</div> </div>
<!-- END: MAIN NAVIGATION --> </div> <script type="text/javascript">initPNGTrans();</script> </div> </div> </div> </div> <!-- END: SUBHEADER --> <!-- BEGIN: MAIN CONTENT --> <div id="ja-main-wrap1">
<div id="ja-main-wrap2">
<div id="ja-main" class="clearfix"> <!-- BEGIN: CONTENT --> <div id="ja-content">
<a name="Content" id="Content"></a> <div id="ja-mainbody">
<div class="componentheading">Home</div> <p align="center" style="margin: 0in 0in 0pt; text-align: center;" class="MsoNormal"><b><span style="font-size: small;"><span style="font-family: Times New Roman;">
<br /></span></span></b></p>
<p align="center" style="margin: 0in 0in 0pt; text-align: center;" class="MsoNormal"> <br /></p>
<p align="center" style="margin: 0in 0in 0pt; text-align: center;" class="MsoNormal"><b><span style="font-size: small;"><span style="font-family: Times New Roman;"><span style="background-color: rgb(0, 0, 0);"><span style="color: rgb(128, 0, 0); background-color: rgb(255, 255, 255);">Visi dan Misi SMA Negeri 18
Medan</span></span></span></span></b> <br /></p>
<ol style="margin-top: 0in;" type="A">
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="font-size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Visi</span></span></li>
</ol>
<p style="margin: 0in 0in 0pt 0.5in; text-align: justify;" class="MsoNormal"><span style="size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Melahirkan insan yang cerdas berfikir, trampil berbuat, berwawasan luas dan dilandasi keimanan yang kokoh serta berakhlak mulia.</span></span></p> <p style="margin: 0in 0in 0pt 0.5in; text-align: justify;" class="MsoNormal"> </p>
<ol start="2" style="margin-top: 0in;" type="A">
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="font-size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Misi</span></span></li>
<ol style="margin-top: 0in;" type="1">
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="font-size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Menciptakan insan yang cerdas berfikir dan kritis terhadap perkembangan global.</span></span></li>
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="font-size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Menumbuhkankembangkan semangat keunggulan secara intensif kepada seluruh warga sekolah dan masyarakat.</span></span></li>
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Meningkatkan kompetensi guru dan pegawai menuju tenaga yang profesionalisme</span></span></li>
<li style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"><span style="size: small; font-family: Times New Roman;"><span style="color: rgb(128, 0, 0);">Menjadikan sekolah yang berbudaya lingkungan hidup dan ramah terhadap lingkungan. </span></span></li>
</ol> </ol>
<p style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"> </p> <p> </p>
<p style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"> </p> <p> </p>
<p style="margin: 0in 0in 0pt; text-align: justify;" class="MsoNormal"> </p> <p> </p> <br /> </div> </div> <!-- END: CONTENT --> <!-- BEGIN: COLUMN --> <div id="ja-sidecol">
<div class="jamod moduletable" >
<h3 class="show"><span>Login Form</span></h3> <div style="overflow: hidden;" class="jamod-content"> <form action="login.php" method="post" name="login" id="login">
<label for="modlgn_username">Username <input id="modlgn_username" name="user" class="inputbox" alt="username" size="18" type="text"></label>
<label for="modlgn_passwd">Password <input id="modlgn_passwd" name="password" class="inputbox" size="18" alt="password" type="password"></label>
<input type="submit" name="Submit" class="button" value="Login" /> </form>
</div>
</div> <div class="jamod moduletable_text" > <h3 class="show"><span>News</span></h3>
<div style="overflow: hidden;" class="jamod-content"><div class="bannergroup_text"> <div class="banneritem_text"><a
href="index.php?page=3&id=10">eskul</a><br>
<h5>2009-06-11 13:19:34</h5>
<p>karate juara 2 sekota med <div class="clr"></div></div> <div class="banneritem_text"><a
href="index.php?page=3&id=9">ujian</a><br>
<h5>2009-06-11 13:17:13</h5>
<p>ujian akhir nasional tahu <div class="clr"></div></div> </div> </div> <!-- END: COLUMN --> </div> </div> </div> </div> </div>
<!-- END: MAIN CONTENT --> `<!-- BEGIN: FOOTER --> <div id="ja-footer-wrap1">
<div id="ja-footer-wrap2">
<div id="ja-footer-wrap3"> <div id="ja-footer">
<p id="ja-bottomline">copyright © 2009 SMA Negeri 18 Medan</p> </div> </div> </div> </div> <!-- END: FOOTER --> </div> </body></html>
Outputnya :
Listing NEWS
<html > <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="index, follow">
<meta name="keywords" content="sekolah">
<meta name="description" content="SMA Negeri 18 Medan"> <title>SMAN 18 MEDAN</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> <script type="text/javascript" src="css/caption.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css">
<script language="javascript" type="text/javascript"> var rightCollapseDefault='show';
var excludeModules='0'; </script>
<script type="text/javascript" src="css/ja_002.js"></script>
<link href="css/ja.css" rel="stylesheet" type="text/css"> <link href="css/template.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/general.css" type="text/css"> <link href="css/green.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="css/ja.js"></script> <script language="javascript" type="text/javascript" src="css/opacity.js"></script> <script language="javascript" type="text/javascript">
objMyImg = new OpacityObject('ja-topnav','images/opaque'); objMyImg.setBackground(); } </script> <!--[if lte IE 6]> <style type="text/css"> .clearfix { height: 1%;} </style> <![endif]--> <!--[if gte IE 7.0]> <style type="text/css">
.clearfix { display: inline-block;} </style>
<![endif]-->
</head><body id="bd" class="wide fs3"> <div id="ja-wrapper">
<a name="Top" id="Top"></a>
<a title="Skip to content" href="#Content" style="display: none;">Skip to content</a> <!-- BEGIN: HEADER -->
<div id="ja-header-wrap1"> <div id="ja-header-wrap2">
<div id="ja-header-wrap3">
<div id="ja-header" class="clearfix"> <h1>
<a href="index.php"><img src="css/logo-green.jpg" alt="joomla test"></a> </h1>
<div id="ja-usertoolswrap">
<div id="ja-usertools"> <ul class="ja-usertools-font">
<li><img style="cursor: pointer;" title="Increase font size" src="css/user-increase.gif" alt="Increase font size" id="ja-tool-increase" onclick="switchFontSize('ja_zibal_ja_font','inc'); return false;"></li>
<li><img style="cursor: pointer;" title="Decrease font size"
src="css/user-decrease.gif" alt="Decrease font size" id="ja-tool-decrease" onclick="switchFontSize('ja_zibal_ja_font','dec'); return false;"></li>
<li><img style="cursor: pointer;" title="Default font size" src="css/user-reset.gif" alt="Default font size" id="ja-tool-reset" onclick="switchFontSize('ja_zibal_ja_font',3); return false;"></li> </ul> </div> </div> </div> </div> </div> </div> <!-- END: HEADER --> <!-- BEGIN: SUBHEADER --> <div id="ja-sh-wrap1"> <div id="ja-sh-wrap2"> <div id="ja-sh-wrap3">
<div id="ja-sh" class="clearfix" style="background: transparent url(images/green/sh01.jpg) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<div style="background-image: url(images/opaque.png); background-repeat: repeat;" id="ja-topnav">
<div id="ja-mainnav" class="clearfix"> <div id="ja-splitmenu" class="mainlevel clearfix">
<ul> <li class="first-item"><a href="index.php?page=1" ><span>Home</span></a></li>
<li><a href="index.php?page=3" class="active"><span>News</span></a></li> <li><a href="index.php?page=2" ><span>Profil</span></a></li>
<li><a href="index.php?page=7" ><span>fasilitas</span></a></li> <li><a href="index.php?page=4" ><span>Gallery</span></a></li> <li><a href="index.php?page=6" ><span>Buku Tamu</span></a></li> <li><a href="index.php?page=9" ><span>ekskul</span></a></li>
</ul> </div>
</div>
<!-- END: MAIN NAVIGATION --> </div> <script type="text/javascript">initPNGTrans();</script> </div> </div> </div> </div> <!-- END: SUBHEADER --> <!-- BEGIN: MAIN CONTENT --> <div id="ja-main-wrap1">
<div id="ja-main-wrap2">
<div id="ja-main-wrap3">
<div id="ja-main" class="clearfix"> <!-- BEGIN: CONTENT --> <div id="ja-content">
<a name="Content" id="Content"></a> <div id="ja-mainbody"> <div class="componentheading">News</div> <h3 class="contentheading">PMDK</h3> <h5>2009-06-11 13:25:52</h5> <p> <p>ADA 11 ORANG MASUK P</p>
<p><a href="index.php?page=3&id=11">read more ...</a></p> <h3 class="contentheading">eskul</h3>
<h5>2009-06-11 13:19:34</h5> <p>
<p>karate juara 2 sekota med</p>
<p><a href="index.php?page=3&id=10">read more ...</a></p> <table border="0" width="50%" align="center"> <tr> <td width="23%" align="center"> </td> <td width="31%" align="center"> </td> <td width="23%" align="center"> </td> <td width="23%" align="center"> </td> </tr> </table> </p> </div>
<!-- END: CONTENT --> <!-- BEGIN: COLUMN --> <div id="ja-sidecol"> <div class="jamod moduletable" >
<h3 class="show"><span>Login Form</span></h3> <div style="overflow: hidden;" class="jamod-content"> <form action="login.php" method="post" name="login" id="login">
<label for="modlgn_username">Username <input id="modlgn_username" name="user" class="inputbox" alt="username" size="18" type="text"></label>
<label for="modlgn_passwd">Password <input id="modlgn_passwd" name="password" class="inputbox" size="18" alt="password" type="password"></label>