membuat_frame.doc

5/26/2018 Membuat_Frame.doc

1/8

Modul Ajar Disain Web

Politeknik Elektronika Negeri Surabaya (PENS)

Bab 8

Membuat Frame

Frame HTML dapat digunakan untuk menampilkan beberapa web page yang

ditampilkan dalam satu window browser. Model ini sering dipakai untuk memperjelaspenyajian informasi dengan menu-menu yang ada selalu ditampilkan.

Kekurangan penggunaan frame :

Developer web harus menjaga dokumen HTML lebih banyak

ulit untuk men!etak "print# semua halaman web.

Tag Frameset :

Tag $frameset% mendefinisikan bagaimana membagi window ke dalam fram-

frame.

etiap frameset mendefinisikan sebuah set baris "row# atau kolom "!olom#

etiap nilai rows&!olumn menunjukkan jumlah tampilan area setiap row&!olomn.

Tag Frame

Tag $frame% tag mendefinisikan nama dokumen HTML yang dimasukkan dalam

frame.ebagai !ontoh dibawah ini adalah frameset dengan dua kolom. 'olom pertama

dengan lebar ()* dari browser window. 'olom kedua dengan lebar +)* dari browser

window. Dokumen HTML ,frame.html, diletakkan pada kolom pertama dan dokumen

HTML ,frame(.html, diletakkan di kolom kedua.

Tag tag Frame

Tag Keterangan

$frameset% Mendefinisikan kumpulan frame

$frame% Mendefinisikan bagian dari windows "sebuah frame#

$noframes%Mendefinisikan bagian noframe untuk browser yang tidak dapat menanganiframe

$iframe% Mendefinisikan suatu frame inline

8.1 Cara membuat frame HTML dengan dreamweaver : uka halaman web baru

'lik /nsert 0 HTML 0 Frame


2/8



1ilih model frame2!ontoh 3 top nested left

ehingga akan mun!ul design frame sebagai berikut 3

4ambar 5.. Design frame

Tampilan di atas terdiri dari tiga frame2 yaitu frame top2 frame left dan frame

main. ehinnga untuk menyimpannya perlu disimpan dengan empat nama file.

6aitu file untuk frame top "frametop.html#2 frame left "frameleft.html#2 frame

main "framemain.html# dan frame gabungannya2 misalkan disebut frame utama

"frameutama.html#.

Sur!e Cde L"st"ng 8.1:frameutama.htmlFrame Utama


3/8



Sur!e Cde L"st"ng 8.# :frametop.html

Frame +o#Frame +o#

Sur!e Cde $ L"st"ng 8.% : frameleft.htmlFrame eftFrame eft

Sur!e Cde $ L"st"ng 8.& : framemain.htmlFrame -ai$Frame -ai$

Has"' d" Brwser :


4/8



4ambar 5.(. 7ontoh hasil frame

8.# Frame K'merikut ini adalah !ontoh frameset vertikal untuk tiga dokumen yang berbeda.

Cnt( :

Sur!e Cde $ L"st"ng 8.) : frameab!.htmlFrame tia olom

Sur!e Cde $ L"st"ng 8.* : framea.html

Frame Frame

Sur!e Cde $ L"st"ng 8.+ : frameb.htmlFrame 1

Frame 1

Sur!e Cde $ L"st"ng 8.8: frame!.htmlFrame Frame


5/8



4ambar 5.8. Frame kolom

8.% Frame Bar"serikut ini adalah !ontoh frameset hori9ontal untuk tiga dokumen yang berbeda.

Cnt( $ L"st"ng 8., :frame8baris.htmlFrame tia baris

4ambar 5.:. Frame baris


6/8



8.& Frame -av"gas"erikut ini adalah !ontoh membuat frame navigasi. ;avigasi berisi sebuah dartar

link dengan frame kedua sebagai target. Frame kedua menampilkan dokumen yang di-link.frame target disebelah kanan dinamakan ,showframe,

Cnt( : Sur!e Cde $ L"st"ng 8.1: framenavigasi.htmlframe $aiasi

Sur!e Cde $ L"st"ng 8.11: framenavmenu.htmlme$6frame frame 1frame

Sur!e Cde $ L"st"ng 8.1#: framenavisi.html

isielamat ata$9ercobaa$ Frame &aiasi


7/8



4ambar 5.). 7ontoh navigasi

. 7ontoh navigasi

8.) Frame /n'"ne

erikut ini adalah !ontoh membuat frame inline "frame di dalam sebuahdokumen HTML#.

Cnt( : Sur!e Cde $ L"st"ng 8.1% :frameinline.htmlome older browsers do$:t s6##ort iframes.;f the do$:t, the iframe will $ot be isible.


8/8



Sur!e Cde $ L"st"ng 8.1&:home.htmlome

1elaar eb esi$ 1elaar eb esi$ 1elaar eb esi$ 1elaar eb esi$ 1elaar eb esi$ 1elaar eb esi$

4ambar 5.+. Frame inline

membuat_frame.doc

Documents