Frame.html

<html>
<head>
<title> Frame Set Created By Rony </title>

</head>

<frameset rows = “23%,7%,*,5%”>
<frame src = “judul.html”>
<frame src = “menu datar.html”>
<frameset border = “1” cols = “10%,90%”>
<frame src = “daftar.html”>
<frame src = “home.html” name=”dinamis”>
</frameset>
<frame src = “footer.html”>
</body>
</html>

Judul.html

<html>
<head>
<title> J-Fleece Colection </title>
</head>
<body background=”FOOTER.JPG” TEXT=”BLUE”>
<center> <H2><BLINK><Font face=”broadway”>UJIAN AKHIR SEMESTER</BLINK> </font></H2>
TAHUN AJARAN 2012-2013<br>
STMIK BANJARBARU

</b>
</html>

Menu Datar.html

<html>
<title>Menu Datar</title>
<body valign=”center” >

<head>
<style>
a.one:link{color:#ff0000;}
a.one:visited{color:#0000ff;}
a.one:hover{color:#ff0000;}

a.two:link{color:#ff0000;}
a.two:visited{color:#0000ff;}
a.two:hover{font-size:150%;}

a.three:link{color:#ff0000;}
a.three:visited{color:#0000ff;}
a.three:hover{background:#66ff66;}

a.four:link{color:#ff0000;}
a.four:visited{color:#0000ff;}
a.four:hover{font-family:chiller;}

</style>
</head>

<table>
<tr>
<center>
<td width=”5%” bgcolor=”white”>
<a href=”Home.html” target = “dinamis”>Home</a>
</td>
<td width=”5%” bgcolor=”white”>
<a href=”profile.html” target = “dinamis”>Profile</a>
</td>
<td width=”5%” bgcolor=”white”>
<a href=”gallery.html” target = “dinamis”>Gallery</a>
</td>
<td width=”5%” bgcolor=”white”/>
<a href=”register.html” target = “dinamis”>Register</a>
</td>
<td width=””></center>
</td>
</tr>
</table>
</body>
</html>

Home.html

<head>
<title>Home</title>
</head>
<BODY BACKGROUND=”HOME.JPG” VALIGN=”top” TEXT=”RED”>
<TD ALign=”Center”>
<br>
<Center>

<b>
<h2> PEMROGRAMAN WEB 1</h2>
<h3> DOSEN PENGAMPU        : </h3>
<h3> KHAIRULLAH, S.KOM</h3>
<h3> CREATED BY </h3>
<center>
<a href=”MEE.jpg” target=”_blank”>
<IMG SRC=”MEE.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Tanam Van the Viel”></TD> <center>
<H3> 3101-1101-1853</H3>
<H3> RONI</H3>
</body>
</html>

Profile.html

<head>
<title>Home</title>
</head>
<TR BGCOLOR=”#880000″ VALIGN=”top”>
<TD ALign=”Left”>
<br>
<body text=”#0000ff” >
<IMG SRC=”mee.jpg” WIDTH=”100″ HEIGHT=”110″ ALT=”Ini hyperlink” align = “left”><center>www.ronyld72.wordpress.com
<IMG SRC=”3.jpg” WIDTH=”100″ HEIGHT=”110″ ALT=”Ini hyperlink” align = “right”>
<br>
<br>
<b>
<p align=”center”><font color =”blue”><font face =”Broadway”> BIODATA </font></font></p></b>
<hr size=”10″>
<center>
<DL>
<b>
<font color=”Blue”>
<DT> Data Akademi
</font></b>
<font color=”Blue”>
<DD> NIM    : 3101-1101-1854</DD>
<DD> Nama    : Roni </DD>
<DD> TTL     : Tasikmalaya, 02 Agustus 1993</DD>
<DD> Alamat : Jl. Tanjung Rema RT. 04/01 No. 19D Martapura </DD>
<DD> Jenis Kelamin : Laki-Laki </DD>
<DD> E-Mail : ronyld72@yahoo.com</DD>
<DD> ym     : – </DD>
<DD> Facebook     : Rony Dnr </DD>
<DD> No Telp/HP : 0857-5403-4764</DD></font>
</DT>
</DL>

<DL><b>
<font color=”Blue”>
<DT>Data Pekerjaan
</font></b>
<font color=”Blue”>
<ol type=”a” start=”1″>
<li> Pekerjaan    : Mahasiswa </li>
<li> Institusi &nbsp;&nbsp;&nbsp;    : STMIK Banjarbaru </li>
<li> Jurusan     &nbsp;&nbsp;&nbsp;&nbsp;: Sistem Informasi </li></font>
</ol>
</DT>
</DL>

<DL>
<b>
<font color=”Blue”>
<DT> Data Pendidikan
</font></b>
<font color=”Blue”>
<ol type=”1″ start=”1″>
<li> – SD &nbsp;&nbsp;&nbsp;    : SDN Tanjung Rema </li>
<li> – SMP &nbsp;: SMPN 1 Gunungtanjung</li>
<li> – SMA     &nbsp;: SMK Darussalam Martapura </li></font>
</ol>
</DT>
</DL>

<DL>
<b>
<font color=”Blue”>
<DT> Data Hoby
</font></b>
<font color=”Blue”>
<ol type=”a” start=”1″>
<li> Hobby : Futsal & Football</li></font>
</ol>
</DT>
</DL>

<DL>
<b>
<font color=”Blue”>
<DT> Data Cita-Cita
</font></b>
<font color=”Blue”>
<ol type =”a” start=”26″>
<li> Cita-Cita : Analis</li></font>
</ol>
</DT>
</DL>

<DL>
<b>
<font color=”Blue”>
<DT> Data Orang Tua
</font></b>
</DT>
</DL>

<DL>
<b>
<font color=”Blue”>
<ol type=”a” start =”1″>
<li> Ayah</li>
</font></b>
<font color=”Blue”>
<ol type=”square” start=”1″>
<li> Nama : A. Suherman </li>
<li> TTL : Tasikmalaya, 07 April 1967 </li>
<li> Pekerjaan : Wira Swasta</li>
<li> Alamat : Jl. Tanjung Rema RT. 04/01 No. 19D Martapura </li></font>
</ol>

<b>
<font color=”Blue”>
<li> Ibu</li>
</font></b>
<font color=”Blue”>
<ol type=”square” start=”1″>
<li> Nama : Iyam</li>
<li> TTL : Tasikmalaya, 20 Agustus 1975 </li>
<li> Pekerjaan : Ibu Rumah Tangga</li>
<li> Alamat : Jl. Tanjung Rema RT. 04/01 No. 19D Martapura </li></font>
</ol>

<DL>
<b>
<font color=”Blue”>
<li> Jml Saudara (i)  </li>
</font></b>
<font color=”Blue”>
<ol type=”square” start=”1″>
<li> Kakak : -</li>
<li> Adik : 1 (Satu) </li></font>
</ol>
</DT>
</DL>
</ol>
<hr size=”10″>
<b>
<p align = “center”><font color =” Blue”><font face=”Chiller”> Copyright By : Rony 3101-1101-1854</font></font></marquee>
</b>
</body>
</html>

Gallery.html

<HTML>
<HEAD><TITLE>Gallery</TITLE></HEAD>
<BODY Background=”galery.jpg”>
<H1 align=”center”><font face=”broadway”> DAFTAR GAMBAR </h1>
<h3 align=”center” <blink>JAKET J-FLEECE</blink></font> </h3>
<TABLE BORDER=”1″ CELLSPACING=”2″ CELLPADDING=”5″ WIDTH=”600″ HEIGHT=”300″
ALIGN=”CENTER”><font color=”red”>
<TR ALIGN=”center” height=”30%”>
<TD WIDTH=”35%”>
<a href=”1.jpg” target=”_blank”>
<IMG SRC=”1.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Taman Sukalawara”> </a><br>
<a href=”1.html” target=”_blank”><font color=”red”>Travagar</font></a>
</TD>
<TD WIDTH=”35%”>
<a href=”2.jpg” TARGET=”_blank”>
<IMG SRC=”2.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Taman Extrania”></a> <br>
<a href=”2.html”><font color=”red”>Ratghar</font></a>
</TD>
<TD WIDTH=”35%”>
<a href=”3.jpg” TARGET=”_blank”>
<IMG SRC=”3.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Taman Extrania”></a> <br>
<a href=”3.html”><font color=”red”>Hypshion</font></a>
</TD>
</TR>
<TR ALIGN=”center” height=”30%”>
<TD WIDTH=”35%”>
<a href=”4.jpg” target=”_blank”>
<IMG SRC=”4.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Tanam Van the Viel”> <br>
<a href=”4.html” TARGET=”_blank”><font color=”red”>Himzy-on</font></a>
</TD>
<TD WIDTH=”35%”>
<a href=”5.jpg” TARGET=”_blank”>
<IMG SRC=”5.jpg” WIDTH=”150″ HEIGHT=”160″ ALT=”Taman Extrania”></a> <br>
<a href=”5.html”><font color=”red”>Travel-Xion</font></a>
</TD>
<TD ALIGN=”center”>
<a href=”email.jpg” target=”_blank”>
<IMG SRC=”email.jpg”
ALT=”Ini hyperlink ke E-mail” WIDTH=”50%”><br>
<A HREF=”ronyld72@yahoo.com” ><font color=”red”>Pemesanan<br>Hyperlink ke E-mail</font></a>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Register.html

<html>
<head>
<title>Form Biodata</title>
</head>
<body bgcolor=White >

<hr size=”10″ >
<center> <blink> <font size=”+2″ color=”#0000FF” > <B> Biodata Pengunjung </B> </font> </center> </blink>
<hr size=”10″ >
<table border=0>
<form action=”output.php” method=”post”>
<br>
<br>
<left>
<tr>I. Data Akademik</tr>
<tr>
<td width=”170″>Nim</td>
<td width=”3″>:</td>
<td width=”409″><input type=text name=Nim></td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type=text Size=30 name=Nama></td>
</tr>
<tr>
<td>Tempat dan Tanggal Lahir</td>
<td>:</td>
<td><input type=text name=Tempat size=23>
<select name=Tgl>
<option name=Tgl>Tgl
<option name=Tgl>1
<option name=Tgl>2
<option name=Tgl>3
<option name=Tgl>4
<option name=Tgl>5
<option name=Tgl>6
<option name=Tgl>7
<option name=Tgl>8
<option name=Tgl>9
<option name=Tgl>10
<option name=Tgl>11
<option name=Tgl>12
<option name=Tgl>13
<option name=Tgl>14
<option name=Tgl>15
<option name=Tgl>16
<option name=Tgl>17
<option name=Tgl>18
<option name=Tgl>19
<option name=Tgl>20
<option name=Tgl>21
<option name=Tgl>22
<option name=Tgl>23
<option name=Tgl>24
<option name=Tgl>26
<option name=Tgl>27
<option name=Tgl>28
<option name=Tgl>29
<option name=Tgl>30
<option name=Tgl>31
</select>
<select name=Bln>
<option name=Bln>Bln
<option name=Bln>Januari
<option name=Bln>Februari
<option name=Bln>Maret
<option name=Bln>April
<option name=Bln>Mei
<option name=Bln>Juni
<option name=Bln>Juli
<option name=Bln>Agustus
<option name=Bln>September
<option name=Bln>Oktober
<option name=Bln>November
<option name=Bln>Desember
</select>
<select name=Thn>
<option name=Thn>Thn
<option name=Thn>2000
<option name=Thn>1999
<option name=Thn>1998
<option name=Thn>1997
<option name=Thn>1996
<option name=Thn>1995
<option name=Thn>1994
<option name=Thn>1993
<option name=Thn>1992
<option name=Thn>1991
<option name=Thn>1990
<option name=Thn>1989
<option name=Thn>1988
<option name=Thn>1987
<option name=Thn>1986
<option name=Thn>1985
<option name=Thn>1984
</select>
</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name=Email size=25></td>
</tr>
<tr>
</tr>
<tr>
<td>Ymail</td>
<td>:</td>
<td><input type=text name=Ym size=25></td>
</tr>
</tr>
<tr>
<td>Facebook</td>
<td>:</td>
<td><input type=text name=FB size=25></td>
</tr>
<tr>
<td>No Hp</td>
<td>:</td>
<td><input type=text name=No size=20></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type=radio name=JK value=Laki-laki>Laki-laki<input type=radio name=JK value=Perempuan>Perempuan</td>
</tr>
<tr>
<td valign=”top”>Alamat</td>
<td valign=”top”>:</td>
<td valign=”top”><textarea cols=”20″ rows=”5″></textarea></td>
</tr>

<tr></tr>
<tr><td>II. Data Pekerjaan</td></tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td><input type=text name=No size=20></td>
</tr>

<tr></tr>
<tr><td>III. Data Pendidikan</td></tr>
<tr>
<td>Sekolah Dasar</td>
<td>:</td>
<td><input type=text name=No size=25></td>
</tr>
<tr>
<td>Sekolah Menengah Pertama</td>
<td>:</td>
<td><input type=text name=No size=25></td>
</tr>
<tr>
<td>Sekolah Menengah Atas</td>
<td>:</td>
<td><input type=text name=No size=25></td>
</tr>

<tr></tr>
<tr><td>IV. Data Hobby</td></tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td><input type=”checkbox” name=”Olahraga” value=”olahraga” />
olahraga
<input type=”checkbox” name=”Membaca” value=”Membaca” />
Membaca
<input type=”checkbox” name=”komputer” value=”Komputer” />
Komputer
<input type=”checkbox” name=”Musik” value=”Musik” />
Musik
<input type=”checkbox” name=”Lain-lain” value=”Lain-Lain” />
Lain-Lain</td>
</tr>

<tr><td>V. Data Keluarga</td></tr>
<tr>
<td>Nama Ayah</td>
<td>:</td>
<td><input type=text name=No size=30></td>
</tr>
<tr>
<td>Nama Ibu</td>
<td>:</td>
<td><input type=text name=No size=30></td>
</tr>
<tr>
<td>Nama Saudara(i)</td>
<td>:</td>
<td><input type=text name=No size=30></td>
</tr>

<tr>
<td> </td>
<td> </td>
<td><input type=”reset” name=Hapus value=Hapus>
<input type=”submit” name=tambah value=Tambah_Data></td>
</tr>
</form>
</table>
</body>
</html>

Daftar.html

<head>
<title>Urutan Daftar</title>
</head>
<body valign=”center”>
<center><font face=”modern 2.0″ size=”4″>
<a href = “Home.html”
target = “dinamis”>Home</a><br>
<a href = “Profil.html”
target = “dinamis”>Profile</a><br>
<a href = “Gallery.html”
target = “dinamis”>Gallery</a><br>
<a href = “Register.html”
target = “dinamis”>Register</a></font>
</center>
</body>
</html>

Footer.html

<html>
<title>Footer</title>
<style>
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
</style>
<head>
</head>
<body background=”footer.jpg” text=”blue”>
<marquee behavior=”alternate” direction=”right”><font color=”blue”> Copyright&copy;Rony 3101 1101 1854<br></font> </marquee>
</body>
</html>

keterangan ->

Untuk nama gambarnya 1,2,3,4,5 (jpg) untuk gambar jaket

Untuk profile namanya mee.jpg

Bisa diubah sesuai keinginan, sesuaikan dengan coding

Gambar bisa lihat dimenu “IMAGE” pada blog ini