1 Nisan 2016 Cuma

08:20:00
Örnek99: Veritabanı uygulaması ile site yapımı www klasöründe site1
·       Veritabanı oluşturulması
·     Veritabanı adı: vrt1
Tablolar:
        Eleman
            Sirano                         à otomatik sayı, birincil anahtar
            Ad                   à 20, varchar
            Bolum             à 30, varchar
            Maas               à 10, varchar
Site yapısı:








Yukarıdaki sayfayı oluşturmak için, aynı klasörde bir php dosyası, bir css dosyası ve birde veritabanı oluşturuyoruz. Css sayfasında yazdığımız kodları php dosyamızda çağırıyoruz daha sonrada veritabanımızı php dosyamıza aktarıyoruz.

stil.css sayfası kodları:
#kapsayici
{width:940px;
height:auto;
padding:10px;
margin:10px 10px 10px 10px;
background-color:#FFFFCC;
}
#menu
{width:900px;
height:100px;
background-color:#33FFCC;
padding:10px;
margin:10px 10px 10px 10px;
}
#orta
{width:900px;
height:400px;
background-color:#33FFCC;
padding:10px;
margin:10px 10px 10px 10px;
}
#alt
{width:900px;
height:50px;
background-color:#33FFCC;
padding:10px;
margin:10px 10px 10px 10px;

}


   
index.php sayfası kodları:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="stil.css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div  id="kapsayici">
<div id="menu">
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.php">Anasayfa</a> </li>
    <li><a href="iletisim.php">İletişim</a></li>
    <li><a href="hakkimizda.php">Hakkımızda</a> </li>
  </ul>
  </div>
<div id="orta">
  <form id="form1" name="form1" method="post" action="">
    <table align="center">
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Sirano:</td>
      <td><input type="text" name="Sirano" value="" size="32" /></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Ad:</td>
      <td><input type="text" name="Ad" value="" size="32" /></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Bolum:</td>
      <td><input type="text" name="Bolum" value="" size="32" /></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">Maas:</td>
      <td><input type="text" name="Maas" value="" size="32" /></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">&nbsp;</td>
      <td><input type="submit" value="Kayıt ekle" /></td>
    </tr>
  </table>
  <input type="hidden" name="MM_insert" value="form2" />
  </form>
  
  <table border="1">
    <tr>
      <td>Sirano</td>
      <td>Ad</td>
      <td>Bolum</td>
      <td>Maas</td>
    </tr>
    <?php do { ?>
      <tr>
        <td><?php echo $row_Recordset1['Sirano']; ?></td>
        <td><?php echo $row_Recordset1['Ad']; ?></td>
        <td><?php echo $row_Recordset1['Bolum']; ?></td>
        <td><?php echo $row_Recordset1['Maas']; ?></td>
      </tr>
      <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
  </table>
</div>
<div id="alt"></div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>





0 yorum :

Yorum Gönder