|
Pelajaran 5 Saya rasa kita akan mencoba membuat frame dari awal lagi.
Sebelum kita mulai, saya ingin menekankan.... jangan buat yang aneh-aneh! Web site dengan terlalu banyak frame dan link yang bertebaran di seluruh halaman akan membingungkan kita dalam membuatnya, dan akan lebih membingungkan lagi untuk diikuti. Saya rasa itu saja, mari kita mulai! Pertama-tama kita harus menentukan hasil akhir yang kita inginkan. Saya pikir rancangan sederhana yang cukup bagus adalah judul/logo di bagian atas, direktori di sebelah kiri, dan frame utama di kanan. Terlebih dulu kita akan membuat Master Page. <HTML>
<FRAMESET>
</HTML> Buatlah folder baru dan simpan file di atas dengan nama index.html. Gambar yang akan kita pakai sebagai judul adalah "MY FRAMZ PAGE". Nama file ini adalah frame1.gif dan terletak di folder frem. Copykan ke folder yang baru saja anda buat. Bagi layar menjadi dua bagian horisontal. <HTML>
<FRAMESET ROWS="83,*">
</HTML> Perhatikan, angka 83 kita dapat dari tinggi gambar ditambah 8 (75+8=83).
Perhatikan juga, karena kita memakai ukuran absolut maka kita gunakan frame
elastis.
Kemudian tempatkan judul.html di frame atas (kita akan membuat file tersebut beberapa saat lagi). Tuliskan juga pasangan tag <FRAMESET> karena kita akan membagi frame bagian bawah lebih lanjut. <HTML>
<FRAMESET ROWS="83,*">
</HTML> LIHAT
Kita akan membagi frame bawah menjadi dua bagian. Di sebelah kiri kita tempatkan daftar.html dan di sebelah kanan home.html. Sekali lagi, kita belum membuat file-file ini sehingga anda masih akan mendapatkan suatu pesan kesalahan (atau dua) (atau tiga). <HTML>
<FRAMESET ROWS="83,*">
</HTML> Karena kita akan menempatkan daftar kita di sebelah kiri dan halaman-halaman lain tampil di frame kanan, kita harus menamai frame tersebut. Inilah satu-satunya frame yang akan berganti-ganti isinya sehingga frame ini sajalah yang perlu kita beri nama. <HTML>
<FRAMESET ROWS="83,*">
</HTML> LIHAT
Mari kita buat judul.html. Mulai dengan yang berikut ini dan simpanlah. <HTML>
Perhatikan kita buat warna latar belakangnya biru.
Tampilkan gambarnya dan <CENTER>-kan. <HTML>
LIHAT judul.html LIHAT Master Page Saya ingin mengingatkan, jika anda melihat source dokumen saya untuk membantu membuat dokumen anda, anda mungkin menemukan beberapa hal yang tidak anda mengerti atau bertentangan dengan apa yang saya utarakan. Ini disebabkan saya harus membuat dokumen saya sedemikian rupa sehingga tutorial ini bisa tampil dan diikuti dengan benar. Masuk akal? Jika tidak, jangan coba melihat source dokumen tersebut kecuali anda ingin membingungkan diri sendiri. Baiklah.... seperti anda lihat kita menghadapi masalah lagi, yaitu munculnya scrollbar dan letak gambar yang kurang pada tempatnya. Buka Master Page anda. Hilangkan scrollbarnya dan sesuaikan marginnya. <HTML>
<FRAMESET ROWS="83,*">
</HTML> Sekarang kita buat Daftarnya. Mulai dengan yang berikut ini dan simpan dengan nama daftar.html. <HTML>
LIHAT daftar.html
LIHAT Master Page
Beri judul dan tuliskan teks untuk link-nya. Kita akan tambahkan informasi link tersebut sebentar lagi. <HTML>
<H3>Daftar</H3> Home<P> Ke sini<BR>
atau kunjungi<BR>
</BODY>
LIHAT daftar.html
LIHAT Master Page
Sekarang tambahkan informasi link tersebut. <HTML>
<H3>Daftar</H3> <A HREF="home.html">Home</A><P> <A HREF="sini.html">Ke sini</A><BR>
atau kunjungi<BR>
</BODY>
LIHAT daftar.html
LIHAT Master Page
Asyik kan? Saya pikir sih enggak. Biasa-biasa saja. Tarik nafas panjang-panjang, regangkan otot-otot anda, pipis, minum segelas air, apa aja deh. Istirahatlah. Saya juga.
Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster
| |||||||||||||||||||||
|
|
