Jumat, 09 November 2012

Cara Membuat Frame dengan HTMl



Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang interaktif di dalam dokumen HTML. Dengan Frame kita dapat menampilkan lebih dari satu halaman web dalam halaman browser yang sama. Setiap dokumen HTML dapat ditampilkan didalam Frame dan setiap frame adalah bebas antara satu dengan yang lain.berikut cara membuat frame pada website..

Contoh penggunaan frame pada website:
http://1.bp.blogspot.com/_n4VnM4OnfXo/SaV3v8gm2AI/AAAAAAAAAGo/JkxYlnlOt2s/s400/frame.png

Contoh penggunaan tag Frame:
<html>
<head>
<title>Frame</title>
</head>
<frameset rows="*,80" cols="*" frameborder="NO" border="0" framespacing="0">
<frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="UntitledFrame-2" name="leftFrame" scrolling="NO" noresize>
<frame src="Untitled-3" name="mainFrame">
</frameset>
<frame src="UntitledFrame-3" name="bottomFrame" scrolling="NO" noresize >
</frameset>
<noframes><body>
</body></noframes>
</html>
Tag Frame:

<frameset> ... .......</frameset> = Mendefinisikan frameset

<frameset rows> ...<fremset>   = Frame baris Untuk mengatur tinggi baris frame. Ukuran dalam pixel atau %.

<frameset cols> ... <frameset>  = Frame kolom Untuk mengatur lebar kolom frame. Ukuran dalam pixe atau %.

<frame> ......... </frame>          = mendefinisikan jendela (sub) frame

<noframes> ... </noframes>      = mendefinisikan browser yang tidak mendukung frame

<iframe> ....... </iframe>           = mendefinisikan inline (sub) frame


Src                = Berisi URL yang menjadi sumber dari frame

Name            = nama yang digunakan untuk tujuan/target link.

Scrolling        = menentukan apakah frame bisa digulung atau tidak. Diisi dengan Yes/No/Auto.

Marginwidth  = jarak antara tepi kiri/kanan frame dengan tulisan dalam frame (satuan pixel).

Noresize       = Mencegah pengguna untuk mengubah ukuran dari frame.

Border          = Mengubah ketebalan pembatas frame

BorderColor  = Memberikan warna pada pembatas frame

FrameBorder = Pembatas frame. Dapat dihilangkan dengan memberi nilai NO


Contoh Lain:

a. Frameset Vertikal

<html>
<head><title>FRAMESET VERTIKAL</title>
</head>
<body>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</body>
</html

b.Frameset Horoisontal

<html>
<head><title>CONTOH PENGGUNAAN FRAMESET HORISONTAL</title>
</head>
<body>
<frameset rows="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</body>
</html>

c. Penggunaan Noframe

<html>
<head><title>CONTOH PENGGUNAAN NOFRAME</title>
</head>
<body>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
<noframes> <body>Your browser does not handle frames! </body>
</noframes>
</frameset>
</body>
</html>

d. Penggunaan Navigation Frame

<html>
<head><title>CONTOH PENGGUNAAN NAVIGATION FRAME</title>
</head>
<body>
<frameset cols="120,*">
<frame src="frame_isi.html">
<frame src="frame_a.html" name="showframe">
</frameset>
</body>
</html>

File : frame_isi.html

<html>
<body>
<a href ="frame_a.html" target ="showframe">Frame a</a><br>
<a href ="frame_b.html" target ="showframe">Frame b</a><br>
<a href ="frame_c.html" target ="showframe">Frame c</a>
</body>
</html>

e. Penggunaan iframe
<html>
<head><title>CONTOH PENGGUNAAN iFRAMESET</title></head>
<body>
<iframe src="frame_a.html"></iframe>
<p>Some older browsers don't support iframes.</p>
<p>If they don't, the iframe will not be visible.</p>
</body>
</html>
 

Tidak ada komentar:

Poskan Komentar