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 :
- banner.html
- menu.html
- home.html
- profil.html
- tabel.html
- 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
- Penulisan tag frameset dalam huruf besar ataupun kecil tidak berpengaruh
- Untuk frameset menu memakai tag <a href=”home.html” target=”isi”>
- Karena framesetnya sudah diinisialkan sebuah name frameset <a href=”profil.html” target=”isi”>Profil</a>
- 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.
- 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
Sonora Jakarta
mas kenapa frameset nya cuman tampil semonitor??
maunya segimana?
Ok makasih yaaa atas sharing pengetahuannya. kunjungi blog saya ya sujarman81@wordpress.com
ok sama2
insya allah