html - frame « Lindi Classic

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan tentang cara dan penggunaan frame pada file HTML. Salah satu teknik pengaturan tata letak dokumen web yang telah dipelajari sebelumnya adalah dengan menggunakan tabel. Pada pembahasan ini, diperkenalkan teknik lain dalam mengatur tata letak dokumen web dengan menggunakan frame.

Sama halnya dengan tabel, frame akan membagi web page dalam baris dan kolom, bedanya, jika digunakan frame, web page akan terbagi menjadi beberapa windows yang masing – masing bagian mempunyai nama (nantinya akan menjadi target). Tiap bagian windows ini akan berisi web page. Jadi dengan menggunakan frame, kita dapat menampilkan beberapa web page dalam satu halaman. Sehingga tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat bandwidth internet dan mempercepat proses download secara keseluruhan.

Sintaks umum yang digunakan untuk membuat frame :

1. Frame Syntax

<FRAMESET>

Tag frameset ini mempunyai 2 buah atribut ROWS dan COLS. Frame document ini tidak mempunyai BODY, tapi memiliki tag <FRAMESET> dan diakhiri dengan tag </FRAMESET>. Di dalam FRAMESET ini hanya dapat mempunyai tag FRAMESET lainnya, tag FRAME atau tag NOFRAMES.

ROWS=”list”

Digunakan untuk frame pembagi horizontal. Atribut ROWS memakai daftar nilai yang dipisahkan dengan koma. Secara umum digunakan nilai prosentase.

Jika totalnya tidak 100%, maka semua presentase akan diskalakan sehingga total menjadi 100%. Untuk pengisian nilainya dimungkinkan juga menggunakan nilai pixel selain menggunakan nilai prosentase, untuk menggunakan sisa space pada layar bisa digunakan tanda *

COLS=”list”

Digunakan untuk frame pembagi vertikal. Atribut COLS memakai daftar nilai yang dipisahkan dengan koma. Tag FRAMESET ini dapat bersarang didalam tag FRAMESET yang lain.

<FRAME>

Mendefinisikan frame tunggal dalam frameset. Beberapa atribut yang sering digunakan adalah :

SRC=”url” :Atribut SRC ini berisi URL ke dokumen yang akan ditampilkan pada

frame ini.
NAME=”window_name” :Atribut NAME berisi nama frame yang bisa ditunjuk oleh link pada

dokumen yang lain, biasanya dari frame lain pada dokumen yang sama.

Atribut NAME ini bersifat optional.

Frame bernama bisa mempunyai isi target window dengan menggunakan atribut TARGET.

SCROLLING=”yes|no|auto”

Atribut SCROLLING mendeskripsikan apakah frame harus mempunyai scrollbar atau tidak. Pilih “yes” jika diinginkan scrollbar selalu tampak pada frame, pilih “no” jika tidak menginginkan scrollbar tidak tampak atau pilih “auto” sehingga browser yang nanti menentukan akan menampilkan scrollbar jika dibutuhkan. Atribut ini bersifat optional dan nilai defaultnya adalah auto.

NORESIZE

Atribut NORESIZE ini mengindikasikan jika frame tidak dapat di ubah ukurannya oleh user. Secara default, semua frame dapat diubah ukurannya.

BORDERCOLOR=color

Memberi warna pada border yang memisahkan frame ini dengan yang lain, misalkan BORDERCOLOR=green.
BORDERCOLOR dapat digunakan pada satu atau lebih <FRAME> atau dengan <FRAMESET> untuk mengatur warna default pada semua border.

MARGINWIDTH=pix

Secara default, terdapat 8 pixel margin kiri dan kanan untuk setiap frame yang dapat diperkecil ataupun diperbesar.

MARGINHEIGHT=pix

Secara default, terdapat 8 pixel margin atas dan bawah pada setiap frame yang dapat diperkecil atau diperbesar.

2. Frame Target

Target frame digunakan untuk menentukan tujuan ditampilkannya suatu informasi dari suatu link. Biasanya, target frame ini disesuaikan dengan nama frame yang akan dijadikan tujuan menampilkan informasi tersebut.

Ada nama frame predefined yang dapat digunakan sebagai target, seperti yang diperlihatkan pada tabel di bawah ini : _self, _top, _parent, _blank.

Dibawah ini adalah Jenis – Jenis Target Frame

_self :Digunakan apabila target frame adalah frame tempat link berada
_top :Digunakan apabila target frame adalah windows tempat frame berada. Dengan

menggunakan _top sebagai target, maka definisi frame yang ada pada window browser

                  akan hilang, diganti dengan definisi frame yang baru jika ada
_parent     :Target frame adalah setingkat di atas frame link berada
_blank       :Digunakan apabila hasil link ingin ditampilkan di window baru

Sebagai contoh, buatlah file header html dengan script sebagai berikut: