Halaman Web Berbasis Frame

Download Report

Transcript Halaman Web Berbasis Frame

Halaman Web
Berbasis Frame
A’ud Solehuddin::Jan2012
Materi
●
●
●
●
●
●
●
●
Dasar Penggunaan Frame
Mengantisipasi Tidak Adanya Dukungan Frame
Menggunakan BORDER
Menghilangkan Scrolling
Frame dan Link
Frame Horisontal
Penggunaan NORESIZE
Gabungan Frame Horisontal dan Vertikal
Dasar Penggunaan Frame
●
Frame memungkinkan satu atau lebih
halaman web untuk ditampilkan pada sebuah
jendela browser
Halaman Kiri
<HTML>
<HEAD>
<TITLE>Frame Kiri</TITLE>
</HEAD>
<BODY BGCOLOR = "white">
<H1>Frame di Sebelah Kiri</H1>
</BODY>
</HTML>
Halaman Kanan
<HTML>
<HEAD>
<TITLE>Frame Kanan</TITLE>
</HEAD>
<BODY BGCOLOR = "white">
<H1>Frame di Sebelah Kanan</H1>
</BODY>
</HTML>
FRAMESET
<FRAMESET COLS="30%, *">
..............
</FRAMESET>
atau
<FRAMESET COLS="30%, 70%">
..............
</FRAMESET>
FRAME
<FRAME SRC = "framekir.htm">
<FRAME SRC = "framekan.htm">
Kode Lengkap
<HTML>
<HEAD>
<TITLE>Contoh Penggunaan Frame</TITLE>
</HEAD>
<FRAMESET COLS="30%, *">
<FRAME SRC = "framekir.htm">
<FRAME SRC = "framekan.htm">
</FRAMESET>
</HTML>
Mengantisipasi Tidak Adanya
Dukungan Frame
<HTML>
<HEAD>
<TITLE>Contoh Penggunaan Frame</TITLE>
</HEAD>
<FRAMESET COLS = "30%, *">
<FRAME SRC = "framekir.htm">
<FRAME SRC = "framekan.htm">
<NOFRAMES>
Sayang sekali halaman ini tak dapat dibuka
karena browser Anda tidak mendukung frame.
</NOFRAMES>
</FRAMESET>
</HTML>
Menggunakan BORDER
●
Mengatur ketebalan garis pemisah
antarframe
Menghilangkan Scrolling
●
Gunakan atribut SCROLLING dengan nilai
"NO" pada tag <FRAME>
Frame dan Link
<FRAMESET BORDER = "0" COLS = "30%, *">
<FRAME SRC = "daftar.htm" SCROLLING = "NO">
<FRAME SRC = "redflash.htm" NAME = "dinamis">
</FRAMESET>
<A HREF = "redflash.htm"
TARGET = "dinamis"><H2>Red Flash</H2></A>
Frame Horisontal
<FRAMESET BORDER = "0" ROWS = "30%, *">
<FRAME SRC = "daftar.htm" SCROLLING = "NO">
<FRAME SRC = "redflash.htm" NAME = "dinamis">
</FRAMESET>