Sabtu, 06 Maret 2010

Minggu ke-4

FRAMES DI HTML

Minggu ini kita membahas frame pada html, frame ini bisa dibilang yaitu membuat banyak file html di dalam satu jendela browser, ini sangat berguna ketika ada halaman html yang ingin selalu kita tampilkan pada jendela browser.

untuk lebih jelasnya berikut contoh frame:
sintaksnya:
<FRAMESET BORDER=# {[ROWS | COLS]} = {#,[#[,...]]}>
<FRAMESET SRC="url" NAME="nameFrame">
</FRAMESET>

Target Frame:

Nama frame predefines: _self, _top, _parent, _blank, sering digunakan untuk menunjukan target penampilan dari suatu link.

_self: Digunakan apabila target frame adalah frame tempat link berada
_top : Digunakan apabila target frame adalah windows tempat frame berada
_parent : Target frame adalah setingkat diatas frame link berada
_blank : Digunakan untuk membuat windows / tab baru


FRAME KOLOM:


Untuk menghasilkan seperti halaman diatas pertama yang harus dilakukan adalah membuat file halaman html untuk tiap halamannya:
halaman 1:

<HTML>
<HEAD>
<TITLE>HAL 1</TITLE>
</HEAD>
<BODY>
<H1>INI HALAMAN 1</H1>
</BODY>
</HTML>

halaman 2:

<HTML>
<HEAD>
<TITLE>HAL 2</TITLE>
</HEAD>
<BODY>
<H1>INI HALAMAN 2</H1>
</BODY>
</HTML>

halaman 3:

<HTML>
<HEAD>
<TITLE>HAL 3</TITLE>
</HEAD>
<BODY>
<H1>INI HALAMAN 3</H1>
</BODY>
</HTML>

lalu setelah selesai membuat semua file yang digunakan lalu kita membuat framenya:

<HTML>
<FRAMESET COLS="25%,50%,*">
<FRAME SRC="HALAMAN1.HTML">
<FRAME SRC="HALAMAN2.HTML">
<FRAME SRC="HALAMAN3.HTML">
</FRAMESET>
</HTML>

FRAME BARIS:


Sama seperti frame kolom harus membuat file-file terlebih dahulu disinilah perbedaannya:
<HTML>
<FRAMESET ROWS="25%,50%,*">
<FRAME SRC="HALAMAN1.HTML">
<FRAME SRC="HALAMAN2.HTML">
<FRAME SRC="HALAMAN3.HTML">
</FRAMESET>
</HTML>

pada tag FRAMESET pada kolom kita menuliskan COLS sedangkan untuk membuat baris kita menuliskan ROWS

FRAME CAMPURAN:

code html untuk frame campuran:

<HTML>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="HALAMAN1.HTML">
<FRAMESET COLS="25%,75%,*">
<FRAME SRC="HALAMAN2.HTML">
<FRAME SRC="HALAMAN3.HTML">
</FRAMESET>
</HTML>

terdapat FRAMESET ROWS dan FRAMESET COLS

FRAME NAVIGASI
Contoh ini mendemonstrasikan bagaimana membuat satu frame navigasi, berisi sebuah daftar link dengan frame yang kedua sebagai target. Frame yang kedua menapilkan dokumen yang di-link. Ketika mengklick coba klick maka pada frame yang kedua akan memunculkan frame ketiga.


MENJADI SEPERTI DIBAWAH:


Untuk membuat file seperti diatas perhatikan code berikut:

ini adalah file framenya:
<HTML>
<FRAMESET COLS="25%,50%,*">
<FRAME SRC="HALAMAN1.HTML">
<FRAME SRC="HALAMAN2.HTML" name="pinggir">
</FRAMESET>
</HTML>

ada kata name="pinggir"> ini berarti nama file kita bernama pinggir, dan akan dibuka pada frame ini, lalu:

ini adalah tujuannya:
<HTML>
<HEAD>
<TITLE>HAL 1</TITLE>
</HEAD>
<BODY>
<H1>INI HALAMAN 1</H1>
<a href="HALAMAN3.HTML" target="pinggir">coba klick</a>
</BODY>
</HTML>

harus menuliskan target="pinggir" ini berarti file yang akan dibuka adalah file yang ini









0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda