|
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.
|
