Cara Membuat Frame HTML lanjutan

9:21 AM Eroni Artikel 5 Comments

Cara Membuat Frame HTML lanjutan - Frame bisa ibaratkan bingkai yang nanti digunakan untuk menampilkan beberapa dokumen html dalam satu halaman web, biasa kita sebut halaman index. Seperti pada postingan sebelumnya yaitu mengenai dasar membuat frame HTML dimana terdapat latihan frame HTML yang sangat dasar sekali. Kali ini ingin melanjutkan dari postingan sebelumnya.

Apabila kita sama - sama lihat dari sisi kegunaannya, frame bisa berguna seperti berikut :

Agar logo header tidak berubah namun isi nya terus berubah ketika kita memilih menu yang ada
Membuat daftar isi, dimana di satu sisi menampilkan judul nya dan disisi lain menampilkan isi dari judul tersebut ketika kita pilih
dll.

Semua tergantung kebutuhan para pembuat halaman web. Seperti yang saya bahas pada postingan sebelumnya bahwa pada pembuatan frame disini menggunakan tag <frameset>. Pada <frameset> mempunyai attribut, diantaranya :

BORDER, untuk memberikan garis tepi pada suatu frame dan menentukan ketebalan pada garis tersebut
ROWS, untuk menentukan berapa baris bagian yang akan dibentuk
COLS, untuk menentukan berpa kolom bagian yang akan dibentuk

Apabila tidak ada lagi bagian yang akan dibagi, maka giliran untuk membuat <frame> didalam tag <frameset>, dimana tag <frame> mempunyai attribut, diantaranya :

NAME, untuk memberikan nama atau penamaan apabila frame tersebut akan dijadikan target untuk menampilkan suatu halaman
SRC, untuk memanggil dokumen HTML
SCROLLING, memberikan scroll bar atau tidak disamping atau bawah halaman. Pilihan nilai yang bisa diberikan adalah YES, NO atau AUTO.

Screenshot

Cara Pasang
[Buat dokumen HTML yang akan di panggil][halaman pertama]
Ketikan sintax dibawah atau copas boleh


<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#00CC00">

Header/logo

</body>

</html>

Simpan dengan ekstensi *.html atau dengan logo.html

[Buat dokumen HTML yang akan di panggil][halaman kedua]
Ketikan sintax dibawah atau copas boleh


<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#BFFEBF">

Sidebar/menu

</body>

</html>

Simpan dengan ekstensi *.html atau dengan menu.html

[Buat dokumen HTML yang akan di panggil][halaman ketiga]
Ketikan sintax dibawah atau copas boleh


<html>

<head>

<title>Frame HTML</title>

</head>

<body bgcolor="#80FE80">

Body/isi

</body>

</html>

Simpan dengan ekstensi *.html atau dengan isi.html

[Buat Master Page]
Ketikan sintax dibawah atau copas boleh


 <html>

<head>

<title>FRAME HTML</title>

</head>



<frameset rows="10%,*" border="0">

<frame src="logo.html" name="logo">

<frameset cols="20%,*" border="0">

<frame src="menu.html" name="menu">

<frame src="isi.html" name="isi">

</frameset>

</frameset>



 </html>

Simpan dengan ekstensi *.html atau dengan index.html Langkah terakhir coba anda buka dokumen html yang bernama index.html