Saran - PEMBUATAN SITUS WEB TAMAN BERMAIN ANAK SHOLEH DENGAN MENGGUNAKAN PHOTOSHOP DAN MACROMED

BAB IV PENUTUP

4.2 Saran

Banyak hal yang didapat penulis selama proses pembuatan

situs web ini. Bukan hal mudah untuk mempelajari dan membuat

project ini baik secara teori maupun praktik di lapangan. Oleh

karena itu penulis ingin manyampaikan beberapa hal sebagai

berikut :

1. Diperlukan kreatifitas yang tinggi untuk menghasilkan karya

yang efektif dan juga menarik bagi pengguna.

2. Hendaknya dalam pembuatan situs web menggunaka

perencanaan yang baik. Mulai dari perancangan, pembuatan

hingga pemanfaatannya. Sehingga penggunaan waktu bisa

efisien.

Zainuddin, Imam, dkk.2010.Projek Skripsi / TA III Situs Web.Bekasi:

STMIK Pranata Indonesia

Komputer, Wahana.2006. Tutorial 5 Hari Membuat Website Interaktif

dengan Macromedia Dreamweaver 8 .Jakarta:Andi Publisher

________________2005. Adobe Photoshop untuk Desainer Web.Jakarta:

Andi Publisher

blog.re.or.id/macromedia-dreamweaver-mx-web-editor.htm

repository.usu.ac.id/bitstream/123456789/16955/4/Chapter%20II.pdf

www.total.or.id/info.php?kk=Adobe%20Photoshop

DAFTAR RIWAYAT HIDUP

Penulis dilahirkan di Jakarta pada tanggal 11 Juli 1989 dari ayah

H. Muntawalib dan ibu Siti Amirah, merupakan putri keempat dari empat

bersaudara. Tahun 2007 penulis lulus dari SMK Nina Insan Kamil

Bekasi. Berselang 1 tahun, yaitu tahun 2008 penulis melanjutkan kuliah

dan mengambil kelas sarjana di STMIK Pranata Indonesia dengan

memilih jurusan Teknik Informatika.

Saat ini penulis juga sedang bekerja di sebuah play group, yaitu

Taman Bermain Anak Sholeh. Karena kecintaannya terhadap kehidupan

anak-anak di play group inilah penulis termotivasi untuk membuat website

ini.

1. Kode listing index.html

<html>

<head>

<title>Untitled-1</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:99px; top:140px; width:627px; height:445px; z-index:1; } body { background-color: #000000; background-image: url(images/Machovka_Happy_fish.JPG); }

.style3 {font-family: "Kristen ITC"; font-size: 14px;} .style4 { font-family: "Curlz MT"; font-size: 30px; font-weight: bold; } .style5 { font-size: 16px; font-family: "Californian FB"; } #Layer2 { position:absolute; left:728px; top:14px; width:101px; height:98px; z-index:2;

#Layer3 { position:absolute; left:705px; top:418px; width:131px; height:93px; z-index:3; } --> </style> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/hover_03.gif','images/hover_04.gif','images/hover_05.gif','images/ho ver_06.gif')">

<div id="Layer1"> <ul type="square"> <li> <h1 align="left" class="style4">Home </h1> </li> </ul> <blockquote> <blockquote>

<h4 align="justify" class="style3"> Memberikan pendidikan kepada anak di usia dini merupakan momentum

yang amat penting. Para ahli pendidikan menamakan usia pra sekolah sebagai "golden age" (usia emas). Setiap orang tua muslim tentu memiliki obsesi untuk memiliki putra-putri yang cerdas secara intelegensi, emosional, dan spiritual.</h4>

<h4 align="justify" class="style3">Taman Bermain Anak Sholeh merupakan lembaga pendidikan pra sekolah (play group) yang menerapkan dasar-dasar pendidikan islami dengan mengacu Pada Kurikulum Departemen Pendidikan Nasional yang dimodifikasi, berbasis pada kecerdasan intelegensi, emosional, dan spiritual disesuaikan dengan ciri khas Taman Bermain Anak Sholeh melalui metode sentra.</h4>

</blockquote>

<h4 align="justify" class="style5">Hubungi kami : Taman Bermain Anak Sholeh, Taman Iqro' Permai No. 24 Rt. 01 / 09 Jatimakmur - Pondok Gede - Bekasi </h4>

</blockquote> </blockquote> </div>

<tr>

</tr> <tr>

<td><a href="index.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('home','','images/hover_03.gif',1)"><img src="images/index_03.gif" alt="home" name="home" width="172" height="71" border="0"></a></td>

</tr> <tr>

<td><a href="visi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('visi','','images/hover_04.gif',1)"><img src="images/index_04.gif" alt="visi" name="visi" width="172" height="48" border="0"></a></td>

</tr> <tr>

<td><a href="misi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('misi','','images/hover_05.gif',1)"><img src="images/index_05.gif" alt="misi" name="misi" width="172" height="53" border="0"></a></td>

</tr> <tr>

name="gallery" width="172" height="44" border="0"></a></td> </tr>

<tr>

<td>

</table>

</body>

</html>

2. Kode listing visi.html

<html>

<head>

<title>Untitled-1</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- #Layer1 { position:absolute; left:99px; top:140px; width:627px; height:483px; z-index:1; } body { background-color: #000000; background-image: url(images/Machovka_Happy_fish.JPG); } .style4 { font-family: "Curlz MT"; font-size: 30px; font-weight: bold; }

.style6 {font-family: "Kristen ITC"; font-size: 18px; } #Layer2 {

left:728px; top:14px; width:98px; height:102px; z-index:2; } #Layer3 { position:absolute; left:724px; top:403px; width:121px; height:142px; z-index:3; } #Layer4 { position:absolute; left:569px; top:442px; width:225px; height:123px; z-index:3; } #Layer5 { position:absolute; left:624px; top:414px; width:189px; height:113px; z-index:3; } --> </style> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/hover_03.gif','images/hover_04.gif','images/hover_05.gif','images/ho ver_06.gif')">

<div id="Layer1"> <ul type="square"> <li> <h1 align="left" class="style4">Visi</h1> </li> </ul> <blockquote> <blockquote>

<h4 align="center" class="style6">Menjadi Model Play Group Islami </h4> <h4 align="center" class="style6">yang Berkualitas </h4>

<h4 align="center" class="style6">dalam Menyiapkan Generasi Robbani </h4> <h4 align="center" class="style6">yang Berakhlak Islami </h4>

</blockquote> <blockquote> <p> </p> <p> </p> <p> </p> </blockquote> </blockquote> </div> <div id="Layer2">

<tr>

<tr>

<td><a href="index.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('home','','images/hover_03.gif',1)"><img src="images/index_03.gif" alt="home" name="home" width="172" height="71" border="0"></a></td>

</tr> <tr>

<td><a href="visi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('visi','','images/hover_04.gif',1)"><img src="images/index_04.gif" alt="visi" name="visi" width="172" height="48" border="0"></a></td>

</tr> <tr>

<td><a href="misi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('misi','','images/hover_05.gif',1)"><img src="images/index_05.gif" alt="misi" name="misi" width="172" height="53" border="0"></a></td>

</tr> <tr>

<td><a href="gallery.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('gallery','','images/hover_06.gif',1)"><img src="images/index_06.gif" alt="gallery" name="gallery" width="172" height="44" border="0"></a></td>

</tr> <tr>

<td>

</table>

</body>

</html>

3. Kode listing misi.html

<html>

<head>

<title>Untitled-1</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

}

function MM_swapImage() { //v3.0

left:99px; top:140px; width:587px; height:445px; z-index:1; } body { background-color: #000000; background-image: url(images/Machovka_Happy_fish.JPG); } .style4 { font-family: "Curlz MT"; font-size: 30px; font-weight: bold; }

.style6 {font-family: "Kristen ITC"; font-size: 18px; } .style8 {

font-family: "Kristen ITC"; font-size: 14px; font-weight: bold; } #Layer2 { position:absolute; left:728px; top:14px; width:99px; height:98px; z-index:2; } #Layer3 { position:absolute; left:725px; top:401px; width:118px; height:150px; z-index:3; } #Layer4 { position:absolute; left:729px; top:397px; width:110px; height:152px; z-index:3; } --> </style> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/hover_03.gif','images/hover_04.gif','images/hover_05.gif','images/ho ver_06.gif')">

<div id="Layer1">

<p align="justify">Memberikan pelayanan pendidikan yang membantu meletakkan dasar-dasar Keimanan, Ketaqwaan, dana Akhlakul Karimah</p>

</li> <li>

<p align="justify">Mewujudkan program pendidikan yang mengintegrasikan kecerdasan intelegensi (IQ), kecerdasan emosional (EQ), dan kecerdasan spiritual (SQ)</p>

</li> <li>

<p align="justify">Mewujudkan lingkungan belajar yang kondusif dengan membangun hubungan yang sinergis dan harmonis antara pengelola, pimpinan, dan seluruh staff sekolah, pa ra orang tua murid serta masyarakat</p>

<p align="justify">Mewujudkan kurikulum yang berkualitas danmampu menjadi model play group islami </p> </li> </ol> </li> </ul> <blockquote> <blockquote> <h4 align="center" class="style6"> </h4> </blockquote> </blockquote> </div> <div id="Layer2"> <div id="layer">

</div>

<tr>

<tr>

<td><a href="index.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('home','','images/hover_03.gif',1)"><img src="images/index_03.gif" alt="home" name="home" width="172" height="71" border="0"></a></td>

</tr> <tr>

<td><a href="visi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('visi','','images/hover_04.gif',1)"><img src="images/index_04.gif" alt="visi" name="visi" width="172" height="48" border="0"></a></td>

</tr> <tr>

<td><a href="misi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('misi','','images/hover_05.gif',1)"><img src="images/index_05.gif" alt="misi" name="misi" width="172" height="53" border="0"></a></td>

</tr> <tr>

<td><a href="gallery.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('gallery','','images/hover_06.gif',1)"><img src="images/index_06.gif" alt="gallery" name="gallery" width="172" height="44" border="0"></a></td>

</tr> <tr>

<td>

</table>

</body>

</html>

4. Kode listing gallery.html

<html>

<head>

<title>Untitled-1</title>

<!--

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

}

function MM_swapImage() { //v3.0

.style3 {font-family: "Kristen ITC"; font-size: 14px;} .style4 {

font-family: "Curlz MT"; font-size: 30px; font-weight: bold; }

.style6 {font-family: "Kristen ITC"; font-size: 18px; } .style7 {font-size: 18px} #Layer2 { position:absolute; left:728px; top:14px; width:102px; height:97px; z-index:2; } --> </style> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/hover_03.gif','images/hover_04.gif','images/hover_05.gif','images/ho ver_06.gif')">

<div id="Layer1"> <ul type="square"> <li> <h1 align="left" class="style4">Gallery</h1> </li> </ul>

<p align="left"><a href="gallery1.html"> <img src="images/foto1.JPG" width="130" height="100" hspace="50" border="0"></a><a href="gallery2.html"><img src="images/foto2.JPG" width="130"

</div>

<tr>

<tr>

<td><a href="index.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('home','','images/hover_03.gif',1)"><img src="images/index_03.gif" alt="home" name="home" width="172" height="71" border="0"></a></td>

</tr> <tr>

<td><a href="visi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('visi','','images/hover_04.gif',1)"><img src="images/index_04.gif" alt="visi" name="visi" width="172" height="48" border="0"></a></td>

</tr> <tr>

<td><a href="misi.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('misi','','images/hover_05.gif',1)"><img src="images/index_05.gif" alt="misi" name="misi" width="172" height="53" border="0"></a></td>

</tr> <tr>

<td><a href="gallery.html" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('gallery','','images/hover_06.gif',1)"><img src="images/index_06.gif" alt="gallery" name="gallery" width="172" height="44" border="0"></a></td>

</tr> <tr>

<td>

</table>

</body>

</html>

5. Kode listing gallery1.html

<html>

<head>

<title>Untitled-1</title>

<!--

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

}

function MM_swapImage() { //v3.0

font-family: "Kristen ITC"; font-size: 14px; font-weight: bold; } .style4 { font-family: "Curlz MT"; font-size: 30px; font-weight: bold; }

.style6 {font-family: "Kristen ITC"; font-size: 18px; } #Layer2 { position:absolute; left:726px; top:15px; width:102px; height:94px; z-index:2; } --> </style> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

onLoad="MM_preloadImages('images/hover_03.gif','images/hover_04.gif','images/hover_05.gif','images/ho ver_06.gif')">

<div id="Layer1">

<h1 align="left" class="style4">Gallery TABAS </h1> </li>

Dalam dokumen PEMBUATAN SITUS WEB TAMAN BERMAIN ANAK SHOLEH DENGAN MENGGUNAKAN PHOTOSHOP DAN MACROMEDIA DREAMWEAVER 8 PROYEK SKRIPSI III (Halaman 30-43)