Mengungkap cara membuat eBook dan Cover 3 Dimensi hanya dalam 1 menit atau kurang

Cara Mudah Membuat Frame

Pelajaran 3

Mari kita kembali ke bentuk yang lebih sederhana.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="lisa.html">
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT

Kita dapat juga menempatkan gambar di dalam frame. Dalam folder contoh ada file dengan nama world.gif. Cari dan copykan ke folder anda sendiri.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT
Jangan lupa untuk menggunakan atribut HEIGHT & WIDTH untuk setiap tag image.

Mari kita coba menempatkan gambar tersebut ke dalam frame yang sesuai ukurannya. Pertama-tama perkecil frame kiri menjadi selebar 146 titik. Karena kita menggunakan nilai absolut, kita buat frame kanan elastis.

<FRAMESET COLS="146,*">
  <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT

Selanjutnya kita bagi frame kiri menjadi 2 bagian mendatar. Bagian atas tingginya 162 titik dan bagian bawah sisanya. Kita tempatkan world.gif dan Lisa di kedua frame tersebut.

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT
Seperti anda lihat, kita punya sedikit masalah.

Scrollbar yang anda lihat bisa diubah dengan YES, NO atau AUTO. YES berarti frame tersebut selalu memiliki scrollbar- baik diperlukan atau tidak. NO artinya tidak akan ada scrollbar, bahkan jika isi frame anda sebesar Pulau Jawa... browser hanya akan menampilkan sebanyak yang dia bisa. AUTO adalah defaultnya. Jika diperlukan, scrollbar akan dimunculkan, jika tidak, scrollbar akan disimpan di tempat yang aman. Mari kita hilangkan scrollbar tersebut.

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO>
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT

Kita masih tetap punya masalah. Gambar tadi tidak tampil sebagaimana mestinya di dalam frame. Kedua atribut berikut ini berkaitan dengan margin. Browser secara otomatis memberi jarak antara frame dan isinya. Hal ini perlu untuk estetika. Anda dapat mengatur jarak ini dengan MARGINWIDTH dan MARGINHEIGHT. Yang pertama mengatur margin kiri & kanan, yang kedua margin atas & bawah. Kita akan mengubah nilai keduanya menjadi 1. (1 adalah nilai terkecil)

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT

Sayangnya ini tidak sepenuhnya menyelesaikan masalah. Dimensi frame diukur dari as ke as.

Juga ada margin minimal selebar 1 titik yang harus diperhitungkan. Karena nilai default garis batas frame adalah 6 titik, kita harus tambahkan 8 pada setiap dimensi frame (setengah dari 6, ditambah 1, dikalikan 2). Kalau ini membingungkan anda, tambahkan saja 8 pada setiap dimensi frame untuk mendapatkan ukuran yang sesuai.

<FRAMESET COLS="154,*">
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT

Ini akan menampilkan gambar anda secara sempurna di dalam frame, atau paling tidak sangat mendekati. Pernahkah anda melihat tampilan di dalam frame yang terpotong di satu atau lebih sisinya? Bila anda menggunakan ukuran absolut, bersama dengan frame elastis... Dan jika anda selalu tambahkan 8 pada ukuran gambar untuk mendapatkan dimensi frame yang sesuai, tampilan frame anda akan memuaskan hampir setiap orang. Percayalah.

TELL ME MORE - Percakapan Bahasa Inggris Dengan Komputer Anda..!
	Tutorial Membuat Website: What do you want to learn today?
	Membuat Web Page 1 2 3 4 5 6 7 8 9
	Membuat Tabel 1 2 3 4 5 6
	Membuat Form 1 2 3 4 5
	Membuat Frame 1 2 3 4 5 6
	Dapatkan DVD Tutorial Membuat Website - Klik di sini!

Terapi Gelombang Otak - Meningkatkan Konsentrasi, Kecerdasan, dan Daya Ingat

TUTORIAL MEMBUAT WEBSITE | CARA MEMBUAT WEBSITE

Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster