MS Wulandari - HTML 1

MS Wulandari - HTML

1

PERTEMUAN VII FRAME A.

MEMBUAT DAN MENGGUNAKAN FRAME

Frame digunakan untuk :  Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain untuk menampilkan isi  Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isi dokumen  Membuat suatu dokumen tanya jawab, dimana sisi frame yang satu berisi daftar pertanyaan sedangkan sisi frame yang lain berisi jawabannya. Dokumen frame tidak boleh berada dalam elemen BODY. Dokumen frame menggunakan elemen FRAMESET. FRAMESET mempunyai dua buah atribut :  ROWS : membagi jendela browser menjadi beberapa baris frame.  COLS : membagi jendela browser menjadi beberapa kolom frame. Struktur dasar dokumen HTML dengan frame adalah : ………………………. Tag mempunyai 6 atribut, yaitu : SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING dan NORESIZE. Berikut contoh frame yang kompleks : Atribut yang paling penting dari tag FRAME adalah SRC. SRC menunjukan bahwa frame berisi url, yang biasnya adalah file HTML, contoh : Nilai baris dan nilai kolom adalah kumpulan nilai yang menyatakan banyaknya frame yang dibuat serta ukuran masing-masing frame. Setiap nilai dalam daftar dipisahkan tanda koma dan dapat dinyatakan dalam ukuran :  Pixel , contoh :  Persentase , contoh :  Nilai relatif , contoh : , tanda * menyatakan suatu bagian dari sisa ruang yang ada. Didepan tanda * tidak ada angka, maka dianggap bahwa angka tersebut adalah 1. Ketiga pengaturan diatas dapat dikombinasikan penggunaannya. Contoh : . Untuk membuat frame baris, gunakan elemen FRAME yang dinyatakan dalam elemen FRAMESET, seperti dibawah ini :

MS Wulandari - HTML

2

Untuk membuat frame kolom, gunakan elemen FRAME yang dinyatakan dalam elemen FRAMESET, seperti dibawah ini :

Untuk membuat frame yang terdiri dari frame baris dan frame kolom, atribut ROWS dan COLS digunakan bersama-sama dalam elemen FRAMESET, contoh :

Frame berulang adalah frameset didalam frameset yang lain. Untuk membuat frame seperti gambar anda perlu membuat beberapa FRAMESET seperti contoh dibawah ini :

MS Wulandari - HTML

3

B. MENGATUR TAMPILAN FRAME Untuk menentukan margin pada frame kita menggunakan atribut MARGINWIDTH, yaitu menentukan nilai margin kiri dan nilai margin kanan suatu frame. Sedangkan MARGINHEIGHT digunakan untuk menentukan margin atas dan margin bawah frame. Format menggunakan kedua atribut tersebut : MARGINWIDTH=”value” Contoh : Secara otomatis frame akan mempunyai scrollbar untuk menggeser-geser isi dokumen jika ukuran dokumen tersebut lebih besar dari nilai frame yang ditetapkan. Nilai yang berlaku untuk atribut SCROOLING adalah yes, no atau auto, formatnya : Contoh :

Setiap frame dapat diubah-ubah ukurannya. Jika menginginkan suatu frame tidak dapat diubah-ukurannya gunakan atribut NORESIZE. Atribut ini sangat berguna jika anda membuat logo yag selalu ditampilkan dan tidak dapat diubah-ubah ukurannya. Format menggunakan atribut ini : . Hati-hati dalam menggunakan NORESIZE. Jika isi dari frame melebihi ukuran frame, maka sisa isi frame tidak dapat dilihat.

MS Wulandari - HTML

4

Contoh : Untuk memperoleh tampilan frame yang menarik. Anda dapat menggunakan :  Atribut BORDER : digunakan untuk mengatur lebar border. Angka yang menyertai adalah satuan pixel. Formatnya :  Atribut FRAMEBORDER : atribut ini mempunyai nilai “yes” atau “no”. Jika FRAMEBORDER= “yes” maka border akan ditampilkan dalam bentuk 3D. Untuk membuat halaman web tanpa border, pada FRAMESET lakukan set FRAMESETBORDER=”no” dan BORDER=”0”.  Atribut BORDERCOLOR : digunakan untuk memberi warna background pada frame. Bordercolor bisa diikuti dengan nama warna, nomor warna (tipe RGB). Contoh : C. TARGET HYPERLINK Anda dapat membuat suatu dokumen untuk terbuka pada suatu frame tertentu tanpa menutup frame yang ada saat ini. Suatu dokumen dapat diarahkan untuk terbuka pada frame tertentu, baik pada jendela browser atau frame tertentu. Atribut untuk mengarahkan dokumen tersebut adalah atribut TARGET, sedangkan lokasi jendela atau frame yang dituju dibuat dengan menggunakan atribut NAME. Atribut NAME memberikan nama pada suatu frame/jendela yang akan digunakan untuk menghubungkan suatu link ke frame tersebut. Contoh : File sumber : <MENU> <EM>Planet dalam sistem tata surya :

Merkurius

Venus File data :

<EM>Planet dalam sistem tata surya :


• Merkurius
  • 57,9 juta kilometer dari matahari
  • Tidak punya satelit
• Venus
  
  MS Wulandari - HTML
  
  
  5
  
  
  • 108 juta kilometer dari matahari
  • Tidak punya satelit
    
    

Setelah di klik Merkurius, frame kanan berubah menjadi :

Program diatas memberikan nama (atribut NAME) “sumber” pada suatu frame. Kemudian untuk menampilkan suatu dokumen web ke frame “sumber” gunakan atribut TARGET. Jika mempunyai target yang sama untuk setiap link atau mempuyai target dengan nama-nama yang sama, gunakan tag BASE untuk membuat default target dari semua link yang tidak mempunyai target dengan nama-nama yang sama, gunakan tag BASE untuk membuat default target dari semua link yang tidak mempunyai target khusus. Penggunaannya adalah : . Dengan demikian, default akan menjadi target bagi semua link yang tidak mempunyai target khusus. NAMA _blank _self _parent _top _open

FUNGSI Browser akan menampilkan suatu jendela baru untuk menampilkan dokumen dari link yang diinginkan Browser akan menampilkan pada jendela yang sama dengan jendela pemanggilnya Dokumen akan ditampilkan pada jendela sebelumnya. Nilai _top akan bertindak seperti _self jika dokumen sudah berada di jendela utama browser Akan membuka dokumen pada seluruh jendela utama browser, tanpa tergantung pada struktur frame saat ini.

Contoh :
C\llist7.html" C\llist7.html" C\llist7.html" C\llist7.html"

TARGET=”_blank”> TARGET=”_self”> TARGET=”_parent”> TARGET=”_top”>

Tidak semua browser mendukung adanya frame. Atribut NOFRAMES akan membantu menyelesaikan masalah ini. Dengan elemen akan membuat isi dokumen seperti dokumen html normal.

MS Wulandari - HTML

6