Menggunakan Frame

Dengan Frame dimungkinkan beberapa dokumen HTML ditampilakan dalam satu window browser. Perintah ini membagi satu window browser menjadi beberapa bidang untuk melihat beberapa halaman web/dokumen yang berbeda. Kita dapat memiliki sebuah menu dalam satu frame kemudian frame lainnya menampilkan isi dari dokumen yang dituju oleh menu tersebut.

Top.html

Menu.html

Main.html


Ada satu dokumen yang mengandung informasi lay out, data tambahan, dan ketentuan dari frame yang akan kita buka. Kemudian semua isi dari dokumen yang menyusun frame-frame tersebut tersimpan dalam dokumen lain.

Dalam dokumen index terdapata sebuah tag : no body tags dan FRAMESET tags.  Dalam <FRAMESET> diikuti Tag <FRAME> yang menyatakan bagaiamana tampilan setiap frame nantinya.

Tag  FRAMESET dapat diikuti beberapa atribut sbb :


<FRAMESET>

Attributes

Description

Values

NAME

Nama dari frame untuk jalur sambung bertarget (target linking)

Tidak boleh memuat string :  \ / : * ? " < > |

ROWS

Memungkinkan kita membuat beberapa baris frame yang akan muncul serta ukurannya

Contoh. ROWS="300,200,*"

COLS

Memungkinkan kita membuat beberapa kolom frame yang akan muncul serta ukurannya

The Column sizes listed ie. COLS="200,600,*"

FRAMEBORDER

Merubah berapa ukuran tepian atau border

Angka piksel

FRAMESPACING

Jarak yang memisahkan masing-masing frame-frame

Angka piksel

contoh:

<HTML>

<HEAD>
<TITLE>My Frames</TITLE>
</HEAD>

<FRAMESET COLS="100,*">

<FRAME NAME="menu" SRC="menu.html">
<FRAME NAME="main" SRC="main.html">

</FRAMESET>

</HTML>








// two columns, first is 100 pixels

// first frame, name "menu": menu.html
//second frame, name "main": main.html


Tampilannya akan terlihat sbb:

Menu.html
100 pixels
Main.html
Sisa lebar dari keseluruhan layar

Atribut COLS dalam sebuah Tag frameset menyatakan bahwa frame itu akan muncul dalam bentuk lajur atau kolom. Besaran nilai terpisah dengan koma, di dalam tada petik akan menetukan berapa jumlah kolom yang akan muncul. Untuk setiap kolom yang terbentuk anda musti menyertakan sebuah tag  <FRAME> di dalam blok Tag Frame.

Demikian juga halnya dengan ROWS.

Bila kita menciptakan kolom, maka kita mengatur (setelah tanda = ) dimensi dalam piksel atau pesen dari frame yang kita ciptakan dari kiri ke kanan, bile kita membuat 4 angka berurutan maka 4 kolom frame yang tercipta.

Contoh :

<FRAMESET COLS="50%,150,100,*">
                                  1     2      3   4

ini akan menciptakan 4 Frame, yang pertama, paling kiri, adalah 50 % lebarnya dari keseluruhan lebar window, kemudian frame selanjutnya lebar pikselnya 150, lalu frame ketiga dengan lebar 100 piksel, serta frame keempat diwakili tanda * selebar sisa dari seluruh window dikurangi ketiga frame sebelumnya.

Perhatikan bahwa resolusi layar ada beberapa macam 1024 x 768 piksel, kemudian 800 x 600, serta 640 x 480 dan area yang tersisa dalam window browser yang akan terlihat oleh pengunjung situs anda berkisar dua pertiganya, setelah dikurangi scroler, border dan menu pada browser.

Tag berikutnya yang anda sertakan adalah keepat tag <FRAME> yang kita letakkan di antara blok <FRAMESET> yang akan menjelaskan ke- 4 frame tersebut.  Tag yang pertama <FRAME> akan menyatakan lebar 50% , kemudian diikuti lebar 150 pixels dan properti frame lainnya.

<FRAMESET COLS="50%,150,100,*">
<FRAME SRC="main.html" NAME="Main">
<FRAME SRC="menu.html" NAME="Menu">
<FRAME SRC="thumbnails.html" NAME="Pics">
<FRAME SRC="empty.html">
</FRAMESET>

Di dalam setiap tag FRAME tertutup dapat disertakan atribut ini :

<FRAME>

Attributes

Description

Values

NAME

Nama Frame untuk Jalur sambung bertarget (target linking)

Karakter berikut tidak boleh disertakan :  \ / : * ? " < > |

SRC

URL dari dokumen yang akan berada dalam frame tersebut

URL dokumen relatif

MARGINWIDTH

Margin lebar frame

Sembarang angka

MARGINHEIGHT

Margin tinggi frame

Sembarang angka

SCROLLING

Memungkinkan ada atau tidaknya scroll dalam frame

YES/NO/AUTO

BORDERCOLOR

Merubah warna border

Warna, atau nilai hexa warna

NORESIZE

Memungkinkan frame tidak dapat dirubah-rubah

N/A

FRAMESPACING

Jarak antar sel frame

Angka dalam piksel

FRAMEBORDER

Rubah besaran boder frame

Angka dalam piksel

Sangat dimungkinkan untuk memiliki frame dari dalam sebuah frame baris. Untuk itu kita menciptakan Frameset dalam Frameset.
 
Contoh:

Untuk menciptakan frame seperti ini :




Left.html
Top.html
Main.html


Pertama membuat kolom normal :

<FRAMESET COLS="300,*">

</FRAMESET>

ini berarti kita membagi dua halaman window menjadi sebuah frame dengan lebar 300 pixel, dan sebuah lagi sisanya.

Kemudian sertakan frameset selanjutnya diantara frame blok kedua, perhatikan contoh berikut :


<FRAMESET COLS="300,*">
<FRAME SRC="Left.html">
<FRAMESET ROWS="200,*">
	<FRAME SRC="Top.html">
<FRAME SRC="Main.html">
</FRAMESET>
</FRAMESET>

Contoh diatas adalah contoh Frameset dalam Frameset.



KEMBALI KE DAFTAR ISI


Garansi 100%, Anda pasti dapat US$ 500,- per bulan Garansi 100%, Anda pasti dapat US$ 500,- per bulan

By Joko Setiawan, Klaten, 10 Juni 2003.