Tampilan Layout Web dengan Menggunakan FREME ~ Everything just for Needing

Jumat, 05 April 2013

Tampilan Layout Web dengan Menggunakan FREME

Banyak orang tidak suka menggunakan frames, saya setuju karena saya sendiri jarang memakai frames. Tetapi untuk beberapa kasus, frames sangat berguna. Jadi anda perlu mengetahui kasus anda sebelum memutuskan apakah ingin menggunakan frames apa tidak.

Frameset
Sebuah halaman web yang dibagi kedalam frame, diletakkan bersama didalam frameset. Sebuah halaman frameset juga memiliki header, tetapi tidak seperti dokumen HTML biasa yang memiliki body, frameset tidak memiliki tag <body> hanya memiliki tag <frameset> yang digunakan untuk mendefinisikan baris dan kolom setiap frames.

Ini salah satu Tampilan Layout dengan Frame bisa dilihat dibawah ini,

Dalam utama.html ini merupakan tampilan awal dari sebuah web dimana pada bagian ini digunakan untuk membagi beberapa layout ataupun dalam bentuk frame yang sasuai anda inginkan.

Contoh pada postingan kali ini saya membagi layout sebuah web menajdi 3 buah Frame antara lain b ernama :

Top.html
Main.html
Left.html
Sourcode Utama.html :

1. Top.html :

Pada Bagian ini adalah digunakan untuk pembuatan header sebuah web yang saya namakan dengan top.html

berikut ini adalah sourcecode nya dari top.html

2. Main.html

Pada bagian frame ini digunakan untuk menempatkan content-content yang akan diletak kan dalam sebuah web yang kita bangun.
berikut ini adalah sourcecode nya dari Main.html bisa di pahami.

<body>
<table border="2" width="1125" height="600" bgcolor="#FEFF80">
<tr><td align="center">
<h1 >
Selamat Datang di Tampilan Layout Yang menggunakan Frame</h1>
<ul>
<p align="justify">
Frame memungkinkan beberapa dokumen HTML 
ditampilakn dalam satu window browser. 
Perintah ini membagi satu window browser menjadi beberapa area untuk melihat beberapa dokumen yang berbeda. 
Kita dapat memiliki sebuah menu dalam satu frame kemudian frame lainnya menampilkan isi dari dokumen yang dirujuk oleh menu tersebut.<br>
Ada satu dokumen yang mengandung informasi lay out, data tambahan, dan ketentuan dari frame yang akan kita buka. 
Kemudian semua isi dari dokumen yang menyusun frame-frame tersebut tersimpan dalam dokumen lain.

Dalam dokumen index terdapata sebuah tag : no body tags dan FRAMESET tags. 
 Dalam <frameset> diikuti Tag <frame> yang menyatakan bagaiamana tampilan setiap frame nantinya.

</ul>
</p>
</td></tr>
</table>
</body>
</html>

3. Left.html :

Pada bagian left.html ini di gunakan untuk meletakan dari menu - menu atau link yang akan kita pasang di layout Web kita.
ex : seperti Layout yang saya buat Seperti Gambar disamping

berikut ini adalah sourcecode nya dari left.html

~~~SEMOGA BERMANFAAT~~~

3 komentar:

cindy27 November 2013 pukul 05.56
cara buatny gimana kak?
BalasHapus
Balasan
Unknown2 Februari 2014 pukul 20.08
cara menggabungkan top, left, dan main biar jadi satu halaman sperti diatas gmn mb ?
BalasHapus
Balasan

Tambahkan komentar

Everything just for Needing

Jumat, 05 April 2013