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

- Software Untuk Membuat E-Book PDF

- Software Untuk Membuat Cover 3 Dimensi Otomatis

- Software Untuk Membuat Logo Profesional

- Bonus 40 lebih software pendukung bisnis internet.

SEMUA ADA DALAM PAKET TOKOTOP 3 DIMENSI - INFO LENGKAP KLIK DISINI

 


 HOME  |  TUTORIAL:   Web Page  |  Tabel  |  Form  |  Frame  |  SULAPMAGIC.COM TOKOTOP.COM 

Cara Mudah
Membuat Frame

Pelajaran 4

Berikutnya kita akan coba beberapa perubahan kecil. Mungkin tidak seluruhnya bisa berjalan di semua browser. Jika atribut ini tidak dimengerti, browser akan mengabaikannya.

Pertama-tama kita dapat mengubah ketebalan pembatas frame.

<FRAMESET COLS="154,*" BORDER=20>
  <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


Kita dapat mengubah warna pembatas tersebut.

<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
  <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


Kita dapat menghilangkan tampilan pembatas untuk masing-masing <FRAMESET> dengan FRAMEBORDER.

<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
  <FRAMESET ROWS="170,*" FRAMEBORDER=NO >
    <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


Kita dapat mencegah agar pengunjung tidak mengubah ukuran frame. Kecuali anda mempunyai situasi yang khusus, tidak ada alasan untuk terlalu banyak menggunakan atribut ini.

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

LIHAT


Ok. Sesudah kita belajar sedikit tentang pembuatan frame, mari kita kembali ke bentuk yang sederhana dan kita akan pelajari bagaimana membuat link antar frame.

<FRAMESET COLS="33%,67%">
  <FRAME SRC="ratna.html">
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT


Yang akan kita lakukan adalah menambahkan link dari ratna.html ke sari.html. Jadi bukalah ratna.html dengan Notepad dan tambahkan yang berikut ini...

<HTML>
<HEAD>
<TITLE>Frame HTML Saya</TITLE>
</HEAD>
<BODY>
Ratna<P>
Anda harus mengunjungi teman saya Sari
</BODY>
</HTML>


Kemudian tambahkan linknya, dan simpan.

<HTML>
<HEAD>
<TITLE>Frame HTML Saya</TITLE>
</HEAD>
<BODY>
Ratna<P>
Anda harus mengunjungi teman saya <A HREF="sari.html">Sari</A>
</BODY>
</HTML>


Sekarang cobalah.

<FRAMESET COLS="33%,67%">
  <FRAME SRC="ratna.html">
  <FRAME SRC="putri.html">
</FRAMESET>

LIHAT


Jika link tadi anda klik, anda akan lihat halaman milik Ratna digantikan oleh Sari. OK, OK... saya tahu anda tidak terkesan. Yang anda inginkan adalah, klik link di halaman Ratna dan tampilkan hasilnya di frame milik Putri. Well, ini memerlukan sedikit penambahan.

Anda harus memberi nama/NAME <FRAME> yang ada di master page. Lakukanlah... beri nama untuk frame kedua.

 <FRAMESET COLS="33%,67%">
  <FRAME SRC="ratna.html">
  <FRAME SRC="putri.html" NAME="FRAME-1">
</FRAMESET>

Saya ingin membuat catatan di sini. Frame kedua tadi sebenarnya bukan milik Putri. Itu adalah sekedar frame kedua dari beberapa frame dan kita telah tempatkan putri.html di dalamnya. Jika kita tidak menuliskan apapun di dalam tag <FRAME>, frame tersebut akan kosong.

Catatan- nama <FRAME> harus diawali dengan huruf atau angka. Kalau tidak, nama tersebut akan diabaikan. (Satu perkecualian adalah nama frame yang berawalan dengan garis bawah _  Pemakaiannnya akan kita bahas sebentar lagi.)


Selanjutnya kita harus menambahkan sesuatu pada link tersebut di halaman milik Ratna, jadi buka ratna.html lagi (dengan Notepad) dan tambahkan TARGET.

<HTML>
<HEAD>
<TITLE>Frame HTML Saya</TITLE>
</HEAD>
<BODY>
Ratna<P>
Anda harus mengunjungi teman saya <A HREF="sari.html"TARGET="FRAME-1">Sari</A>
</BODY>
</HTML>

Hal ini akan menyebabkan link tersebut ditampilkan di frame dengan nama FRAME-1.

LIHAT


Pemakaian link seperti ini sangat membantu anda menghubungkan halaman-halaman di web site anda sendiri. Tetapi bagaimana kalau anda ingin menggunakan link tersebut untuk menampilkan halaman dari luar web site anda? Coba tambahkan link yang lain di halaman milik Ratna.

<HTML>
<HEAD>
<TITLE>Frame HTML Saya</TITLE>
</HEAD>
<BODY>
Ratna<P>
Anda harus mengunjungi teman saya <A HREF="sari.html" TARGET="FRAME-1">Sari</A>
<P>Dan tentu saja anda harus melihat karya besar PANDUAN di <A HREF="http://www.pts.co.id" TARGET="FRAME-1">TOKOTOP.COM</A><P>
</BODY>
</HTML>

LIHAT
Seperti yang dapat anda lihat, ini menyebabkan halaman milik orang lain ditampilkan di dalam frame anda.


Bagaimana anda bisa menampilkan link dari luar tidak di dalam frame tetapi sepenuh window browser? Mudah, ubahlah TARGET menjadi _top.

<HTML>
<HEAD>
<TITLE>Frame HTML Saya</TITLE>
</HEAD>
<BODY>
Ratna<P>
Anda harus mengunjungi teman saya <A HREF="sari.html" TARGET="FRAME-1">Sari</A>
<P>Dan tentu saja anda harus melihat karya besar PANDUAN di <A HREF="http://www.pts.co.id" TARGET="_top">TOKOTOP.COM</A><P>
</BODY>
</HTML>

LIHAT
Selalu gunakan cara ini jika membuat link ke luar web site anda. Percayalah, pengunjung anda akan menghargainya!

_top adalah satu di antara 4 'magic targets'. Selengkapnya adalah _self, _blank, _parent dan _top. Hanya inilah target yang dapat diawali dengan karakter selain alfa-numerik. Sebagai tambahan, setiap target berawalan garis bawah_ yang bukan salah satu dari keempat 'magic targets' akan diabaikan. Untuk saat ini, _top adalah satu-satunya yang perlu kita perhatikan.

Catatan- Jangan salah menuliskan TARGET="_top" dengan TARGET="_TOP". Pada umumnya HTML bisa dituliskan dalam huruf besar maupun kecil, tetapi tidak dalam hal ini. Penggunaan _TOP dan bukannya _top kadang-kadang menyebabkan link tersebut ditampilkan di browser baru dan bukan di browser yang sudah terbuka. Karena sudah disinggung, itulah yang dilakukan oleh TARGET="_blank".... menampilkan link di window browser yang baru.


 
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