Belajar Frameset HTML

Bagi mahasiswa yang mengambil MK Desproweb, terutama kelas yang saya ampu, dan yang mau tau tentang Frameset HTML, berikut ini konsep atau cara kerjanya :

  • FrameSet HTML digunakan untuk membagi sebuah web page menjadi beberapa bagian (sesuai keinginan). Pembagian dilakukan seperti tabel, ada baris dan ada kolom.
  • Tag yang digunakan untuk penulisan frameset HTML adalah
    <frameset>…</frameset>
  • Contoh penulisan tag frameset untuk pembagian web page menjadi 3 baris (header, content, footer) dan 2 kolom (kanan dan kiri pada bagian content).
    1. <frameset rows=”12%,*,12%”>
    2.     <frame name=”topFrame” scrolling=”no” noresize src=”fr_atas.html”>
    3.     <frameset cols=”20%,*”>
    4.         <frame name=”LeftFrame” scrolling=”no”  noresize src=”fr_kiri.html”>
    5.         <frame name=”RightFrame” scrolling=”yes” src=”fr_kanan.html”>
    6.     </frameset>
    7.     <frame name=”bottom” scrolling=”no” noresize src=”fr_bawah.html”>
    8. </frameset> 


      Keterangan :

      • Baris 1 : frameset rows digunakan untuk membuat baris terlebih dahulu, dimana disebutkan bahwa baris pertama tingginya 12% dari tinggi resolusi layar,  baris kedua tingginya *, dan baris ketiga tingginya 12%.
        Tanda (*) artinya tinggi baris kedua merupakan sisa setelah dikurangi tinggi baris pertama dan ketiga.
      • Baris 2 : frame name digunakan untuk memberi nama baris pertama yaitu topFrame yang berfungsi sebagai header. Tidak menggunakan scrolling. Garis yang muncul sebagai pembagi tidak bisa di resize. Isi yang ditampilkan pada header diambil dari file fr_atas.html. Oleh karena itu, siapkan terlebih dahulu file fr_atas.html.
      • Baris 3 : frameset cols digunakan untuk membuat kolom pada baris kedua. Kolom yang dibutuhkan ada 2, yaitu kolom sebelah kiri lebarnya 20% dan kolom sebelah kanan lebarnya adalah sisanya.
      • Baris 4 dan 5 : Beri nama frame untuk kolom sebelah kiri dan kanan. Namun, untuk kolom sebelah kanan terdapat tambahan scrolling. Isi masing-masing kolom juga diambil dari file html yang berbeda.
      • Baris 6 : Tag </frameset> digunakan sebagai penutup frameset kolom.
      • Baris 7 : Membuat frame name untuk bagian footer/bottom (baris paling bawah).
      • Baris 8 : Tag </frameset> digunakan sebagai penutup frameset baris.Jika teman2 ingin mengetahui penerapannya secara langsung, bisa mencoba mempelajari lewat file frameset html ini. Cekidot… 😀
        Contoh file frameset : Frameset

3 thoughts on “Belajar Frameset HTML

  1. Terima kasih untuk ilmunya..
    kebetulan sekali saya juga lagi ada niat belajar untuk membuat web jadi sedikit2 mengerti..
    Soalnya bisnis yang sedang saya kerjakan bergerak di bidang bisnis online…

Leave a Reply

Your email address will not be published. Required fields are marked *