Membuat Tag FrameSet dalam HTML

Table of contents

Membuat Tag FrameSet - Sesuai dengan namanya frame yang berarti bingkai, adalah berhubungan dengan pengaturan bingkai sebagai pembentuk jendela tampilan pada browser. Sehingga dapatlah jendela browser dibagi menjadi beberapa frame.

Ada tiga pengaturan frame, yaitu secara vertical, horizontal dan kombinasi dari vertical dan horizontal. Script HTML yang digunakan untuk pengaturan frame maka tidak dapat digunakan untuk membuat halaman tampilan web, untuk itu diperlukan file yang berisi script HTML lain dan disisipkan kedalam script frame tesebut. Jadi bila ada dua frame maka diperlukan dua file HTML. Untuk keperluan pembuatan frame maka disiapkan dulu isi dari frame yang akan dibuat, misalkan dibuat tampilan dengan dua frame maka disiapkan dulu dua file HTML sebagai isi dari 3 frame uang dibuat.

Untuk dapat menyisipkan ketiga file HTML tesebut kedalam frame, diperlukan nama yang jelas dan benar serta dimana letak folder/ direktorinya, karena informasi tersebut digunakna didalam tag <frameset>. Berikut ini diberikan contoh ketiga file HTML tersebut dan sebuah file HTML lagi untuk mengatur tampilan frame, sehingga disini diperlukan 3 (tiga) file HTML sekaligus. Berikut ini diberikan contoh untuk membuat dua frame jendela secara horizontal.

File Script HTML pertama disimpan dengan nama contoh1.HTML

<html>
<body>
<h2>Panas sebelum DUEL</h2>
<font size="3"><b>SHIZUOKA</b></font>
<p> - Partai perempat final Piala Dunia antara Brazil dan Inggris mulai menyembulkan hawa panas. Kedua tim ini sudah melakukan <em>psywar</em> untuk menjatuhkan mental pemain masing-masing sebelum laga tersebut digelar di Stadion Shizuoka.</p>
<p>Udara Shizuoka yang sedikit menyengat diperkirakan juga bakal mempengaruhi penampilan kedua tim. Barangkali pemain-pemain Brazil sedikit diuntungkan dengan kondisi cuaca bagus tersebut. Menurut laporan, udara disekitar Shizuoka besok diperkirakan 22-27 derajad Celsius.</p>
<p>Wartawan Jawa Pos Kholili Indra di Jepang melaporkan, publik Shizuoka juga sudah menyabut duel klasik tersebut. Para suporter Jepang yang sudah tidak mendukung timnya bakal terpecah untuk memilih salah satu tim. Bahkan sejak kemarin stadion yang berkapasitas 51.349 penonton itu sudah dijaga ketat.<p><b><i>Sumber: Jawa Pos, Kamis Pahing 20 Juni 2002</i></b>
</body>
</html>

File Script HTML kedua disimpan dengan nama contoh2.HTML

<html>
<body>
<h2>PlayStation 2 Resmi versi Indoensia</h2>
<font size="3"><b>A</b></font><p>Apakah penulis sedang mimpi atau berkhayal? Tidak! Jelas tidak! Judul ini adalah sebuah cita-cita, harapan dengan penuh keyakinan dari penulis. Siapa pemain video game di Indonesia yang tidak ingin punya PlayStation2 atau bahkan Xbox maupun Gamecube versi Indonesia? Mungkin banyak yang tidak perduli, tapi bagi pecinta video game sejati pasti akan bertanya balik, apa bedanya dengan versi Jepang atau AS. Apa untungnya membeli versi Indonesia, apa gengsinya membeli produk inpor yang dimodifikasi atau dirakit khusus untuk Indonesia.</p>
<p><b>Penulis: Edwin Gunawan<br>Pengamat dan pecinta Video Game Tinggal di Jakarta<br> <i>Komputek edisi 267, Minggu ke V, Mei, Tahun 2002</i></b></p>
</body>
</html>

File Script HTML ketiga disimpan dengan nama index.HTML

<html>
<head>
<title>HORIZONTAL FRAME</title>
</head>
<frameset ROWS="80%,20%">
<frame SRC="contoh1.html">
<frame SRC="contoh2.html">
</frameset>
</html>

Perhatikan bahwa pembuatan script HTML untuk frame tidak menggunakan tag <BODY>, apabila tag <BODY> diberikan maka frame tidak akan terbentuk, karena tag <BODY> merupakan tampilan isi halaman web dan bukan untuk membuat frame.

Untuk membuat frame secara vertical, dapat dilakukan dengan mengubah atribut ROWS pada file INDEX.HTML menjadi atribut COLS, sehingga pada tag

<frameset rows="55%,45%"> dapat dimodifikasi menjadi tag

<frameset cols="50%,50%">, perhatikan contoh dibawah ini:

<html>
<head>
<title>
VERTICAL FRAME
</title>
</head>
<body>
<frameset COLS="80%,20%">
<frame SRC="contoh1.html">
<frame SRC="contoh2.html">
</frameset>
</body>
</html>

Dari kedua tampilan frame diatas dapat dibuat kombinasi antara frame vertikal dengan frame horizontal, sehingga menjadi satu jendela yang mempunyai frame vertical dan horizontal. Untuk keperluan tersebut maka diperlukan satu file HTML lagi yang digunakan untuk mengisi frame yang ketiga sebagai berikut.

File Script HTML tambahan disimpan dengan nama contoh3.HTML

<html>
<body>
<h2>Sekilas Tentang html</h2>
<font size="3"><b>html </b></font>adalah singkatan dari <i>Hyper Text Markup Language</i>, merupakan bahasa teks yang menggunakan tanda-tanda (<i><b>markup</b></i>) yang dikenal dengan &lttag&gt, dimana merupakan pengembangan dari SGML (<i>Standard Generalize Markup Language).</i><p>
</body>
</html>

Modifikasi index.HTML menjadi seperti berikut:

<html>
<head>
<title>VERTICAL & HORIZONTAL FRAME</title>
</head>
<frameset COLS="30%,70%">
<frame SRC="contoh3.html">
<frameset ROWS="50%,50%">
<frame SRC="contoh1.html">
<frame SRC="contoh2.html">
</frameset>
</frameset>
</html>