Guntingbatukertas.com » menggunakan iframe http://guntingbatukertas.com Kumpulan Tip, Trik dan Tutorial Indonesia Sat, 02 Apr 2011 21:03:56 +0000 en hourly 1 http://wordpress.org/?v=3.1 Cara Cepat Mengatur Alignment Center Halaman Frameset Web http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/ http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/#comments Sat, 21 Feb 2009 18:03:34 +0000 salsabel http://www.guntingbatukertas.com/?p=529 frameset“Saya punya sebuah web lama dengan bahasa HTML Native dengan 3 Frameset. Dulu tampilan ini bagus ditampilkan pada  monitor 14″ dan 15″. Tapi sekarang tampilannya terlihat semrawut jika dilihat dari monitor 17″ ke atas. Saya tahu hal ini muncul karena perbedaan resolusi screen monitor. Web tersebut dioptimalkan untuk monitor dengan lebar 1024px, sehingga jika ditampilkan pada monitor dengan lebar 1280 tampilannya jadi aneh. Saya kepikiran membuat web ini tampil dengan ukuran 1024 dengan alignment=center alias rata tengah, bagaimana cara melakukannya?”

Itu tadi permasalahan yang pernah saya alami saat meng-online-kan konten halaman web HTML karya bareng rekan-rekan ini. Setelah konsultasi dan baca-baca beberapa artikel, saya temukan dua cara sederhana. Jika Anda punya masalah yang sama, silakan ikuti langkahnya berikut:

1. Dengan memanipulasi halaman web.

Salah satu forum menyarankan untuk menambahkan baris perintah berikut:

<frameset rows=”*,400,*” frameborder=”NO” border=”0″ framespacing=”0″>
<frame src=”banner.htm” name=”topFrame” scrolling=”NO” noresize >
<frameset cols=”*,700,*” frameborder=”NO” border=”0″ framespacing=”0″>
<frame src=”menu.htm” name=”leftFrame” scrolling=”NO” noresize>
<frame src=”about: blank” name=”mainFrame”>
<frame src=”beranda.htm” name=”rightFrame” scrolling=”NO” noresize>
</frameset>
<frame src=”footer.htm” name=”bottomFrame” scrolling=”NO” noresize>
</frameset>

Keterangan:
mainFrame adalah frame yang berada di tengah. Di sinilah konten utama web saya.
topFrame dan bottomFrame berada di posisi paling atas dan paling bawah web.
leftFrame dan rightFrame bertugas mengetengahkan posisi mainFrame dari kedua sisi.

Pada contoh di atas, Anda perhatikan bahwa semua file source/rujukan untuk tiap frame berupa blank.htm kecuali frame utama yang berisi konten sebenarnya.

mainFrame sendiri berupa halaman kosong. Anda dapat memanggil file tersendiri atau menempatkan iframe di sana. Jika Anda memilih cara ini berarti anda akan memposisikan iframe dalam frameset yang telah kita manipulasi.

2. Dengan Menggunakan IFrame.

Sebenarnya fungsi MainArea dalam Frameset adalah untuk menampilkan konten IFRAMES. Namun saya ingin keseluruhan Frameset terletak pas di tengah, bukan hanya konten utamanya saja. Frameset saya berisi tiga halaman yakni; Area Banner-Atas, area Navigasi Kiri, dan Area Target Utama. Banner Atas dan Navigasi kiri merupakan konten statis, hanya dipanggil sekali dan selanjutnya hanya konten Target Utama yang berubah sesuai dengan navigasi yang dipilih.

Untuk mengetengahkan seluruh Frameset, buatlah index.htm dan sisipkan baris perintah berikut ini diantara kode <body> dan </body>.

<div style=”text-align:center; display:block”>
<iframe src=”http://www.websiteanda.com” width=”1024px” height=”768px”></iframe>
</div>

Masukkan alamat URL Anda pada www.websiteanda.com. Atau jika Anda lebih suka, Anda dapat mengganti URL Iframe tersebut dengan halaman index frameset Anda. Sehingga kurang lebih tampilan hirarkinya akan tampak seperti berikut:

index.htm –> index2.htm (frameset) –> banner.htm, menu.htm, beranda.htm (file konten frameset)

Saya memilih dan merekomendasikan cara ini karena lebih mudah dan halaman web tampil dengan rata tengah persis seperti yang saya inginkan.

Silakan periksa sendiri hasilnya di sini.
Bagaimana dengan karya Anda?

Tulisan ini dikembangkan dari sini dan tutorial ini.

]]> http://guntingbatukertas.com/internet/cara-cepat-mengatur-alignment-center-halaman-frameset-web/feed/ 4