Pemrograman Web 1: Modul 2. Membuat Frame (File Indeks.html)

Membuat Frame
Ahmad Rizal Abidin, M.Kom

Frame adalah perintah untuk tampilan home yang terbagi dalam beberapa bingkai sesuai kehendak kita. Dapat dibagi secara mendatar ataupun secara horizontal.
Tata penulisannya adalah :

<Frameset> ....... </Frameset>   	Untuk set bingkai homepage
<Frame>  ......... </Frame>      	Untuk isi dan nama bingkai
Cols dan Rows			Untuk set baris atau kolom

Setlah mendefinisikan Frame, langkah selanjutnya adalah membuat link ke menu-menu yang lain dimana perintah ini dapat menggunakan elemen Anchor : {A} …{/A} dan tambahkan perintah HREF.
Contoh jika ada perintah :
{A HREF=”contoh.htm”} Menuju ke Dokumen Contoh.htm {/A}
Artinya : Bahwa kalimat “Menuju ke Dokumen Contoh.htm” akan diberi tanda (biasanya garis bawah} dan jika pointer mouse berada pada kalimat tersebut, maka akan menjadi gambar jari tangan.
Pemacu link tidak harus tulisan, dapat juga pemacu link menggunakan gambar atau image: * {a href=”contoh.htm”} {img src=”gambar.gif} {/a} (Gambar.gif akan menjadi pemacu link ke dokumen contoh.htm}
Pada contoh berikut ini akan dibuat suatu file Indeks yang dibangun dengan menggunakan Frame
Contoh Frame dibawah ini beri nama dengan indeks.html

<html>
<head>
<title>Design WEB Frame</title>
</head>

<frameset rows="150,*" BGCOLOR="black">
  <frame name="banner"
 scrolling="no" noresize
 target="contents"
 src="TopMenu.htm">

  <frameset cols="140,*">
    <frame name="contents"
    target="main"
    src="leftmenu.htm">

    <frame name="main"
    src="home.htm" target="_self">
  </frameset>
  <noframes>
  <body>

  </body>
  </noframes>
</frameset>
</html>

@Ahmad
Selamat Mencoba…

Materi Yang berhubungan :
Modul 7.
Modul 6.
Modul 5.
Modul 4.
Modul 3.
Modul 2.
Modul 1.

2 Responses

  1. OM mau tanya kalau mau nambah animasi salju gitu gmana ya?
    tolong d share ya…
    mksih

    • aktifkan aja Show falling snow on my blog until January 4th.
      cuma sampai 4 januari…
      caranya masuk ke dasbor, settings dan pilih general, klik aja pada bagian Snow paling bawah….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: