Tuesday, 12 October 2010

Membuat Frames, dan pemanfaatan

Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa dokumen HTML, dimana setiap bagian merupakan satu halaman HTML terpisah. Sehingga tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat bandwidth internet dan mempercepat proses download secara keseluruhan.
Format:

<html>
<head>
</head>
<frameset>
<frame src>
</frameset>
</html>

Aturan penggunaan atribut ROWS dan COLS pada frameset adalah:

<frameset rows=â''tinggi_baris,tinggi_baris,â'¦â''>
<frameset cols=â''lebar_kolom, lebar_kolom,â'¦â''>


Atribut-atribut yang digunakan dalam FRAME adalah:

Atribut
FRAMESET COLS: Membuat frame vertikal dengan lebar kolom tertentu


FRAMESET ROWS: Membuat frame horizontal dengan tinggi baris tertentu



FRAME SRC: Memasukkan dokumen HTML ke dalam FRAME



NOFRAME : Memasukkan body teks untuk browser yang tidak dapat
menampilkan frame



Model-model frame dan contoh pembuatannya:

Untuk gambar lebih jelasnya klik saja gambarnya...










































Saya update sedikit artikel ini...
Karena ada yang minta cara menggabungkan frame dengan data lain.

1. Buat 2 File dalam 1 folder.
2. File "Index" berisi frame, File "atas" berisi data yang ingin di gabung dengan frame.
3. Berikut Isi Kedua file nya.
 
 
 



 









File Index :


<frameset rows=119,*>
<frame name=judul atas src=atas.html>
<frameset cols=60%,*>
<frame name=kiri src=Kategory.html>
<frame name=kanan src=awal.html>
</frameset>
</frameset>
 
 
File Atas : 
<marquee behavior="alternate"><font size=6 Face=arial 
color=GREEN>
SELAMAT DATANG DI WEB ARIF JAINURI</font>
</marquee><BR>

<br><marquee behavior="alternate"><font size=3 Face=arial
color=blue>
WEB nya Anak RPL SMK Tanggul</font>
</marquee>
 
 
 
MAKA HASIL NYA:
 
 


 














Untuk mengubah kode-kode tersebut menjadi halaman web siahkan klik DI SINI

Untuk pertanyaan silahkan tinggalkan komentar di bawah ini!
TERIMA KASIH

No comments:

Post a Comment