06 frame

17
AMIROH, S.Kom SMKN 3 JOMBANG MEMBUAT FRAME

Transcript of 06 frame

Page 1: 06 frame

AMIROH, S.KomSMKN 3 JOMBANG

MEMBUAT FRAME

Page 2: 06 frame

FRAME

• Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan.

Page 3: 06 frame

CONTOH FRAME

Page 4: 06 frame

CARA MEMBUAT FRAME

• Adapun cara untuk membuat frame pada halaman web adalah dengan menggunakan perintah :

<FRAMESET><NOFRAMES>diabaikan jika browser mampu

menampilkan frame </NOFRAMES></FRAMESET>

Page 5: 06 frame

Atribut-atribut Frame

Atribut fungsi

ROWS

Menentukan jumlah spasi yang diberikan pada tiap baris. Jumlah tersebut dapat berupa pixel, % setelah nilai atau nilai relatif (*)

COLSFungsi sama sepert ROWS hanya digunakan untuk kolom.

NAMEMenentukan nama frame sehingga dapat berfungsi sebagai TARGET dari URL lain

SRC Berisi URL yang menjadi sumber dari frame

Bagian berikut menerangkan atribut-atribut yang dapat ditambahkan pada elemen frame :

Page 6: 06 frame

Atribut-atribut Frame

MARGINWIDTH Untuk menentukan margin frame bagian kanan dan kiri

MARGINHEIGHT Menetukan margin frame bagian atas dan bawah.

SROLLINGMenentukan scrollbar pada frame Diisi dengan YES selalu menampilkan scrollbar, NO tidak menapilkan srollbar

BORDER Mengubah ketebalan pembatas frame

BORDERCOLOR Memberikan warna pada pembatas frame

FRAMEBORDERPembatas frame. Dapat dihilangkan dengan memberi nilai NO

NORESIZE Mencegah pengguna untuk mengubah ukuran dari frame

Page 7: 06 frame

• Untuk membuat halaman web yang memiliki frame biasanya akan dibuat satu halaman web utama yang memiliki frame ditambah dengan file-file HTML lainnya yang digunakan sebagai sumber untuk frame tersebut. Berikut akan diberikan contoh penggunaan frame pada suatu halaman web.

Page 8: 06 frame

FRAME.HTML

Page 9: 06 frame

(COBA.html)

Page 10: 06 frame

FRAME BARIS

Page 11: 06 frame

HASILNYA

Page 12: 06 frame

FRAME KOLOM

Page 13: 06 frame

HASILNYA

Page 14: 06 frame

GABUNGAN FRAME BARIS DAN KOLOM

Page 15: 06 frame

HEADER.HTML

Page 16: 06 frame

HASILNYA

Page 17: 06 frame

TUGAS

• BUATLAH TAMPILAN SITUS YANG SUDAH KALIAN BUAT MENJADI 1 WINDOW DENGAN MENGGUNAKAN FASILITAS FRAME