7199f 3018 computer technology woman powerpoint template

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 )

Skema dasar dokumen frameset
•


Judul dokumen

...dst (atau frameset yang lain)

bagian ini ditampilkan jika browser tidak
mendukung frame

•

•

•
•
•
•
•
•
•
•

•
•

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
• Membagi browser sesuai
dg keinginan kita
• Dapat menampilkan
beberapa file html sekaligus

iFrame
• 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”:
• home
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:
• Link Ke Lat 12