Anda di halaman 1dari 5

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 Tidak boleh memuat string : \ / : * ? "
sambung bertarget (target linking) <>|

ROWS Memungkinkan kita membuat Contoh. ROWS="300,200,*"


beberapa baris frame yang akan
muncul serta ukurannya

COLS Memungkinkan kita membuat The Column sizes listed ie.


beberapa kolom frame yang akan COLS="200,600,*"
muncul serta ukurannya

FRAMEBORDER Merubah berapa ukuran tepian atau Angka piksel


border

FRAMESPACING Jarak yang memisahkan masing- Angka piksel


masing frame-frame

contoh:
<HTML>

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

<FRAMESET COLS="100,*">
// two columns, first is 100 pixels
<FRAME NAME="menu" SRC="menu.html">
<FRAME NAME="main" SRC="main.html"> // first frame, name "menu": menu.html
//second frame, name "main": main.html
</FRAMESET>

</HTML>

Tampilannya akan terlihat sbb:

Menu.html Main.html
100 pixels 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
emakai frames. Tetapi untuk beberapa kasus, frames sangat berguna. Jadi anda perlu mengetahui
kasus anda sebelum memutuskan apakah ingin menggunakan frames apa tidak.

Frameset
Sebuah halaman web yang dibagi kedalam frame, diletakkan bersama didalam frameset. Sebuah
halaman frameset juga memiliki header, tetapi tidak seperti dokumen HTML biasa yang
memiliki body, frameset tidak memiliki tag <body> hanya memiliki tag <frameset> yang
digunakan untuk mendefinisikan baris dan kolom setiap frames.
Ini salah satu Tampilan Layout dengan Frame bisa dilihat dibawah ini,

Dalam utama.html ini merupakan tampilan awal dari sebuah web dimana pada bagian ini
digunakan untuk membagi beberapa layout ataupun dalam bentuk frame yang sasuai anda
inginkan.

Contoh pada postingan kali ini saya membagi layout sebuah web menajdi 3 buah Frame antara
lain b ernama :

1. Top.html
2. Main.html
3. Left.html
Sourcode Utama.html :

<html xmlns="http://w w w .w 3.o


<head>
<meta http-equiv="Content-Type
<title>Layout Dengan Frame</tit
1. Top.html :

Pada Bagian ini adalah digunakan untuk pembuatan header sebuah web yang saya namakan
dengan top.html
berikut ini adalah sourcecode nya dari top.html

<html xmlns="http://w w w .w 3.o


<head>
<meta http-equiv="Content-Type
<title>Untitled Document</title>

2. Main.html

Pada bagian frame ini digunakan untuk menempatkan content-content yang akan diletak kan
dalam sebuah web yang kita bangun.
berikut ini adalah sourcecode nya dari Main.html bisa di pahami.

<html
xmlns="http://w w w .w 3.org/19
<head>
<meta http-equiv="Content-Type

3. Left.html :

Pada bagian left.html ini di gunakan untuk meletakan dari menu - menu atau link yang akan kita
pasang di layout Web kita.
ex : seperti Layout yang saya buat Seperti Gambar disamping
berikut ini adalah sourcecode nya dari left.html
<html xmlns="http://w w w .w 3.o
<head>
<meta http-equiv="Content-Type
<title>left</title>

~~~SEMOGA BERMANFAAT~~~

Anda mungkin juga menyukai