Siteniz için iyi reklam geliri sağlamanıza yardımcı olacak bir reklam şirketidir. Aşağıdaki linkten direkt olarak siteye ulaşabilir ve sitenize reklam almak için ilk adımı atabilirsiniz.

 

          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.

 

          Photoshop CS5 gözlerinizi ovalayıp yeniden ekrana bakmanıza sebep olan özelliği content-aware’den bahsetmek istiyorum şimdide nedir ve nasıl kullanılır?
          Elimizde çok güzel bir manzara fotoğrafı var ama hiç istemediğiniz birşey görüntüyü tamamiyle bozuyor ya da arkadaşlarınızla olan bir fotoğraftan birini çıkartmak istiyorsunuz (bu kimi durumlarda kendiniz de olabilirsiniz:) ) o zaman content-aware bizi bu dertten kurtarmaya yetiyor. Nasıl mı kullanılıyor işte bu oldukça basit! Düzenlemek istediğimiz fotoğrafı Photoshop CS5 programımızda açıyoruz ve silmek istediğimiz alanı gayet kabaca tamamını alacak şekilde seçiyoruz, ardından delete tuşuna basıyoruz. 2 numaralı resimde görüldüğü gibi menülerimizi ayarlayıp ok tuşuna basıyoruz. Hayretle Photoshop’un neler yaptığını artık görebiliriz.

 

          Bir çok programda yapılabilen fakat en rahat kullanımlı ve kolay anlaşılır tekniğiyle Illustrator’a konulmuş olan çoklu stroke özelliğini şimdi sizler için en açık ve anlaşılır şekilde anlatacağım, yaptığımı aynı şekilde benimle beraber tekrarlarsanız yapamamanız için hiçbir neden yok. Haydi hepimize kolay gelsin..

1- Boş bir Illustrator dökümanını açtık.
2- Type Tool ile yazımızı yazdık.
3- Window panelinden Appearance’ı seçtik.
4- Type No Appearance’a tıklayıp type’ı seçiyoruz.
5- Alttaki 6 menüden en soldaki Add New Stroke’tan istediğimiz kadar stroke ekleyip renk ve kalınlık değerini belirliyoruz (kalınlık değeri verirken alttaki strokelara üsttekinden daha fazla kalınlık verelim ki arkada kalan görünebilsin.)
6-Ve bu kadar işlemimiz sona erdi yazımıza istediğimiz kadar renk ve stroke değeri ekledik. İstediğimiz stroke’u sürekleyerek üst ya da alt sıraya taşıyabiliriz.

 

          Hepimiz görmüşüzdür, şehir tanıtımlarında, eni sabit ama boyu oldukça uzun şehrin 360 derecelik fotoğrafını. İşte ben de şimdi elimizdeki normal fotoğrafları Photoshop CS5 sayesinde panoramik tek fotoğraf haline nasıl getiririz ondan bahsedeceğim.
          Panoramik yapmak istediğimiz fotoğrafın özelliklerini kısaca anlatayım.. Mesela iki adet manzara fotoğrafını birleştireceğiz. Öncelikli hedefimiz bu iki fotoğrafın hemen hemen aynı noktadan çekilmiş farklı açılarla ve ikisinin de beraber sahip olduğu ortak bir alan olması gerekmektedir. Kısacası birinci fotoğrafımızı çektikten sonra biraz dönüp ikinciyi çekmiş olacağız. Şimdi gelelim bu iki fotoğrafı nasıl birleştireceğimize, bu işlem de oldukça basit.

Photoshop CS5 programını açtık
File – Automate – Photomerge… Seçtik
Soldaki Layout menüsünden istediğimizi seçtik (duruma göre)
Browse… diyip fotoğraflarımızı seçtik
Ve OK dedik.
İşte bu kadar! Gerisini Photoshop CS5 halledecek.

 

<! 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>

 

           Uzun zamandır açık olan fakat pek ilgi gösteremediğim kendi kişisel sayfamı geliştirmeye ilk olarak sayfamın içine bir blog kurmayla başladım. Bu bloğu kurmamın sebebi Grafik & Web konusunda kazanmış olduğum bilgi birikimimi okurlarımla paylaşmaktır. Okuldan ve işten fırsat buldukça beni takip edenleri yazdıklarımla memnun etmek istiyorum, temennim benim bilip de okurlarımın bilmediği herhangi bir konuda onları aydınlatmaktır.
           Henüz yeni bir blog olması ve bunun sebebiyle takipçim olmadığı için hoşgeldim demek istiyorum kendi kendime…

© 2012 Toprak Erzurumluoğlu Suffusion theme by Sayontan Sinha