Sabtu, 23 Oktober 2010

TUGAS 3 MEMBUAT FRAME PADA NHTML

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 &nbsp;&nbsp;&nbsp;&nbsp;  : MOCHAMAD ZAQI<br>
        Kelas &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: 5 D Sore<br>
        NIM  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 08.10802.00181<br>
        Fakultas &nbsp;: Teknik<br>
        Jurusan &nbsp;&nbsp; : Informatika<br>
        Motto &nbsp;&nbsp;&nbsp;&nbsp; : Tak ada rahasia untuk menggapai sukses. Sukses itu dapat terjadi karena persiapan, kerja keras, dan mau belajar dari kegagalan.<br>
        Alamat &nbsp;&nbsp;&nbsp;&nbsp; : Mojosari, Mojokerto<br>
        Hobby &nbsp;&nbsp;&nbsp;&nbsp; : 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">&nbsp;</td>
        <td align="left" valign="top">&nbsp;</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">&nbsp;</td>
          <td width="2%" valign="top">&nbsp;</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