style.css
body {
background-color:#b4b4b4;
margin:0;
padding:0;
text-align:center;
font-family:Sans;
font-size:12px;
color:#555555;
}
#sayfa {
width:770px;
margin:auto;
padding:auto;
text-align:left;
}
#baslik {
width:770px;
height:70.5px;
background-image:url(tema_resimler/ustbar.png);
clear:both;
}
#linkmenu {
width:770px;
height:30px;
background-image:url(tema_resimler/menubar.png);
clear:both;
}
#anabolge {
width:960px;
clear:both;
}
#icerik {
float:left;
width:755px;
padding-left:15px;
background-image:url(tema_resimler/genelsayfa.png);
}
#logo
{
padding-left:15px;
}
#linkmenu a {
padding-left:15px;
padding-right:15px;
height:25px;
float:left;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-top:5px;
}
#altlik {
width:770px;
height:80px;
background-image:url(tema_resimler/altbar.png);
clear:both;
}
#altlik p {
padding-top:30px;
color:#FFFFFF;
padding-left:50px;
line-height:20px;
}
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>websayac.com</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
<html>
<head>
</head>
<body>
<div id="sayfa">
<div id="baslik">
<div id="logo"><img src="tema_resimler/logo.png" alt="websayac,web-sayac"</div>
</div>
<div id="linkmenu">
<a href="#">Ana sayfa</a>
<a href="#">Hakkında</a>
<a href="#">Dersler</a>
<a href="#">Forum</a>
<a href="#">İletişim</a
</div>
<div id="anabolge">
<div id="icerik">
<p>HÜRRİYETE DOĞRU<p/>
<p>
Gün doğmadan,<br/>
Deniz daha bembeyazken çıkacaksın yola.<br/>
Kürekleri tutmanın şehveti avuçlarında,<br/>
İçinde bir iş görmenin saadeti,<br/>
Gideceksin<br/>
Gideceksin ırıpların çalkantısında.<br/>
Balıklar çıkacak yoluna, karşıcı;<br/>
Sevineceksin.<br/>
Ağları silkeledikçe<br/>
Deniz gelecek eline pul pul;<br/>
Ruhları sustuğu vakit martıların,<br/>
Kayalıklardaki mezarlarında,<br/>
Birden<br/>
Bir kıyamettir kopacak ufuklarda.<br/>
Denizkızları mı dersin, kuşlar mı dersin;<br/>
Bayramlar seyranlar mı dersin,<br/>
Şenlikler cümbüşler mi?<br/>
Gelin alayları, teller, duvaklar,<br/>
Donanmalar mı?<br/>
Heeey<br/>
Ne duruyorsun be, at kendini denize:<br/>
Geride bekliyenin varmış, aldırma;<br/>
Görmüyor musun, Her yanda hürriyet;<br/>
Yelken ol, kürek ol, dümen ol, balık ol, su ol;<br/>
Git gidebildiğin yere...<br/>
</p>
<p>Orhan Veli KANIK</p>
</div>
</div>
<div id="altlik">
<p>Deneme</p>
</div>
</div>
</body>
</html>
thanks