Mengenal dan Teknik Pembuatan Frame
Mengenal Frame
• Untuk membagi area halaman tampilan pada browser • Dalam satu frame bisa terdapat lebih dari satu file HTML
• Pembagian Frame terdiri dari baris (rowspan) dan kolom
(Colspan)
• Sebuah frameset menentukan tata letak, ukuran, dan
banyaknya frame yang akan ditampilkan
• Di dalam frameset boleh ada frameset lain (beranak)
• Dibutuhkan satu dokumen tersendiri yang berisi definisi
Skema dasar dokumen
frameset
• <framesrc="namafile1">
• <framesrc="namafile2">
• ...dst (atau frameset yang lain)
• <noframes>
• bagian ini ditampilkan jika browser tidak
mendukung frame
• </noframes>
• </frameset>
Frameset mempunyai beberapa atribut :
Attribut Keterangan
Rows Membuat Frame secara mendatar (baris) sekaligus mendefinisikan lebar masing – masing
Cols Membuat Frame secara vertikal (kolom) sekaligus mendefinisikan lebar masing – masing
SRC Menentukan isi yang akan di tampilkan pada frame
Scrolling Menetukan apakah pada frame tersebut terdapat scroll atau tidak Noresize Jika ada atribut ini maka ukuran frame tidak dapat dirubah
Frame dan iFrame
Frame
• Membagi browser sesuai
dg keinginan kita
• Dapat menampilkan
beberapa file html sekaligus
iFrame
• Tidak muncul pada seluruh
tampilam layar
• Kegunaannya tidak jauh
Atribut iframe
•
align → atribut ini digunakan untuk menentukan
bagaimana align dengan text pada webpage, adapun
nilai-nilainya adalah : left, right, top, middle dan bottom.
•
frameborder→ digunakan untuk memberikan border
pada iframe, jika anda ingin menggunakan border, beri
nilai 1 kedalam atribut ini, jika tidak beri nilai 0.
•
height → digunakan untuk menentukan tinggi dari
iframe.
•
width – digunakan untuk menentukan lebar dari iframe.
•
src → digunakan untuk menentukan kontent sumber
INTEGRASI FRAME DAN HYPERLINK
• Integrasi frame dengan hyperlink dapat dihubungkan dengan
properties “TARGET=”[AREA]” yang ada pada hyperlink.
• Berikut akan disajikan perbandingan antara hyperlink yang tidak
menggunakan “TARGET” dan yang menggunakan
• Contoh skrip yang tidak menggunakan “TARGET”: • <a href="gambarlink.html">home <a/>
Maka yang akan terjadi adalah kembali kepada areanya sendiri
• Sedangkan contoh hyperlink yang menggunakan “TARGET” adalah
sebagai berikut:
• Jika dalam script hyperlink ditambahkan perintah ‘ target=”bawah” ‘
(dimana “bawah” adalah menunjukkan nama area tujuan di mana file lat12 tersebut akan ditampilkan) maka deklarasinya adalah sebagai berikut: