Home Pemrograman /

CARA DESAIN TAMPILAN WEBSITE DENGAN TABLE


Cara Desain Tampilan Website Dengan Table : Bagi sahabat-sahabat pemula yang ingin mendesain sebuah tampilan website dengan menggunakan tabel. ini ada contohnya bagaimana tabel bisa menjadi rapih dan bagus untuk mendesain sebuah tampilan, khusus untuk pemula ya.., hehe.., kenapa kog harus tabel ? karena tabel ini mudah penggunaanya ketimbang dengan css yang lumayan ribet. namun pada tebel ini ada beberapa kekurangan walaupun banyak kelebihannya. langsung saja ya.
di bawah ini ada gambar dan coding penggunaan tabel :



CARA DESAIN TAMPILAN WEBSITE DENGAN TABLE

Di bawah ini ada coding tampilan di atas yang bisa sahabat-sahabat coba sekarang, besok, lusa ataupun kapan-kapan... hehe..,
nah.. untuk yang coding warna biru tidak usah di ketik dulu tidak apa apa.., 
<?php
//initialize the session
if (!isset($_SESSION)) {
  session_start();
}

// ** Logout the current user. **
$logoutAction = $_SERVER['PHP_SELF']."?doLogout=true";
if ((isset($_SERVER['QUERY_STRING'])) && ($_SERVER['QUERY_STRING'] != "")){
  $logoutAction .="&". htmlentities($_SERVER['QUERY_STRING']);
}

if ((isset($_GET['doLogout'])) &&($_GET['doLogout']=="true")){
  //to fully log out a visitor we need to clear the session varialbles
  $_SESSION['MM_Username'] = NULL;
  $_SESSION['MM_UserGroup'] = NULL;
  $_SESSION['PrevUrl'] = NULL;
  unset($_SESSION['MM_Username']);
  unset($_SESSION['MM_UserGroup']);
  unset($_SESSION['PrevUrl']);
  $logoutGoTo = "index.php";
  if ($logoutGoTo) {
    header("Location: $logoutGoTo");
    exit;
  }
}
?>
<!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>.::-Perpustakaan Universitas Bandar Lampung ::.</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
background-color: #993;
}
-->
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100" colspan="3" bgcolor="#FF6600">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" colspan="3" bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#FFFFFF"><marquee behavior="slide" scrolldelay="200" >
    Aplikasi Arsip Buku &amp; Skripsi Perpustakaan Universitas Bandar Lampung
    </marquee></td>
    <td width="22%" align="center" bgcolor="#FFFFFF"><div class="date"><?php $a=date("H:i");$b=date("j F Y");echo"   $b";  ?> <font color="#990000" face="Courier New, Courier, monospace" ><i><?php echo " Jam $a";?></i></font></div></td>
  </tr>
  <tr>
    <td width="22%" align="center" valign="top" bgcolor="#FFFFCC"><fieldset style="border-bottom-width:2px">
      <legend>Menu</legend>
      <ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="home.php">Home</a>          </li>
        <li><a href="daftarbuku.php">Daftar Buku</a></li>
        <li><a href="daftarjurnal.php">Daftar Jurnal</a>          </li>
        <li><a href="daftarskripsi.php">Daftar Skripi</a></li>
        <li><a href="search.php">Search</a></li>
        <li><a href="<?php echo $logoutAction ?>">Logout</a></li>
      </ul>
      <p>&nbsp; </p>
    </fieldset></td>
    <td colspan="2" valign="top" bgcolor="#FFFFCC"><div class="content">a</div>
   </td>
  </tr>
  <tr>
    <td height="40" colspan="3" bgcolor="#FF6600"><center>
    <div class="content"><font color="#ffff" face="">Created By Cyntia<br /><u><a href="admin/index.php">Admin</a></u></font></div></center></td>
  </tr>
</table>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Selamat mengoding dan di temani secangkir wedang anget.. hehe

Sekian dulu ya dari saya... ( '_' )

Mengenal Fungsi Tanggal Di PHP dan Cara Membuat Menu Dropdown dengan CSS

loading...