Listing Program A. Config
1. Koneksi.php
? server = localhost;
username = root; password = 12345;
database = dbsma; Koneksi dan memilih database di server
mysql_connectserver,username,password or dieKoneksi gagal; mysql_select_dbdatabase or dieDatabase tidak bisa dibuka;
?
2. Tanggal.php
?php engDate=datel F d, Y H:i:s A;
switch datew { case 0 : hari=Minggu;break;
case 1 : hari=Senin;break; case 2 : hari=Selasa break; ;
case 3 : hari=Rabu;break; case 4 : hari=Kamis;break;
case 5 : hari=Jumat;break; case 6 : hari=Sabtu;break;
} switch datem {
case 1 : bulan=Januari;break; case 2 : bulan=Februari;break;
case 3 : bulan=Maret;break; case 4 : bulan=April;break;
case 5 : bulan=Mei;break; case 6 : bulan=Juni;break;
case 7 : bulan=Juli;break; case 8 : bulan=Agustus;break;
case 9 : bulan=September break; ; case 10 : bulan=Oktober;break;
Universitas Sumatera Utara
case 11 : bulan=November;break; case 12 : bulan=Desember;break;
} indDate=hari ., . dated . bulan. date Y ;
echo indDate; ?
3. Default.css
html head
titletitle style type=textcss
body{ margin: 0px;
padding: 0px; }
wrapper{ float: left;
width: 1350px;
}
wrapper-header { float: left;
background: acadb7; width: 100;
height: 150px;
Universitas Sumatera Utara
border-bottom: 2px solid 52585e; border-top: 3px solid 52585e;
}
.img-header { float: left;
width: 100; height: 150px;
}
.wrapper-title span { float: left;
font-family: arial; font-size: 20px;
margin: 10px 0px 0px 10px; color: black;
} .wrapper {
float: left; background: 0c8;
width: 100; }
body { margin: 0px;
padding: 0px; background:white;
-moz-box-shadow:0px 0px 17px 00F;
Universitas Sumatera Utara
-webkit-box-shadow:0px 0px 17px 996; }
wrapper-content-add { float: left;
width: 410px; height: 428px ;
margin: 60px 20px 0px 100px; border-top: 2px solid 52585e;
border-left: 2px solid 52585e; border-bottom: 2px solid 52585e;
border-right: 2px solid 52585e; }
wrapper-content-add ul { list-style: none;
}
wrapper-content-add li { float: left;
}
wrapper-content-add a { float: left;
width: auto; margin:0px 30px 0px -10px;
font-family: arial; text-decoration: none;
color: black;
Universitas Sumatera Utara
font-size:1em; font-weight: bold;
border-bottom: 2px solid 52585e; }
wrapper-content-add li a:hover { color: f7941d;
}
wrapper-content{ float: left;
background: white; width: 1350px;
height: 60px; color: 2px solid black;
margin: 0px 0px 20px 0px; }
.leftcontainer { float: left;
width: 250px; height: 428px;
background: white; margin: 60px 0px 0px 30px ;
border-top: 2px solid 52585e; border-left: 2px solid 52585e;
border-bottom: 2px solid 52585e; border-right: 2px solid 52585e;
Universitas Sumatera Utara
} .leftcontainer a{
color: black; text-decoration:none;
}
.title { float: left;
border-bottom: 2px solid 52585e ; border-top: 2px solid 52585e;
width: 175px; font-family: arial;
font-weight: bold; margin: 15px 0px 0px 35px;
text-align: center; font-size: 1.2em;
padding: 10px 0px 10px 5px; height: 25px;
}
.leftcontainer ul { list-style: circle;
Universitas Sumatera Utara
}
.list {
margin: 70px 20px 20px 20px;
}
.list li { margin-top: 10px;
height: 10px; width: -10px;
padding: 10px 0px 10px 0px; font-size: 1em;
}
.list a:hover { color: black;
}
.title2 { float: left;
border-bottom: 2px solid 52585e ; border-top: 2px solid 52585e;
Universitas Sumatera Utara
width: 175px; font-family: arial;
font-weight: bold; margin: 15px 0px 0px 35px;
text-align: center; font-size: 1.2em;
padding: 10px 0px 10px 5px;
}
.list2 { list-style: none;
margin: 70px 20px 20px 20px;
}
.list2 li { list-style: circle;
margin-top: 10px; margin-bottom: 10px;
height: 1px; width: -10px;
padding: 25px 0px 0px 0px; font-size: 1em;
}
Universitas Sumatera Utara
.list2 a:hover { color: black;
}
sub-menu { margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.wrapper-menu ul { list-style: none;
margin: 0px; padding: 0px;
}
utama li a:hover { color:f7941d;
}
utama,sub-menu ul { margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 200px;
}
Universitas Sumatera Utara
utama a { float: left;
width: auto; height: 40px;
text-decoration: none; display: block;
color: fff; padding: 10px 0px 0px 10px;
margin-right: 40px; font-family: arial;
}
sub-menu a { float: left;
width: 190px; height: auto;
text-decoration: none; display: block;
color: fff; padding: 10px 0px 10px 20px;
border-bottom: 1px solid gold; }
sub-menu li {
Universitas Sumatera Utara
float: left; width: 210px;
}
.wrapper-menu li { float: left;
position: relative;
}
.wrapper-menu li ul { float: left;
position: absolute; display: none;
top: 45px; padding: 0px;
margin: 0px;
}
sub-menu li a:hover {
background: black;
}
Universitas Sumatera Utara
.wrapper-menu li:hover ul, li:hover ul { background: 10045e;
display: block; }
.wrapper-menu{ float: left;
background: 36b6e0; width: 100;
height: 40px; margin-left: 0px;
padding: 0px 0px 0px -200px; border-bottom: 2px solid 52585e;
box-shadow: 0px 0px 10px 222; -moz-box-shadow: 0px 0px 10px 222;
-webkit-box-shadow: 0px 0px 10px 222;
}
wrapper-slider{ float: left;
Universitas Sumatera Utara
width: 500px; height :200px;
margin : 20px 0px 100px 50px;
}
img-header { float: left;
width: 575px; height: 430px;
margin: 0px 0px 0px -40px; box-shadow: 0px 0px 10px black;
-moz-box-shadow: 0px 0px 10px 222; -webkit-box-shadow: 0px 0px 10px 222;
background: blue;
}
.footer { float: left;
background: acadb7; width: 100;
height: 60px; border-bottom: 2px solid 52585e;
border-top: 2px solid 52585e; margin-top: 450px;
Universitas Sumatera Utara
}
.footer span { float: left;
font-family: arial; font-size: 0.75em;
margin: 20px 0px 0px 550px; color: black;
padding-left: 10px 0px 0px 10px; font-weight: bold;
}
.baru { float: left;
width: 570px; height: 20px;
margin: 10px 0px -10px 10px; }
wrapper-baru{ float : left;
width: 495px; height: 20px;
margin: 0px 30px 20px 0px; }
Universitas Sumatera Utara
style head
body div id=wrapper
div id=wrapper-header img src=imgheader.jpg class=img-header
div div class=wrapper-menu
ul id=utama lia href=index.phpHomeali
lia id=tentang href=index.phpProfilea
ul id=sub-menu lia
href=..sekolahvisimisi.phpvisi Misiali lia
href=..sekolahsarana.phpSarana Prasaranaali lia
href=..sekolahstruktur.phpStruktur Organisasiali lia
href=..sekolahprogramkerja.phpProgram Kerjaali ul
li lia href=index.phpGurua
ul id=sub-menu
Universitas Sumatera Utara
lia href=Direktori Guruali
lia href=..sekolahprestasiguru.phpPrestasi Guruali
ul li
lia href=index.phpSiswaa ul id=sub-menu
lia href=Prestasi Siswaali lia
href=..sekolahekskul.phpEkstrakulikulerali lia
href=..sekolahosis2.phpOsisali ul
li lia href=index.phpGaleria
li ul
div
div id=wrapper-content div class=leftcontainer
span class=titleInfo Sekolahspan ul class=list
Universitas Sumatera Utara
lia href=..sekolahkisikisi.phpKisi Kisi Ulangan Semester Kelas RSBI 2012 2013ali
lia href=..sekolahjadwal.phpJadwal Ulangan Tengah Semester Ganjil 2012ali
lia href=..sekolahpeneriman.phpPenerimaan Peserta Didik Baru
2012ali ul
span class=title2Materi Pelajaran Terbaruspan ul class=list2
lia href=..sekolahbiologi.phpBiologiali
lia href=IPSali lia href=FISIKAali
lia href=BAHASAali ul
div div id=wrapper-baru
div id=baru span class=title baruHOMEspan
div
div id=wrapper-slider img src=imglab 2.jpg id=img-header
div div
Universitas Sumatera Utara
div id=wrapper-content-add p align=centerWELCOME TO SMP N 1 TEBING-
TINGGIpbr p class=berita
Assalamualaikum wr.wb.brbr Selamat datang di website SMP Negeri 1 Tebing Tinggi.
Diharapkan web ini menjadi media informasi bagi semua pihak yang berkepentingan.
Kami berkeinginan, keluarga besar SMP Negeri 1 Tebing Tinggi, Mulai dari siswa, dewan guru, Pegawai, Staf pimpinan, Komite
sekolah, Alumni serta Orang Tua Punya kontribusi kepada Web ini. Saran dan Kritik yang membangun sangat kami terima
untuk kemajuan SMP Negeri 1 kedepannya nanti.Brbr Wassalamualaikum wr.wb.brbr
Kepala Sekolahbrbrbr Dra Salamah Nasution
p div
div div
div class=wrapper-bawah div class=artikel
div div
Universitas Sumatera Utara
div class=footer spanCopyright 2013 Rezki Ichan Pratama Saragihspan
div div
body html
B. Menu Utama 1. Index.php
?php headerlocation:media.php?media=home;?
2. Media.php