1. membuat frame pada HTML dengan script seperti di bawah ini
<html>
<head>
<title> tugas membuat frame </title>
</head>
<frameset rows = "15%, *,10%" 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 = "hello_kitty meraa.jpg" scrolling = "no">
</frameset>
<frame src = "title2.htm" scrolling = "no">
</frameset>
</html>
hasilnya seperti berikut
2. membuat menu
<html>
<head>
<title>Menu</title>
</head>
<body background="hello_kitty meraa.jpg" text="black"<center><big> MENU </big></center>
<font face="comic sans ms")
</body>
<body link="purple" alink="orange" vlink="pink"
<p>
</p>
<a href ="home.htm" target = "dinamis" > Home</a><br>
<a href="profil.htm" target = "dinamis" > Profile</a><br>
<a href="galery.htm" target = "dinamis" > Photo Gallery</a><br>
<a href="buku tamu.htm" target = "dinamis" > Buku Tamu</a><br>
<a href="contact person.htm" target = "dinamis" > Contact Us</a>
</body>
</html>
hasilnya seperti berikut
buat isi dari menu untuk di link ke dalam frame yang di tengah
<html>
<head>
<title>menu</title>
</head>
<body text="PINK"><br>
<p></p>
<center><big><blink>By: BAITY JANNATY <br> mY hOmE Is mY hEAvEn</blink></big></center>
</body>
</html>
<html>
<head>
<title>profil</title>
</head>
<body text="VIOLET" background="hello kitty pink.jpg"<big><center>
<blink>BAITY JANNATY</blink><P></P>
<blink>08.10802.00142 </blink><P></P>
<blink>5D SORE TEKNIK INFORMATIKA </blink><P></P>
<blink>UNIVERSITAS MUHAMMADIYAH SIDOARJO</blink><P></P>
</body>
</html>
<head>
<title> gallery </title>
</head>
<body>
<img src="hello kitty pink.jpg"width="300" height="300" border="3">
<img src="hello_kitty meraa.jpg"width="300" height="300" border="3">
<img src="rab.jpg"width="300" height="300" border="3">
<img src="rabb.jpg"width="300" height="300" border="3">
</body>
</html>
<html>
<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>
<html>
<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://bebebukanbb@gmail.com">bebebukanbb@gmail.com</a>atau blog saya <a href="http://bebeitubaity.blogspot.com">bebeitubaity.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>
<html>
<head>
<title> tugas </title>
</head>
<body text="pink">
<font face="times" color="pink" size="10"><marquee direction="left" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"> SELAMAT DATANG DI WEBSITE BAITY JANNATY </marquee></font>
</body>
</html>
<html>
<head>
<title> tugas </title>
</head>
<body text="PINK"<big><center> Copyrigth © BAITY Corp </center></big>
</body>
</html>
