PHP ile ziyaretçi defterimizi yapmaya başlamak için Önce MySQL’de çok kapsamlı olmayan bir veritabanı hazırlamamız gerekmektedir.Bu veritabanını wampserver ile çok kolay bir şekilde hazırlayabiliriz.
          Veritabanımda kullanmış olduğum bilgiler şunlardır:
adiniz
email        Bizim için bu üç bilgi yeterlidir.(Veritabanında, yazıldığı gibi kullanılmalıdırlar.)
mesaj

          Şimdi HTML’de bir form sayfası oluşturacağız aşağıdaki kodları alıp kendi form.html sayfanıza kopyalayabilirsiniz.

<form id="form1" name="form1" method="post" action="kayit.php">
  <p>isminiz 
    <input type="text" name="adiniz" id="adiniz" />
  </p>
  <p>email 
    <input type="text" name="email" id="email" />
  </p>
  <p>mesaj 
    <textarea name="mesaj" id="mesaj" cols="45" rows="5"></textarea>
    <br />
    <br />
    <input type="submit" name="button" id="button" value="G&ouml;nder" />
  </p>
</form>

          Burada görmüş olduğunuz gibi form.html sayfamızda kayit.php adlı sayfamızı tetikledik ve şimdi de sıra geldi kayit.php sayfamızı yapmaya..

<?php

$adi=$_POST['adiniz'];
$email=$_POST['email'];
$mesaj=$_POST['mesaj'];

mysql_connect('localhost','root','');
mysql_select_db('zdefteri');
mysql_query("SET NAMES 'latin5'");


if(mysql_query("INSERT INTO `ziyaretci` (`adi` ,`email` ,`mesaj` )VALUES ('$adi', '$email', '$mesaj');"))
{
    print "Mesajınız Alınmıştır. Teşekkürler..";    
}else{
    print "Mesajınız Gönderilememiştir!!!";
}

?>

          Şimdi listele.php adında bir boş döküman açıyoruz ve içine aşağıdaki kodları yazıyoruz.

<?php

mysql_connect('localhost','root','');
mysql_select_db('zdefteri');

$bilgi=mysql_query("SELECT * FROM ziyaretci");

while($satir=mysql_fetch_array($bilgi))
{
    echo $satir['adi'] ;
    
    echo "<br>";
}

?>

          Sıra geldi eski,okunmuş,ya da gereksiz mesajlarımızdan kurtulmak için delete.php sayfamızı hazırlamaya.

<!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>Delete</title>
</head>

<body>

<?php

$delID = $_GET["id"];

mysql_connect('localhost','root','');
mysql_select_db('zdefteri');


if(mysql_query ("delete from ziyaretci where id='".$delID."'")) 
                        echo "The code was deleted successfully";
                        else echo "Failed";

?>

<a href="mesajlar.php">Geri Dön</a>
</body>
</html>

          Ve son olarak mesajlarımızın geleceği yani mesajlarımızı okuyacağımız sayfaya bu sayfayı da ben mesajlar.php olarak kayıt ediyorum ve içine aşağıdaki kodları yazıyorum.

<!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></title>
</head>

<body>

<?php

mysql_connect('localhost','root','');
mysql_select_db('zdefteri');

$bilgi=mysql_query("SELECT * FROM ziyaretci");

$say = 0;

while($satir=mysql_fetch_array($bilgi))
{
$say = ($say + 1);
    
$sID = $satir['id'] ;

?>



<table width="600" border="2">
  <tr>
    <td><?php echo $satir['adi'] ; ?></td>
    <td><?php echo $satir['email'] ; ?></td>
    <td><?php echo $satir['mesaj'] ; ?></td>
    <td><?php echo ("<a href=delete.php?id=$sID>Delete</a>"); ?> </td>
  </tr>
</table>

<?php

}

if($say == 0){
print "Kayit Yok";
}
?>

</body>
</html>

          Artık ilk yaptığımız form.html sayfamızı kendi iletişim sayfanıza entegre edebilir ve mesajlar.php sayfasından da size gelen mesajları rahatlıkla okuyup silebilirsiniz.

 

<! DOCTYPEhtml>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Document</title>
</head>
<body>

<container>
Sitemizin bütün içeriğinin olduğu etiket (Body gibi.. Body etiketinin yerini de alabilir.
<header>
Üst (Logomuzun ve butonlarımızın olduğu bölüm)
<navbar>
Butonlarımızı içine alan etiket
</navbar>
</header>
<content>
Sitemizi anlatan yazıların içeriğin olduğu bölümü içeren etiket
</content>
<footer>
Sitemizin en alt kısmı(Küçük fontla yazılmış butonların (iletişim,site haritası.. gibi)) ve copyright yazısını içine alan etiket
<nav>
Küçük fontla yazılmış butonların (iletişim,site haritası.. gibi) içinde olduğu bölüm
</nav>
</footer>
</container>

</body>
</html>

 

          center, frameset, frame, strike, u, basefont.. Bu etiketlerin artık kullanılmamasının sen büyük sebebi hiçbir ek özelliklerinin kalmamış olmasıdır. Bu da demek oluyor ki biz bu etiketlerle yaptığımız herşeyi div oluşturarak (CSS’lerle) yapabiliriz.
          Ben de hiçbir zaman bu etiketleri sayfalarımı hazırlarken kullanmadım, divlerle her işimi halledebiliyordum, ta ki HTML5′in çok özellikli etiketleri çıkana kadar.
          Ayrıca belirtmek isterim ki bu HTML5 etiketlerinin de bir kısmının görevini yine div oluşturarak karşılayabiliriz, ama(!) ben yine de etiketleri kullanmaktan yanayım çünkü google gibi arama motorları yenilikçi sayfaları sever,eğer sayfamızın kodlarında yeni etiketleri kullanırsak bunun googleda üst sıralara çıkmamıza bir nebze faydası olacaktır.

 

          canvas, progress, footer, article, command, time, section, embed, nav, header, summery, time..
          Tabi ki HTML5 etiketleri bunlarla sınırlı değil ama biz yeri geldikçe diğerlerinden de ve ne işe yaradıklarından bahsedeceğiz..

Ağu 192011
 

Aşağıda görecek olduğumuz kod bir websayfasi.html dökümanının ham (el değmemiş) halidir.Sayfamızda yer alacak linkler,resimler,videolar,müzikler,renkler,yazılar;yeri geldiği zaman javascript kodları sayfayı tanımlayan meta tagları isteğimize göre bu sayfanın içinde kendilerine yer bulacaktır. İlk olarak bunu yazmamın sebebi ise ileride html hakkındaki yazdıklarıma temel oluştursun ve de gözümüzün önünde her zaman için en basit haliyle bir taslak bulunması içindir.

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!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>Untitled Document</title>
</head>
<body>

</body>
</html>

© 2012 Toprak Erzurumluoğlu Suffusion theme by Sayontan Sinha