|
Pelajaran 2 Kita ingat bahwa tag <FRAMESET> lah yang melakukan semua
pembagian. Memang itulah yang dilakukannya... membagi halaman. Tag ini
menentukan juga bagaimana pembagian tersebut dilakukan. Tapi ingat,
kapanpun anda ingin melakukan pembagian - gunakan <FRAMESET>.
<FRAMESET COLS="20%,20%,20%,20%,20%">
Tentu saja kita bisa membuat setiap frame berbeda ukurannya. Pastikan anda tidak salah hitung atau browser akan menampilkan interpretasinya sendiri. <FRAMESET COLS="10%,20%,30%,15%,25%">
Bila halaman kita bagi menjadi baris (ROWS) dan bukannya kolom (COLS), kita akan mendapat sesuatu yang berbeda sama sekali. <FRAMESET ROWS="10%,20%,30%,15%,25%">
Mari kita kembali ke bentuk 2 frame, halaman yang dibagi menjadi 2 kolom sama besar. <FRAMESET COLS="50%,50%">
Kita bisa mengganti 50% dengan 50 pixels (picture elements, setiap titik di layar komputer anda. Atau kita gunakan saja istilah titik. OK? OK). Dan kita bisa gunakan * sebagai pengganti angka. * berarti berapapun sisanya. <FRAMESET COLS="50,*">
Ada satu hal yang sangat penting dan harus anda perhatikan. Misalkan anda membuat frame selebar 100 titik di sebelah kiri, dan 100 titik di kanan. Karena ukuran layar anda adalah 800x600, maka frame ketiga di tengah menjadi selebar 600 titik. Semuanya tampak bagus dan keren... untuk anda. Misalkan layar komputer saya ukurannya hanya 640x480. Kedua frame dengan lebar 100 titik tadi hanya tampil selebar 80 (640/800x100) titik di layar saya. Bila anda memakai ukuran absolut dalam tag <FRAMESET> anda, SELALU gunakan paling tidak satu * sebagai frame yang elastis. Dengan cara ini segala sesuatunya akan tampak baik bagi semua orang. Ini adalah kesalahan umum yang sering terjadi dalam pemakaian frame dan saya ingin anda ekstra hati-hati mengenai hal ini. Pembagian halaman yang paling umum adalah frame kecil di sebelah kiri berisi menu atau topik bahasan dan frame utama yang lebih besar di sebelah kanan seperti ini. Masalahnya adalah ... Jika anda membuat frame menggunakan persentase (misalnya <FRAMESET COLS="15%,85%">) segala sesuatunya akan tampak baik bagi anda. Tapi... bagi orang lain dengan ukuran layar yang berbeda, yang tampak mungkin seperti ini. Penyebabnya adalah karena anda menentukan frame sebelah kiri lebarnya 15%. 15% dari apa? 15% dari berapapun lebar layar komputer mereka. Ini berarti frame kiri bisa 'tampil beda' bagi orang yang berbeda pula. Bagaimana mengatasinya? Sudah tahu nanya... Gunakan saja nilai absolut untuk frame kiri dan buatlah frame kanan elastis (misalnya <FRAMESET COLS="120,*">). Gitu aja kok repot. Tidak ada salahnya jika nilai absolut tersebut kita perbesar sedikit. Supaya tidak terlalu sesak dan ada ruang untuk bernafas. Sebagai contoh, jika 100 titik mencukupi tetapi tampak terlalu sempit... ubahlah lebar frame menjadi 120 atau 125 titik. Biasakanlah untuk memeriksa tampilan anda dengan beberapa ukuran layar yang berbeda. Kalau anda menggunakan Windows 98, ubahlah setting layar anda (Di desktop anda, klik kanan kemudian pilih Properties-Settings-Screen Area). Supaya praktis, ubah pilihan (Properties-Settings-Advanced-General) menjadi "Apply the new color setting without restarting". Dengan demikian anda tidak harus me-restart komputer setiap kali. Cara lain adalah menggunakan program Quickres dari Microsoft. Kita juga dapat membuat lebih dari satu frame elastis dan menyatakan ukurannya relatif satu terhadap yang lain. <FRAMESET COLS="50,*,2*">
Terjemahannya kurang lebih demikian: Buat 3 frame. Buat frame pertama selebar 50 titik. Sisanya bagikan kepada frame 2 dan 3, tetapi buatlah frame 3 dua kali lebih besar dari frame 2. Tempatkan Lisa di frame pertama, Putri di frame kedua dan Ratna ketiga. Pastikan bahwa semuanya dibuat dengan urutan yang benar. <FRAME> pertama ditampilkan sesuai dengan ukuran yang pertama dalam tag <FRAMESET> (50/lisa), ukuran kedua untuk frame kedua (*/putri) dan ukuran ketiga untuk frame ketiga (2*/ratna). Saya tahu bahwa untuk anda hal ini sudah sangat jelas, tetapi ini sangat penting dan saya ingin memberi perhatian yang lebih untuk itu. Bagaimana jika kita ingin membagi Ratna menjadi dua bagian horisontal. Ingat yang saya katakan bahwa kalau anda ingin membagi halaman, anda harus menggunakan tag <FRAMESET>. Pertama-tama kita harus mengganti Ratna dengan pasangan tag <FRAMESET>. <FRAMESET COLS="50,*,2*">
Pada saat ini kita katakan pada browser: Buat 3 frame. Buat frame pertama selebar 50 titik. Sisanya bagikan kepada frame 2 dan 3, tetapi buatlah frame 3 dua kali lebih besar dari frame 2. Tempatkan Lisa di frame pertama, Putri di frame kedua dan frame ketiga akan kita bagi lebih lanjut. Sekarang kita harus menentukan bagaimana pembagian frame ketiga tersebut kita lakukan. Kita akan membaginya menjadi dua bagian mendatar sama besar. <FRAMESET COLS="50,*,2*">
Dan saya pikir kita akan tempatkan kembali Ratna di atas sedangkan Tina di bawah. Dan inilah hasilnya. <FRAMESET COLS="50,*,2*">
Keren kan? Saya jadi ingin melakukannya sekali lagi! Mari kita bagi Lisa menjadi 3 bagian mendatar. Bagian paling atas tingginya 50 titik. Sisanya kita bagi dua sama besar. Kita akan menempatkan Lisa di ketiga bagian tadi. Inilah seluruh perubahan yang harus kita lakukan. <FRAMESET COLS="50,*,2*">
Saya tahu hasilnya tidak terlalu bagus. Sebetulnya kalau kita membuat halaman dengan frame sebanyak itu hasilnya akan tampak berantakan. Patokan yang umum digunakan adalah: jangan membuat lebih dari 3 frame dalam satu halaman. Kalau anda bisa hilangkan seluruhnya, itu lebih baik lagi. Sekarang adalah waktu yang tepat untuk memikirkan orang-orang yang masih menggunakan browser lama yang tidak mampu menampilkan frame. Walau sebagian besar, kalau tidak semua, pengunjung web anda bisa melihat tampilan frame, mungkin masih ada di antara mereka yang menggunakan komputer atau browser lama. Kalau anda ingin membantu mereka, anda dapat menambahkan versi tanpa-frame pada web anda... <FRAMESET COLS="50,*,2*">
Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster
| |||||||||||||||||||||
|
|
