<html>
<head>
<title> Q-ta bisa </title>
</head>
<frameset rows = "15%, *,5%" border="no">
<frame src = "title.htm" scrolling = "no">
<frameset cols = "20%,*,10%">
<frame src = "menu.htm" scrolling = "no">
<frame src = "profil.htm" name = "dinamis">
<frame src = "sidoarjo.htm" scrolling = "no">
</frameset>
<frame src = "title2.htm" scrolling = "no">
</frameset>
</html>
hasilnya seperti ini,
membuat menu dengan script:
<html>
<head>
<title>Menu</title>
</head>
<body text="black"<center><big> MENU </big></center>
</body>
<body link="red" alink="yellow" vlink="blue"
<p>
</p>
<a href ="nama.htm" target = "dinamis" > Nama</a><br>
<a href="profil.htm" target = "dinamis" > Profile</a><br>
<a href="galery.htm" target = "dinamis" > Gallery Foto</a><br>
<a href="buku tamu.htm" target = "dinamis" > Buku Tamu</a><br>
<a href="contact person.htm" target = "dinamis" > Contact Person</a>
</body>
</html>
buat isi dari menu:
- nama.htm
<head>
<title>menu</title>
</head>
<body text="GREEN" background="1280x1024-03.jpg"><br>
<p></p>
<center><big><blink>By: MUHAMMAD ABDULLAH ALI QODZAFI<br>DARGOMBEZ All Is Well</blink></big></center>
</body>
</html>
- profil.htm
<head>
<title>profil</title>
</head>
<body text="green" background="linux-tux-born-2-frag.jpg"<big><center>
<blink>M. ABDULLAH ALI QODZAFI</blink><P></P>
<blink>08.10802.00160 </blink><P></P>
<blink>5D SORE TEKNIK INFORMATIKA </blink><P></P>
<blink>UNIVERSITAS MUHAMMADIYAH SIDOARJO</blink><P></P>
</BODY>
</html>
- galery.htm
<title> gallery </title>
</head>
<body>
<img src="1280x1024-03.jpg"width="300" height="300" border="3">
<img src="Linux 102_1024.jpg"width="300" height="300" border="3">
<img src="linux-tux-born-2-frag.jpg"width="300" height="300" border="3">
<img src="xx-tux_babytux.jpg"width="300" height="300" border="3">
</body>
</html>
- buku tamu.htm
<head>
<title>Buku Tamu</title>
</head>
<body font face="Arial" size="2">
<div align="left">
<p align="center"><strong>Buku Tamu</strong></p>
<table width="50%" border="0">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type ="text" nama = "nama_pegawai" size = "20" maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type = "text" name = "hobby" size = "20"
maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Pesan</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<textarea name="pesan" cols="35" rows="5" id="pesan_x"></textarea>
</label></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"><label>
<input type="submit" name="Submit" value="Simpan" />
<input type="submit" name="Submit2" value="Batal" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>
- contact person.htm
<head></head><title>contact</title><html>
<body>
<font face="Arial" size="2">
<div align="center">
<p align="center"><strong>CONTACT</strong></p>
<p align="left">Anda dapat mengunjungi melalui email saya <br>
<a href="http://qd_67@yahoo.com">qd_67@yahoo.com</a>atau blog saya
<a href="http://qodzafi.blogspot.com">qodzafi.blogspot.com</a>
<p align="left"><strong>Form Email : </strong></p>
<div align="left">
<table width="100%" border="0">
<tr>
<td width="15%" valign="top">Email Anda </td>
<td width="2%" valign="top">:</td>
<td width="83%" valign="top" class="style5"><label>
<input name="email_anda" type="text" id="email_anda" size="30">
</label></td>
</tr>
<tr>
<td width="15%" valign="top">Isi Pesan </td>
<td width="2%" valign="top">:</td>
<td valign="top" class="style5"><label>
<textarea name="isi_pesan" cols="35" rows="5" id="isi_pesan"></textarea>
</label></td>
</tr>
<tr>
<td width="15%" valign="top"> </td>
<td width="2%" valign="top"> </td>
<td valign="top" class="style5"><label>
<input name="kirim" type="submit" id="kirim" value="Kirim">
<input name="batal" type="reset" id="batal" value="Batal">
</label></td>
</tr>
</table>
</div>
</div>
</body>
</html>
- title.htm
<head>
<title> tugas </title>
</head>
<body text="green" bACKGROUND="Linux 102_1024.jpg">
<font face="times" color="green" size="10"><marquee direction="left" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"> SELAMAT DATANG DI QODZAFI SITE </marquee></font>
</body>
</html>
- title2.htm
<head>
<title> tugas </title>
</head>
<body text="blue" background="xx-tux_babytux.jpg"<big><center> Copyrigth © GOMBEZ Corp </center></big>
</body>
</html>
M. Abdullah Ali Qodzafi
08.10802.00160
5D/Sore Teknik Informatika
