Apa itu Frame?
Adalah sebuah fitur dari HTML yang memungkinkan satu jendela browser dibagi menjadi beberapa bagian, masing-masing halaman HTML bersifat independen yang dimuat didalamnya, dan halaman HTML ini dapat berinteraksi satu sama lain. Setiap halaman dimuat dalam setiap bagian dari frame dokumen HTML yang terpisah.
Frame dapat digunakan untuk berbagai macam keperluan, antara lain:
Membuat suatu daftar isi pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isinya
Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan frame yang lain menampilkan isi dokumen
Membuat suatu dokumen tanya jawab, dll.
Cara Membuat Frame HTML
Untuk membuat halaman web yang menggunakan frame kita perlu membuat beberapa file html, antaralain :
Sebuah pendefinisi file. File tersebut kita butuhkan untuk menampilkan halaman web dengan bentuk frame
Beberapa file pengisi frame, yang jumlahnya tergantung dari berapa bagian yang akan kita buat pada frame tersebut
Sama halnya seperti membuat tabel, dalam mendefinisikan frame, hal pertama yang harus dilakukan adalah mendefinisikan dahulu bentuk frame yang akan dibuat misalnya bentuk frame. lihat contoh di bawah ini :
Contoh Frame 1
Contoh Frame 2
Contoh Frame 3
Contoh Frame 4
Tag untuk membuat frame diawali dengan menggunakan <FRAMESET> dan diakhiri dengan </FRAMESET>. Pada file pendefinisi frame kita tidak lagi memerlukan tag <BODY></BODY>, sehingga struktur dasar pendefinisi frame adalah sebagai berikut:
<html>
<head>
<title></title>
</head>
<frameset>
--- bagian frame ---
</frameset>
</html>
Pada file pendefinisi frame ini, setiap kita akan membagi menjadi beberapa bagian, maka kita gunakan tag <FRAMESET></FRAMESET>, Atribut-atribut yang dapat menyertai tag ini adalah :
BORDER, untuk menentukan tebal garis pemisah antar frame
ROWS, untuk menentukan berapa baris bagian yang akan dibentuk
COLS, untuk menentukan berapa kolom yang akan dibentuk
Jika kita tidak akan membagi lagi frame yang ada, maka selanjutnya kita definisikan frame tersebut dengan tag <FRAME>. Atribut-atribut yang dapat menyertai tag ini adalah :
NAME, untuk memberi identitas/nama bagi frame tersebut. Fungsinya adalah ketika frame tersebut dijadikan terget untuk menampilkan suatu halaman.
SRC, menunjukan file yang mengisi tersebut.
SCROLLING, untuk menunjukan apakah kita akan menggunakan scrolling bar di samping atau di bawah halaman, opsi inputnya adalah “YES, NO atau AUTO”.
Yang perlu diperhatikan saat membuat file pandefinisi frame adalah bahwa kita telah mempunyai file yang akan digunakan untuk mengisi frame tersebut.
Sekarang kita akan membuat halaman web yang memiliki frame dengan tiga bagian, kita perlu membuat file pengisi frame sebanyak 3 buah.
Buatlah file HTML berikut, simpan dengan nama logo.html
<html>
<head>
<title></title>
</head>
<body bgcolor="#006699">
<h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>
</body>
</html>
Selanjutnya, buatlah file kedua, simpan dengan nama menu.html
<html>
<head>
<title></title>
</head>
<body bgcolor="#CCCCFF">
<h4>Latihan</h4>
Mencoba latihan membuat Frame HTML
</body>
</html>
Buatlah file yang ketiga, simpan dengan nama welcome.html
<html>
<head>
<title></title>
</head>
<body>
<h2>Selamat Datang</h2>
<h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>
</body>
</html>
Yang terakhir adalah kita membuat file pendefinisi frame, simpan dengan nama index.html.
<html>
<head>
<title></title>
</head>
<frameset rows="25%,*" border="0">
<frame name="atas" src="logo.html" />
<frameset cols="20%,*">
<frame name="menu" scrolling="no" src="menu.html" />
<frame name="isi" src="welcome.html" />
</frameset>
</frameset>
</html>
Emoticon