Desain Website Menggunakan Tabel HTML : Kali ini saya di mintain tolong lagi dari temen jurusan Manajemen Informatika di Universitas Muhammadiyah Metro untuk membuat sebuah website dinas perhubungan kota metro. alhamdulillah gak sampai satu jam jadilah seperti ini. dan menghasilkan script yang ada di bawah ini kalau ingin membuat website dengan model yang speerti ini, namun spry menu tidak tercantum dan image headernya tidak tercantum di dalamnya.


DESAIN WEBSITE MENGGUNAKAN TABEL HTML

Copast aja script di bawah ini di dreamweaver atau di notepad dan di simpan dengan format .php atau .html, setelah itu cobalah di runing di mozila firefox.., selamat mencoba dan semoga berhasil.. kalau tidak baca-baca artikel lainya ya..

<!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>Dinas Perhubungan Komunikasi & Informatika</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="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="150" colspan="2"><img src="images/banner.jpg" width="991" height="150" /></td>
  </tr>
  <tr>
    <td height="30" colspan="2" bgcolor="#00FF00"><marquee scrolldelay="300"> Dinas Perhubungan, Komunikasi dan Informatika Kota Metro, Jl. A.H. Nasution No. 13 Kota Metro, Telp./Fax. 0725-41498 
</marquee></td>
  </tr>
  <tr>
    <td width="200" bgcolor="#EEEEEE" valign="top"><ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="index.php">Home</a></li>
      <li><a class="MenuBarItemSubmenu" href="sejarah.php">Profil</a>
        <ul>
<li><a href="sejarah.php">Sejarah</a></li>
<li><a href="visi-misi.php">Visi Misi</a></li>
<li><a href="struktur-organisasi.php">Struktur Organisasi</a></li>
        </ul>
      </li>
<li><a href="tugas-pokok.php" class="MenuBarItemSubmenu">Tugas Pokok &amp; Fungsi</a>
  <ul>
<li><a href="#">Bagian Sekretariat</a></li>
<li><a href="#"> Bagian Perencanaan</a></li>
<li><a href="#"> Bagian Umum &amp; Kepegawaian</a></li>
<li><a href="#">Bagian Keuangan</a></li>
<li><a href="#"> Bidang Angkutan</a></li>
<li><a href="#">Bidang Teknik Sarana &amp; prasarana</a></li>
<li><a href="#"> Bidang Lalu Lintas</a></li>
<li><a href="#"> Bidang Lalu Lintas</a></li>
<li><a href="#">Bidang Angkutan</a></li>
<li><a href="#"> Bidang Komunikasi</a></li>
<li><a href="#"> Bidang Informatika</a></li>
  </ul>
</li>
<li><a href="bukut-tamu.php">Buku Tamu</a></li>
<li><a href="admin/index.php">Admin</a></li>
</ul></td>
    <td width="870" valign="top" bgcolor="#FFFFFF"><div style="padding:5px;">sadfa</div></td>
  </tr>
  <tr>
    <td height="40" colspan="2" bgcolor="#9999FF"><center>Copyright @ Aris Tursino</center></td>
  </tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

loading...

Ikuti update terbaru