Frameset HTML


Frameset biasa digunakan dalam pembuatan web statis menggunakan HTML.  Frameset sendiri berfungsi untuk menampilkan isi halaman yang lain dan ditampilkan pada satu halaman induk.

Dalam artikel ini saya beri teman-teman 4 contoh penggunaan frameset yaitu :

  • Frameset Vertical
  • Frameset Horizontal
  • Frameset Gabungan
  • Frameset Menu

Diasumsikan ada 6 File yang digunakan dalam contoh frameset yaitu :

  1. banner.html
  2. menu.html
  3. home.html
  4. profil.html
  5. tabel.html
  6. form.html

Sedangkan untuk syntax framesetnya adalah sebagai berikut :

Frameset Vertical

<HTML>
<head>
<title>Frame Set</title>
<frameset cols=”25%,50%,25%”>
<FRAME SRC=”profil.html”>
<FRAME SRC=”tabel.html”>
<FRAME SRC=”form.html”>
</frameset>
</head>
<body>
</body>
</HTML>

Frameset Horizontal

<HTML>
<FRAMESET ROWS=”25%,50%,25%”>
<FRAME SRC=”profil.html”>
<FRAME SRC=”tabel.html”>
<FRAME SRC=”form.html”>
</FRAMESET>
</HTML>

Frameset Gabungan

<HTML>
<FRAMESET ROWS=”25%,75%”>
<FRAME SRC=”profil.html”>
<FRAMESET COLS=”75%,25%”>
<FRAME SRC=”tabel.html”>
<FRAME SRC=”form.html”>
</FRAMESET>
</FRAMESET>
</HTML>

Frameset Menu

<HTML>
<FRAMESET ROWS=”25%,75%”>
<FRAME SRC=”banner.html”>
<FRAMESET rows=”*” COLS=”23%,77%”>
<FRAME SRC=”menu.html“>
<FRAME SRC=”home.html” name=”isi”>
</FRAMESET>
</FRAMESET><noframes></noframes>
</HTML>

Syntax Menu(menu.html)

<html>
<head>
<title>Situs Nama kamu</title>
</head>
<body bgcolor=”#00CCFF”>
<h1><font color=”white” size=”10″ face=”verdana”>Menu</font></h1>
<ul>
<li><a href=”home.html” target=”isi”>Home</a></li>
<li><a href=”profil.html” target=”isi”>Profil</a></li>
<li><a href=”tabel.html” target=”isi”>Tabel</a></li>
<li><a href=”form.html” target=”isi”>Form</a></li>
</ul>
</body>
</html>

Catatanku

  1. Penulisan tag frameset dalam huruf besar ataupun kecil tidak berpengaruh
  2. Untuk frameset menu memakai tag <a href=”home.html” target=”isi”>
  3. Karena framesetnya sudah diinisialkan sebuah name frameset <a href=”profil.html” target=”isi”>Profil</a>
  4. Artinya, jika link menu-menu tersebut diklik, maka file yang dipanggil akan ditampilkan pada frame yang bernama “isi” sehingga file default “home.html” akan diganti dengan file profil.html, atau file menu yang lainnya.
  5. Selesai

Download

http://www.4shared.com/file/3dRWTosK/frameset-contoh.html

Referensi

http://www.w3schools.com/html/html_frames.asp

Semoga artikel ini bermanfaat untuk teman-teman dan anda semua, khusus nya untuk teman-teman belajarku di SMKN52 Cibubur. semangat!!!

Depok, 14-01-2011

 

noname

About these ads

4 Responses

  1. mas kenapa frameset nya cuman tampil semonitor??

    • maunya segimana?

  2. Ok makasih yaaa atas sharing pengetahuannya. kunjungi blog saya ya sujarman81@wordpress.com

    • ok sama2
      insya allah

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 537 other followers

%d bloggers like this: