Latihan 1. Interface dengan HTML

Scriptnya adalah :
1. Membuat Frame (indeks.html)


<html>
<head>
<title>New Page 1</title>
</head>

<frameset rows="150,*" BGCOLOR="black">
 <frame name="banner" scrolling="no" noresize
 target="contents" src="TopMenu.htm">
 <frameset cols="650,*">
 <frame name="main" src="home.htm" target="_self">
 <frame name="contents" target="main" src="leftmenu.htm">

 </frameset>
 <noframes>
 <body>


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


2. Membuat Top Menu (topmenu.html)


New Page 4
<table border="1">
<tbody>
<tr>
<td width="800" height="125">
<div><span style="font-size: medium;">DIGITAL LIFE</span></div>
<div>BeritaKita.Com</div>

<div>Ahmad Rizal Abidin, 0210001</div></td>
<td>
      	<img src="koran1.bmp" alt="" />
</td>
</tr>
</tbody>
</table>

3. Left Menu (leftMenu.html


New Page 2
<table border="1">
<tbody>
<tr>
<td colspan="2">
<strong><span style="font-size: medium;">
<div>Kategori</div>
</span></strong></td>
</tr>
<tr>
<td colspan="2">
<span style="font-size: medium;"><a href="1.html">Home</a></span></td>
</tr>
<tr>
<td colspan="2">
<span style="font-size: medium;"><a href="1.html">Profile</a></span></td>
</tr>
<tr>
<td colspan="2">
<span style="font-size: medium;"><a href="1.html">Produk</a></span></td>
</tr>
<tr>
<td colspan="2">
<span style="font-size: medium;"><a href="1.html">Cara Beli</a></span></td>
</tr>
<tr>
<td colspan="2">
<span style="font-size: medium;"><a href="1.html">Hubungi</a></span></td>
</tr>
<tr>
<td colspan="2">
<strong><span style="font-size: medium;"> </span></strong><strong><span style="font-size: medium;">Pencarian</span>
</strong></td>
<td></td>
</tr>
<tr>
<td>
<input name="Cari" size="8" type="TEXT" /></td>
<td>
<input type="SUBMIT" value="GO" /></td>
</tr>
<tr>
<td colspan="2">
<strong><span style="font-size: medium;">
<div>Best Seller</div>
</span></strong></td>
</tr>
<tr>
<td colspan="2">
 <img src="hp77.bmp" alt="" />

<a href="tes1.html">Motorola RAZR V3m Red</a></td>
</tr>
<tr>
<td colspan="2">
<strong><span style="font-size: medium;">
<div>Browser Favorit</div>
</span></strong>
<input name="Ed" type="RADIO" value="YA" /> Internet Explorer

<input name="Ed" type="RADIO" value="YA" /> Mozilla Firefox

<input name="Ed" type="RADIO" value="YA" /> Opera

<input type="SUBMIT" value="Vote" /></td>
</tr>
</tbody>
</table>

4. Membuat Right Menu (rightMenu.html)


<br />Web Design

<
<table style="border-collapse: collapse;" border="3" cellspacing="0" cellpadding="1" bordercolor="#111111">
<tbody>
<tr>
<td colspan="4">
<img src="koran2.bmp" border="0" alt="" align="left" />
<div><strong> <span style="font-size: large;"> Mengungkap Berita
</span></strong></div>
<div><strong><span style="font-size: xx-large;">di Balik Fakta
</span></strong></div>
<strong><span style="font-size: xx-large;">
</span></strong></td>
</tr>
<tr>
<td colspan="4"><strong> <span style="font-size: large;"> Berita Terbaru</span></strong></td>
</tr>
<tr>
<td>
<a href="tes1.html">Ahmadinejad: Gaza Akan Jadi Kuburan Israel </a></td>
<td width="2"></td>
<td>
<a href="tes1.html"> Cristiano Ronaldo Pemain Sepakbola Terbaik 2008 </a></td>
</tr>
<tr>
<td align="justify"><img src="koran3.bmp" border="0" alt="" align="left" />
Iran dan Israel tampaknya tidak akan pernah melakukan genjatan senjata.
Presiden Iran Mahmoud Ahmadinejad melontarkan kata-kata serangan terhadap
Israel dengan menyebut negara Yahudi itu akan segera lenyap dari bumi. ...</td>
<td width="2"></td>
<td>
<img src="koran4.bmp" border="0" alt="" align="left" />
Cristiano Ronaldo akhirnya terpilih sebagai Pemain
Terbaik Dunia versi FIFA, mengalahkan Lionel Messi (Barcelona),
dan Fernando Torres (Liverpool).
Penetapan itu diumumkan di Zurich, Swiss, Senin atau Selasa (13/1) dini ...</td>
</tr>
<tr>
<td> <a href="Software.html"> Selengkapnya </a></td>
<td width="2"></td>
<td> <a href="Software.html"> Selengkapnya </a></td>
</tr>
<tr>
<td>
_</td>
<td>
_</td>
</tr>
<tr>
<td>
<a href="tes1.html">Sharapova, Petenis Wanita Berpenghasilan Tertinggi</a></td>
<td width="2"></td>
<td>
<a href="tes1.html"> Film Laskar Pelangi Pecahkan Rekor </a></td>
</tr>
<tr>
<td align="justify"><img src="koran5.bmp" border="0" alt="" align="left" />
Petenis asal Rusia, Maria Sharapova dengan penghasilan 26 juta
dolar AS merupakan petenis wanita berpenghasilan tertinggi. Ia pernah menempati
peringkat satu dunia, pasca mundurnya Justine Henin. Ia juga memiliki ...</td>
<td></td>
<td>
<img src="koran6.bmp" border="0" alt="" align="left" />
Sukses film Laskar Pelangi dalam memecahkan rekor jumlah
penonton memberi pembelajaran bahwa penonton film Indonesia
bisa menerima inovasi. Mira Lesmana dari
Miles Films yang memproduksi film ini mengatakan, sampai Rabu ...</td>
</tr>
<tr>
<td> <a href="Software.html"> Selengkapnya </a></td>
<td width="2"></td>
<td> <a href="Software.html"> Selengkapnya </a></td>
</tr>
<tr>
<td colspan="3">
<strong><span style="font-size: medium;">Berita Sebelumnya</span></strong>

	<li><a href="Software.html">Maria Kirilenko, Petenis Terseksi Versi WTA
</a></li>
	<li><a href="Software.html">Belajar Dari Krisis Amerika
</a></li>
	<li><a href="Software.html">Ronaldo "CR7" Pecahkan Rekor Transfer Termahal
</a></li>
	<li><a href="Software.html">Kisah Sukses Google
</a></li>
	<li><a href="Software.html">Gempa Bumi
</a></li>
<a href="Software.html">
</a></td>
</tr>
</tbody>
</table>

One Response

  1. izin sedot yo pak,,,,,,thank’s yo pak…!!! ^_^

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: