Cara Mudah Membuat Frame
advertisement
Cara Mudah Membuat Frame Hai. Kali ini saya akan menjelaskan tentang pembuatan frame untuk dokumen html anda. Pemakaian frame secara baik dapat membantu penampilan web site anda dan mempermudah navigasi halamanhalaman web tersebut. Ingat, kata kuncinya adalah pemakaian secara baik. Jelas? Membagi halaman web menjadi beberapa frame sebenarnya sangat mudah. Konsep dasarnya adalah seperti ini: Setiap frame adalah dokumen html biasa. Jika anda ingin membagi halaman web anda menjadi 2 frame yang bersebelahan, maka anda harus membuat dokumen html yang lengkap untuk frame kiri dan dokumen html yang lengkap pula untuk frame sebelah kanan. Sebagai tambahan anda perlu membuat dokumen html ketiga. Dokumen ini adalah frame definition document (untuk mudahnya kita sebut saja MASTER PAGE) dan berisi tag <FRAME> yang menentukan tata letak setiap frame dan dokumen html yang akan mengisi frame tersebut. Sebetulnya, memang hanya itu fungsinya. Pada dasarnya, hanya ada dua tag utama tentang frame yang paling perlu kita perhatikan: <FRAMESET> dan <FRAME>. Cara paling mudah untuk menjelaskannya adalah dengan mengajak anda terjun langsung dan mulai membuat frame. Saya jamin, dalam waktu 90 menit anda tidak akan perlu pusing-pusing lagi dalam membuat frame. Nggak yakin? Jangan buat saya jadi ragu-ragu. Mari kita buktikan! Perlu saya tekankan bahwa kalau anda berkeinginan untuk membuat dokumen html yang baik, maka anda harus menyediakan waktu untuk mempelajari tag-tag yang bersangkutan. Kalau anda menggantungkan diri pada fasilitas "table wizard" yang ada di dalam "editor html canggih yang amat sangat mudah dipakai" yang banyak tersedia di pasaran, fleksibilitas anda akan sangat terbatas. Dan hasil akhirnya mungkin tidak akan seperti yang anda harapkan. Menurut pendapat saya, editor html terbaik untuk dipakai adalah editor berbasis teks. Program-program ini akan mempermudah penulisan dokumen html anda, tetapi tidak mengerjakannya untuk anda. Pelajaran 1 Pertama­tama kita butuh beberapa dokumen html untuk tutorial ini. Buka Notepad dan copykan yang berikut ini agar anda bisa segera mulai. <HTML> <HEAD> <TITLE>Frame HTML Saya</TITLE> </HEAD> <BODY> </BODY> </HTML> Setiap dokumen akan kita beri nama. Dalam tutorial Cara Mudah Membuat Tabel dan Cara Mudah Membuat Form kita sudah gunakan terlalu banyak nama pria. Rasanya kini saatnya menghadirkan beberapa gadis muda di sini. <HTML> <HEAD> <TITLE>Frame HTML Saya</TITLE> </HEAD> <BODY> Lisa </BODY> </HTML> Buat folder dengan nama frame dan simpan file tersebut dengan nama lisa.html. Sekarang coba anda buat dokumen html yang lain. <HTML> <HEAD> <TITLE>Frame HTML Saya</TITLE> </HEAD> <BODY> Putri </BODY> </HTML> Simpan di folder tadi dengan nama putri.html. Lakukan hal yang sama untuk Tessy, Tina, Sari, dan Ratna. Simpan semuanya di folder frame. Seharusnya anda sekarang mempunyai satu folder dengan 6 dokumen html yang berdiri sendiri­sendiri. Ok, ini yang menarik... membuat master page anda. Mulai dengan ini. <HTML> <HEAD> <TITLE>Frame HTML Saya­ Master Page</TITLE> </HEAD> <BODY> </BODY> </HTML> Hapus tag <BODY>. Master page tidak menggunakannya... <HTML> <HEAD> <TITLE>Frame HTML Saya­ Master Page</TITLE> </HEAD> </HTML> ...yang dipakai adalah tag <FRAMESET>. <HTML> <HEAD> <TITLE>Frame HTML Saya­ Master Page</TITLE> </HEAD> <FRAMESET> </FRAMESET> </HTML> Agar lebih bersih dan jelas, saya tidak akan tuliskan lagi tag <HTML>, <HEAD> dan <TITLE>. Ingat, anda harus tetap menuliskannya di dokumen anda. <FRAMESET> </FRAMESET> Sekarang adalah waktu yang tepat untuk menyimpannya. Simpan di folder anda (bersama gadis­gadis tadi) dengan nama index.html. Jika anda coba buka file tersebut di browser anda sekarang, halaman ini masih kosong. Tentu saja, yang anda katakan barulah "Inilah Master Page saya". Mari kita tentukan bagaimana penampilan halaman tersebut. Kita minta pada browser untuk membaginya menjadi 2 kolom, masing­masing menempati 50% bagian. <FRAMESET COLS="50%,50%"> </FRAMESET> Sabar... halaman ini masih tetap kosong, masih ada satu hal lagi yang harus kita lakukan. Kita harus beritahu browser apa yang mengisi masing­masing frame. <FRAMESET COLS="50%,50%"> <FRAME SRC="lisa.html"> <FRAME SRC="putri.html"> </FRAMESET> LIHAT. Anda seharusnya bangga dengan frame html yang sudah anda ciptakan! Satu hal lagi sebelum kita lanjutkan. Ingat bahwa <FRAMESET> adalah tag container, sedangkan <FRAME> bukan. Bagi anda yang tidak tahu apa artinya, tag container adalah tag yang berpasangan, jadi memiliki <TAG> pembuka dan </TAG> penutup.
