Css ile Web Sitesi Sayfa Tasarımı

Günümüzde web tasarımda işimizi kolaylaştıran, olmazsa olmazlardan css ile web tasarım yapalım..
Dreamweawer yada her hangir bir editör programından yeni sayfa açalım ve bu sayfa adını index.html olarak kaydedelim. Ve aşağıdaki kodları index.html diye kaydedin. Bu işlemi yapmak için notdefteride işinizi görecektir..

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="780" align="center">
<tbody>
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="780">
<tbody>
<tr>
<td colspan="3" rowspan="2"><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="spacer" height="15" />
<input name="textfield" size="13" type="text" />
<input name="textfield2" size="13" type="text" />
<input name="Submit" type="submit" value="Login!" /></td>
<td style="font-size: 9px; color: #afafaf; padding-top: 3px;" colspan="4">Denqesiz.Com</td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="1" width="1" height="25" /></td>
</tr>
<tr>
<td colspan="4" rowspan="2"></td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="1" width="1" height="15" /></td>
</tr>
<tr>
<td colspan="3"><img usemap="#Map" src="http://www.zymic.com//free-templates/live-previews/121/images/top_logo.gif" border="0" alt="logo" width="368" height="83" /></td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="1" width="1" height="83" /></td>
</tr>
<tr>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">Anasayfa</span></span></span></a></td>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">LİNK ADI</span></span></span></a></td>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">LİNK ADI</span></span></span></a></td>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">LİNK ADI</span></span></span></a></td>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">LİNK ADI</span></span></span></a></td>
<td><a href="http://www.denqesiz.com/"><span style="font-size: 20;"><span style="font-family: Times New Roman;"><span style="color: #ffffff;">LİNK ADI</span></span></span></a></td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="1" width="1" height="41" /></td>
</tr>
<tr>
<td colspan="7" valign="top"><img src="http://www.zymic.com//free-templates/live-previews/121/images/header_11.gif" alt="header" width="779" height="24" />
<table border="0" cellspacing="8" cellpadding="0" width="100%">
<tbody>
<tr>
<td width="152" valign="top"><img src="http://www.zymic.com//free-templates/live-previews/121/images/navigation.gif" alt="navigation" width="152" height="26" />
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td><a href="ADRES">Anasayfa</a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI</a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI</a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI</a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI</a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI </a></td>
</tr>
<tr>
<td><a href="ADRES">LİNK ADI</a></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>Statistics</td>
</tr>
<tr>
<td><!--START STATS BOX CONTENT -->
<table border="0" cellspacing="0" cellpadding="0" width="90%" align="center">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
<!--END STATS BOX CONTENT --></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/bottom_col_foot.gif" alt="footer" width="152" height="7" /></td>
</tr>
</tbody>
</table>
</td>
<td width="368" valign="top">
<div>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>Merhaba</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="97%" align="center">
<tbody>
<tr>
<td><code>
</code></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

alıntı