Sabtu, 14 Juni 2014

Frame


Frame
 berfungsi untuk membuat tampilan halaman yang terbagi-bagi, dimana setiap bagian merupakan halaman html yang terpisah-pisah. Hal ini untuk membuat tampilan html yang salah satu atau beberapa bagian  berganti-ganti isiya, sementara bagian lain tetap, sehinggga dapat menghemat bandwitch.
1.      Atribut Frame
·         Rows                    = Menentukan jumlah spasi pada tiap baris (Pixel, %, atau  Relatif).
·         Cols                      = Sama seperti rows tetapi berlaku untuk kolom.
·         Name                   = Nama frame, berfungsi sebagai target atau URL.
·         Src                       = Berisi URL yang menjadi sumber dari frame.
·         Margin width      = Menentukan margin kanan & kiri frame.
·         Margin height     = Menentukan margin atas & bawah.
·         Scrolling              = Menentukan scrollbar pada frame di isi dengan Yes untuk menentukan scrollbar, di isi No untuk tidak menampilkan scrolllbar.
·         Border                 = Untuk menampilkan ketebalan frame.
·         Border color       = Untuk memberi warna pada pembatas frame.
·         Frame border     = Pematas frame.
·         Noresize               = Mencegah penggunna untuk merubah ukuran frame.
2.      Atribut Target
·         Atribut    = Fungsi
·         Target      = “_Blank” = Memuat dokumen baru kedalam windows yanag kosong.
·         Target      = “_Self” = Memuat dokumen baru ke dalam windows yang sama dengan anchor (default).
·         Target      = “_Parent” Memuat dokumen baru kedalam parent frame jika menggunnakan frame.
·         Target      = “_Top” = Memuat dokumen baaru kedalam keseluruhan windows browser (Cara yang umum keluar dari frame).
3.      Tag untuk Frame
Untuk membuat frame diawali dengan <Frameset>,
Dan di akhiri dengan </Frameset>, Pada pendefisi frame tidak diperlukan <body> ... </body>.
Ø  Latihan :
1)      Buat file html berikut dan save dengan nama logo.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body bgcolor=”#006699”>
<h2>
<font color=”#FFFFFF”>
 Selamat Datang di Website SMK Muhammadiyah Pekalongan
</font>
</h2>
</body>
</Html>
2)      Selanjutnya buat file menu.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body bgcolor=”CCCCFF”>
<h4> Latihan Frame </h4>
<hr>
<a href=”home.html” Target=”isi”> home </a><br>
<a href=”profil.html” Target=”isi”> profil </a><br>
<a href=”latihan3.html” Target=”isi”> tentang </a><br>
<a href=”latihan4.html” Target=”isi”> Link </a><br>
</body>
</Html>
3)      Buat file html lagi dan save dengan nama welcome.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body>
<h2> SELAMAT DATANG </h2>
<h4> Anda Berada Pada Halaman Latihan Frame </h4>
</body>
</Html>
4)      Nah.... ini yang terakhir dan tidak memerlukan tag <body> lagi, Buat file frame save dengan nama index.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<Frameset Rows=”25%,*” Border=0>
<Frame name=”atas” SRC=”logo.html”>
<Frameset Cols=”20%,*”>
<Frame name=”menu” Scrolling=”No” SRC=”menu.html”>
<Frame name=”isi” SRC=”welcome.html”>
</Frameset>
</html>


Tidak ada komentar: