TUGAS 3 MEMBUAT FRAME PADA HTML
1.index.htm
<html>
<head>
<title>zaki</title>
<link ilo-full-src="mac.ico" rel="SHORTCUT ICON" href="mac.ico" type="image/x-icon">
<script language="JavaScript1.2">
var message=">>>> MOCHAMAD ZAQI <<<<<";
var message=message+" "
i="0"
var temptitle=""
var speed="150"
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",speed)
}
window.onload=titler
</script>
</head>
<frameset rows = "35%,*,6%" cols="*">
<frame src = "title.htm" scrolling = "no">
<frameset rows="*" cols = "21%,*,23%">
<frame src = "menu.htm" scrolling = "no">
<frame src = "tama.htm" scrolling = "no">
</frameset>
<frame src = "title2.htm" scrolling = "no">
</frameset>
<noframes></noframes>
</html>
Ini tampilan index.htm
2. profile.htm
<html>
<head>
<title>ISI</title>
</head>
<h1 align="center"> DATA DIRI </h1>
<body background="white">
<div align="left">
<table width="803" height="118" border=0">
<tr>
<td width="409"><ol>
<strong>Nama : MOCHAMAD ZAQI<br>
Kelas : 5 D Sore<br>
NIM : 08.10802.00181<br>
Fakultas : Teknik<br>
Jurusan : Informatika<br>
Motto : Tak ada rahasia untuk menggapai sukses. Sukses itu dapat terjadi karena persiapan, kerja keras, dan mau belajar dari kegagalan.<br>
Alamat : Mojosari, Mojokerto<br>
Hobby : tidur, makan </strong><br>
</ol></td></tr>
<tr>
<td width="50"><div align="right">
<div align="center"><img src="ozeck1.jpg" width="74" height="80" border="3"></div></td>
</tr>
</table>
</div>
</body>
</html>
Ini tampilan profile.htm
3. gallery.htm
<html>
<head>
<title> gallery </title>
</head>
<body><img src="ozeck1.jpg"width="145" height="150" border="3">
<img src="a.jpg"width="160" height="150" border="3">
<img src="13.jpg"width="149" height="150" border="3">
<img src="1.jpg"width="159" height="150" border="3">
<img src="3.jpg"width="148" height="150" border="3">
<img src="4.jpg"width="159" height="150" border="3">
<img src="5.jpg"width="159" height="150" border="3">
<img src="6.jpg"width="159" height="150" border="3">
<img src="7.jpg"width="159" height="150" border="3">
<img src="8.jpg"width="159" height="150" border="3">
</body>
</html>
Ini tampilan gallery.htm
4.bukutamu.htm
<html>
<head>
<title>Buku Tamu</title>
</head>
<body background="images/nn.jpg" 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>
Ini tampilan bukutamu.htm
5. contact.htm
<html>
<head></head><title>contact</title><html>
<body background="white">
<font face="Arial" size="2">
<div align="center">
<p align="center"><strong>CONTACT</strong></p>
<p align="left">Anda dapat menghubungi lewat email saya, <br>
<a href="mailto:zakiinzaghi@yahoo.co.id">zakiinzaghi@yahoo.co.id </a>atau blog saya <a href="http://mochamadzaqi.blogspot.com/">http://mochamadzaqi.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>
Ini tampilan contact.htm
Untuk file lengkapnya di
http://www.ziddu.com/download/12208233/tugas_frame_zaki.rar.html
Demikian tugas membuat frame yang saya buat
Sekian Terima Kasih
Tidak ada komentar:
Posting Komentar