html dersleri 6 – örnek html site yapımı


Selamun Aleyküm, bugün önceki 5 html dersinden neler öğrendik bu “html kodları” ile neler yapabiliriz bir bakalım. Html konularımı açmadan evvel bir web sitesi yapmak için gerekenleri anlatan konumuza buraya tıklayarak ulaşabilirsiniz.

Yayınladığım 5 html dersi ile basit yani güncelleme özelliği olmayan ve sade bir web sitesi yapabilecek kadar bilgiye ulaştığınızı düşünüyorum ve bugün bu bilgiler ile bir web sitesinin anasayfasını birlikte yapacağız.


<html>
<head>
<title>Html Dersleri 6</title>
</head>
<body bgcolor="888888">

<table width="900" height="40" bgcolor="444444" align="center">
<tr>

<td align="center">
<font color="ffffff">
Ana sayfa
</font>
</td>

<td align="center">
<font color="ffffff">
Hakkımızda
</font>
</td>

<td align="center">
<font color="ffffff">
Referanslarımız
</font>
</td>

<td align="center">
<font color="ffffff">
İletişim
</font>
</td>

<td align="right">
<input type="text"> <input type="submit" value="Ara">
</td>

</tr>
</table>

<table width="900" align="center">
<tr>

<td>
<img src="resim.jpg" width="900" height="300">
</td>

</tr>
</table>

<table width="900" align="center" bgcolor="ffffff">
<tr>

<td width="640" border="0">
<font color="000000" size="4">
<center>Yazı Başlığı</center>
</font>
<br>
<font color="444444" size="2">
<img src="resim.jpg" width="245" align="left">
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
</td>

<td width="2">
</td>
<td width="1" bgcolor="999999">
</td>
<td width="2">
</td>

<td width="250">
<font color="000000" size="4">
<center><b>Duyurular</b></center>
<hr>
</font>
<br>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.
<hr>

<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.

<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.


<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.

<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.

</td>

</tr>
</table>

<table width="500" height="30" align="center">
<tr>

<td align="center">
Örnek Şirket 2015 |  Sitenin Tüm Hakları Saklıdır.
</td>

</tr>
</table>

</body>
</html>

Görüldüğü üzere sadece html kodları kullanarak bir html index yapımını gerçekleştirdik.

kodların browser de nasıl durduğunu görmek için tıklayınız

Bir önceki yazımız olan html dersleri 5 - facebook header yapımı başlıklı makalemizde facebook header, header kodları ve html dersleri hakkında bilgiler verilmektedir.

html dersleri 6 – örnek html site yapımı ile Benzer Yazılar:

7 Mart 2015 Saat : 11:46

“html dersleri 6 – örnek html site yapımı” için 6 Yorum

  1. Emin A. diyor ki:

    Merhabalar bu kodları nereye yazacağız ben not defğterine yazıp internet explorer ile açtım

  2. egemen san diyor ki:

    hakıındaya çıktınmı yeni sayfa açma girince bilgi yazacak bide iletişime tklanacak abi yardımcı olda yapalım

    • admin diyor ki:

      9. dersde hakkında olayını anlattık dersleri takip edersen 10. dersi de iletişim sayfası olarak vericem zaten.

  3. Emirhan Adanur diyor ki:

    içerik kısmını yazarken oluşturduğum tablonu dışına çıkıyor yazılar artı başlığımda ortalamama rağmen yazılar kaydığı için otomatik olarak kayıyor yardım.

html dersleri 6 – örnek html site yapımı Yazısı için Yorum Yapabilirsiniz

jquery kodları Son Yazılar