15 Juli 2012

cara membuat FRAME


PENGGUNAAN FRAME
Banyak halaman web diinternet yang menggunakan frame. Frame memungkinkan satu halaman web atau lebih ditampilkan pada sebuah jendela browser.  Halaman yang berbasis frame dibentuk dengan menggunakan pasangan tag <frameset> dan </frameset>. Di dalam tag <frameset>, atribut cols digunakan untuk menentukan lebar masing-masing frame. Sebagai contoh, pendefinisian lebar dua buah frame ditentukan melalui:

<frameset cols=”30%,*”>
....
</frameset>

Didalam pasangan tag <frameset></frameset> disebutkan berkas-berkas HTML yang menyusun frame. Hal ini dikerjakan dengan menggunakan tag <frame>. Didalam tag ini, nama berkas HTML disebutkan melalui atribut SRC.
Contoh:
frame_satu.html
<html>
<body bgcolor="Black">
<font size="+2" face="Arial" color="white">
Ini frame kiri
</font>
</body>
</html>
frame_dua.html
<html>
<body bgcolor="aqua">
<font size="+2" face="Times New Roman">
Ini frame kanan
</font>
</body>
</html>
Setelah kita membuat 2 buah file html, jika kita ingin membangun frame, tinggal memanggil file tersebut, script lengkapnya seperti di bawah:
<html>
<frameset cols="25%,*">
     <frame src="frame_satu.html">
     <frame src="frame_dua.html">
</frameset>
</html>
Keterangan:

<frameset cols="25%,*">
merupakan baris untuk membuat sebuah frame dimana lebar kolom frame yang pertama adalah 25% dari jendela browser, dan tanda * menunjukkan lebar kolom kedua sebesar sisa dari lebar frame yang telah didefinisikan. Untuk lebar 100%, setelah dipakai 25% sehingga sisanya 75%, selain menggunakan tanda *, kita juga bisa langsung menuliskan nilainya yaitu 75%, seperti dibawah:

<frameset cols="25%,75%">

Selain menggunakan satuan persen juga bisa menggunakan satuan pixel.

<frame src="frame_satu.html">
Memanggil frame_satu.html yang akan ditempatkan di kolom pertama pada frame yang telah dibuat, dalam hal ini adalah selebar 25%.

<frame src="frame_dua.html">
Memanggil frame_dua.html yang akan ditempatkan di kolom kedua pada frame yang telah dibuat, dalam hal ini adalah selebar 75%.
Hasilnya:

Tidak ada komentar:

Pengikut

Total Tayangan Halaman

selamat datang

cara membuat FRAME

on 15 Juli 2012

PENGGUNAAN FRAME
Banyak halaman web diinternet yang menggunakan frame. Frame memungkinkan satu halaman web atau lebih ditampilkan pada sebuah jendela browser.  Halaman yang berbasis frame dibentuk dengan menggunakan pasangan tag <frameset> dan </frameset>. Di dalam tag <frameset>, atribut cols digunakan untuk menentukan lebar masing-masing frame. Sebagai contoh, pendefinisian lebar dua buah frame ditentukan melalui:

<frameset cols=”30%,*”>
....
</frameset>

Didalam pasangan tag <frameset></frameset> disebutkan berkas-berkas HTML yang menyusun frame. Hal ini dikerjakan dengan menggunakan tag <frame>. Didalam tag ini, nama berkas HTML disebutkan melalui atribut SRC.
Contoh:
frame_satu.html
<html>
<body bgcolor="Black">
<font size="+2" face="Arial" color="white">
Ini frame kiri
</font>
</body>
</html>
frame_dua.html
<html>
<body bgcolor="aqua">
<font size="+2" face="Times New Roman">
Ini frame kanan
</font>
</body>
</html>
Setelah kita membuat 2 buah file html, jika kita ingin membangun frame, tinggal memanggil file tersebut, script lengkapnya seperti di bawah:
<html>
<frameset cols="25%,*">
     <frame src="frame_satu.html">
     <frame src="frame_dua.html">
</frameset>
</html>
Keterangan:

<frameset cols="25%,*">
merupakan baris untuk membuat sebuah frame dimana lebar kolom frame yang pertama adalah 25% dari jendela browser, dan tanda * menunjukkan lebar kolom kedua sebesar sisa dari lebar frame yang telah didefinisikan. Untuk lebar 100%, setelah dipakai 25% sehingga sisanya 75%, selain menggunakan tanda *, kita juga bisa langsung menuliskan nilainya yaitu 75%, seperti dibawah:

<frameset cols="25%,75%">

Selain menggunakan satuan persen juga bisa menggunakan satuan pixel.

<frame src="frame_satu.html">
Memanggil frame_satu.html yang akan ditempatkan di kolom pertama pada frame yang telah dibuat, dalam hal ini adalah selebar 25%.

<frame src="frame_dua.html">
Memanggil frame_dua.html yang akan ditempatkan di kolom kedua pada frame yang telah dibuat, dalam hal ini adalah selebar 75%.
Hasilnya:

0 komentar:

 
Template Indonesia | NOTE
Aku cinta Indonesia