Mengenal dan Teknik Pembuatan Frame Pemrograman Berbasis Web / STMIK PPKIA Pradnya Paramita
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 frameset. Dokumen tersebut tidak mempunyai isi dokumen (tidak ada <body> </body>)
Skema dasar dokumen frameset <html> <head> <title>Judul dokumen</title> </head> <frameset> <framesrc="namafile1"> <framesrc="namafile2"> ...dst (atau frameset yang lain) <noframes> bagian ini ditampilkan jika browser tidak mendukung frame </noframes> </frameset> </html>
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 Border Menentukan ukuran bingkai frame
Frame dan iFrame Frame iFrame Membagi browser sesuai dg keinginan kita Dapat menampilkan beberapa file html sekaligus Tidak muncul pada seluruh tampilam layar Kegunaannya tidak jauh beda dari frame
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 website yang ingin kita tampilkan.
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: <a href="lat12.htm" target=”bawah”>Link Ke Lat 12</a>