EduBlog!

Pada sesi ini akan membahas tentang bagaimana frame. Frame banyak digunakan untuk membuat halaman web yg area tampilannya terbagi-bagi. Konsep frame hamper sama dg table, namun perbedaannya adalah masing2 bagian tersebut yg berupa baris atau kolom pada frame adalah merupakan filesedangkan pd table adalah sel. Sehingga frame dpt dikatakan kumpulandari byk file dokumen HTML yg tersusun sedemikian rupa. Frame jg berfungsi untuk membingkai beberapa dokumen HTML ke dlm satu tampilan halaman web.

Karakteristik dari frame :
# Lebih dari satu dpt ditampilkan secara bersamaan dlm satu tampilan dokumen.
# Setiap dokumen ditampilkan dalam sebuah frame,jd minimal satu frame memiliki satu file dokumen.
# Dibutuhkan satu dokumen tersendiri yg berisi definisi frameset. Frameset iniliah yg akan membungkus keseluruhan file frame.
# Skema dasar dokumen frameset :
< FRAMESET FRAMEBORDER=”….” BORDER=”…” FRAMESPACING=”….” >
< FRAME SRC=”namafile1.html” name=”…” >
< FRAME SRC=”namafile2.html” name=”…” >
Dst…
< /FRAMESET >

# Sebuah frameset menentukan tata letak,ukuran dan banyaknya frame yg akan ditampilkan. Untuk menyatakan tata letak dokumen dlm frame yg tersusun secara baris,maka ditambahkan atribut rows=”ukuran-1, ukuran-2”. Adapun untuk kolomnya yaitu cols=” ukuran-1, ukuran-2”.

Contoh sederhana…!!
Nama file=frameku.html
< html >
< head >
< title > frameKu < /title >
< /head >
< frameset cols="30%,*" >
< frame src="halaman_a.html"/ >
< frame src="halaman_b.html"/ >
< /frameset >
< /html >

Nama file= halaman_a.html
< html >
< head >
< title > Halaman A < /title >
< /head >
< body >
< h1 align="center">Ini Halaman A< /h1 >
< /body >
< /html >

Membuat link dalam frame
Contoh :
Nama file=frameku.html
< html >
< head >
< title >Latihan Frame< /title >
< /head >
< frameset cols="40%,*" >
< frame name="kiri" src="halaman_b.html"/ >
< frame name="kanan" src="halaman_c.html"/ >
< /frameset >
< /html >

Nama file=halaman_a.html
< html >
< head >
< title > halaman a < /title >
< /head >
< body >
< h1 >Ini Halaman A< /h1 >
< a href="halaman_a.html" target="kanan">halaman b< /a >< br/ >
< a href="halaman_a.html" target="kanan">halaman c< /a >
< /body >
< /html >