Thursday, March 9, 2017

Cara Membuat Frame HTML lanjutan

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
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)