MEMBUAT FRAMEDengan menggunakan frame, kita bisa menampilkan beberapa halaman HTML sekaligus dalam sebuah jendela browser. Apa artinya? Artinya dengan membuka sebuah halaman HTML saja (yang mengandung frame), browser akan menampilkan beberapa halaman sekaligus yang masing-masing termuat dalam sebuah frame. Apa gunanya? Disamping untuk mempercantik tampilan, fungsi utama frame adalah untuk memudahkan navigasi atau penelusuran isi website. Kok, bisa? Daripada membahas panjang lebar, lebih baik kita langsung saja belajar membuat frame. Perhatikan contoh layout halaman ber-frame berikut ini:frame I berisi filejudul.htmframe II berisi filemenu.htmframe III berisi fileisi.htmAnggaplah gambar di atas adalah tampilan dari sebuah halaman HTML yang terdiri dari tiga frame. Halaman yang ber-frame ini kita namakangabung.htm. Filegabung.htmini menampilkan tiga halaman HTML sekaligus yaitu filejudul.htm,menu.htmdanisi.htm. Jadi untuk membuat tampilan seperti di atas kita harus membuat empat buah file HTML, 3 file berfungsi sebagai halaman yang ditampilkan sedang satu file berfungsi sebagai halaman yang menampilkan. Halaman inilah yang merupakan halaman utama atau halaman yang mengandung frame.Untuk membuat halaman utama atau halaman yang ber-frame, kita hanya membutuhkan dua buah tag yaitu <FRAMESET> untuk mengatur pembuatan frame, dan <FRAME> untuk menentukan file target bagi setiap frame. Baiklah kita mulai membuat filegabung.htmini: <HTML><HEAD><TITLE>Halaman utama</TITLE></HEAD><FRAMESET></FRAMESET></HTML>Di atas anda bisa melihat bahwa empat tag yang pertama hanyalah tag pembukaan HTML yang sudah biasa. Sedangkan tag untuk membuatframe adalah tag <FRAMESET> dengan tag penutupnya. Perhatikanlah bahwa halaman yang berframe tidak membutuhkan tag BODY karena yang menjadi isi dari halaman utama ini adalah isi dari halaman-halaman lain yang menjadi target dari setiap frame. Perhatikan kembali layout halaman berframe yang digambarkan di atas tadi. Halaman tersebut terdiri dari atas dua baris dimana baris pertama (atas) lebih kecil (anggaplah 20%) daripada baris kedua (80%). Dan baris kedua terbagi atas dua kolom dimana kolom pertama (kiri) lebih kecil (anggaplah 30%) daripada kolom kedua (70%). Bagaimana cara mengaturnya?Pertama, kita membagi halaman menjadi dua baris, baris pertama tingginya 20% dan baris kedua tingginya 80%. Agar lebih bersih dan jelas, tag <HTML>, <HEAD> dan <TITLE> tidak dicantumkan lagi. Ingat, anda harus tetap menuliskannya di dokumen anda. <FRAMESET ROWS="20%,80%"></FRAMESET>Atribut ROWS dalam tag FRAMESET di atas memerintahkan browser untuk membagi halaman menjadi dua baris, baris pertama tingginya 20% dan baris kedua tingginya 80%. Sekarang kita akan mengisi baris pertama dengan frame kosong terlebih dahulu menggunakan tag <FRAME>.<FRAMESET ROWS="20%,80%"><FRAME></FRAMESET>Sekarang kita akan mengisi baris kedua. Sebelumnya kita harus membagi baris kedua ini dalam dua kolom. Untuk itu, kita harus menambahkan lagi sepasang tag <FRAMESET> yang di dalamnya disisipkan atribut pembagi kolom yaitu COLS. <FRAMESET ROWS="20%,80%"><FRAME><FRAMESET COLS="30%,70%"></FRAMESET></FRAMESET>Setelah terbagi dalam dua kolom kita harus mengisi setiap kolom tersebut dengan frame. Jadinya seperti ini:<FRAMESET ROWS="20%,80%"><FRAME><FRAMESET COLS="30%,70%"><FRAME><FRAME></FRAMESET></FRAMESET>Kini selesailah sudah pembuatan filegabung.htmyang merupakan halaman web yang terdiri dari tiga buah frame. Tugas kita tinggal mengisi frame-frame yang masih kosong itu dengan file-file yang akan kita tampilkan di dalamnya. Untuk mendefinisikan nama file target pada setiap frame, kita tinggal menambahkan atribut SRC dalam setiap tag <FRAME>. Contoh:<FRAMESET ROWS="20%,80%"><FRAME SRC="judul.htm"><FRAMESET COLS="30%,70%"><FRAME SRC="menu.htm"><FRAME SRC="isi.htm"></FRAMESET></FRAMESET>Tentu saja sebelumnya anda harus sudah membuat ketiga file tersebut dan menempatkan keempat file ini dalam folder yang sama. Bila foldernya tidak sama, gunakanlah cara penulisan alamat file seperti cara penulisan alamat file untuk link (lihat kembali pelajaran tentang link yang lalu). Misalnya kita mempunyai filejudul.htmseperti ini, filemenu.htmseperti inidan fileisi.htmseperti ini. Maka bila A1
Kembali
