latihan membuat website dengan tabel
TRANSCRIPT
Latihan Membuat Website dengan Tabel
1. Desain
2. Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.gudangsoft.web.id</title>
<style type="text/css">
<!--
body {
background-color: #FFF;
background-image: url(images/bground.png);
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style></head>
<body>
<table width="990" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="150" colspan="2"><img src="gambar.jpg" width="996" height="156" /></td>
</tr>
<tr>
<td height="30" colspan="2" bgcolor="#00FF00"><marquee scrolldelay="300">
Jasa Pembuatan Program Visual dan Website
</marquee></td>
</tr>
<tr>
<td width="565" bgcolor="#EEEEEE" valign="top"><ul id="MenuBar1"
class="MenuBarVertical">
<li>Home</li>
<li>Profil
<ul>
<li>Sejarah</li>
<li>Visi Misi</li>
<li>Struktur Organisasi</li>
</ul>
</li>
<li>Porto Folio
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Web Bisnis ( E-Commerce ) dan Web
Company Profile</a>
<ul>
<li><a href="#">http://www.neucleus.co.id ( Website Perusahaan Sepatu )</a></li>
<li><a href="#">http://www.prideco.co.id ( Website Perusahaan Jasa Transportasi
)</a></li>
<li><a href="#">http://www.Fazzacreative.com ( Web Fashions )</a></li>
<li><a href="#">http://www.ilpsemarang.com ( Website Kursus Bahasa Inggris )</a></li>
<li><a href="#">http://www.surya-travels.com ( Website Biro Jasa Travel )</a></li>
<li><a href="#">http://www.BonanzaMegahOil.com ( Website Eksportir Minyak Kopra
)</a></li>
<li><a href="#">http://www.bellowardrobe.com ( Web Penjualan Tas)</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Web Pendidikan</a>
<ul>
<li><a href="#">http://www.Alkautsarassofyaniyyah.com</a></li>
<li><a href="#">http://www.smpn17semarang.sch.id ( Website SMP Negeri 17 Semarang
)</a></li>
<li><a href="#">http://www.smpn18-smg.sch.id ( Website SMP Negeri 18 Semarang
)</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">SOFTWARE</a>
<ul>
<li><a href="#">Software Sistem Informasi Rental Alat Production House CV. DS Pratama
Jakarta</a></li>
<li><a href="#">Software SMS Gateway STORYLAND Projects</a></li>
<li><a href="#">Software Restoran dan Rumah Makan "OYE" Denpasar
Bali</a></li>
<li><a href="#">Software Penjualan dan Inventory KIRANA Fashions</a></li>
<li><a href="#">Software Sistem Informasi Pondok Pesantren Seluruh Jawa Tengah dari
DEPAG</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">BLOG</a>
<ul>
<li><a href="#">http://www.gudangsoft.web.id/</a></li>
<li><a href="#">http://ey-pages.blogspot.com/</a></li>
<li><a href="#">http://segudangwarna.blogspot.com/</a></li>
<li><a href="#">http://www.bahankuliah.net/</a></li>
<li><a href="#">http://pak-toink.blogspot.com/</a></li>
<li><a href="#">http://harisxid.blogspot.com/</a></li>
<li><a href="#">http://masdenbagoes.blogspot.com/</a></li>
</ul>
</li>
</ul>
</li>
<li>Buku Tamu</li>
<li>Admin</li>
</ul></td>
<td width="429" valign="top" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="40" colspan="2" bgcolor="#9999FF"><center>
Copyright @ Eko Siswanto
</center></td>
</tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>