ben adobe photshopta bır tane css tasarım yaptım kafam gore ben bu tasarımı nasıl kodlara ayıracagım
yanı tasarım ustune tasarımın altına css koduna gore nasıl ayıracagım
bilen varsa yardım edebılırmı
cok acıl
bu tasarımın kodlarını ayıracagım
http://img140.imageshack.us/img140/3280/adszpdr.jpg
bu da tasarımın kodları bunu nasıl ayıracagım
<html>
<head>
<title>Başlıksız-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<style type="text/css">
<!--
body,td,th {
color: #000;
}
body {
background-color: #7C2B1A;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Başlıksız-1.psd) -->
<table id="Tablo_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" rowspan="2">
<img src="images/Başlıksız-1_01.gif" width="89" height="106" alt=""></td>
<td colspan="12">
<a href="index.php">
<img src="images/Başlıksız-1_02.gif" width="647" height="99" border="0" alt=""></a></td>
<td colspan="4" rowspan="10">
<img src="images/Başlıksız-1_03.gif" width="64" height="187" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/Başlıksız-1_04.gif" width="647" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/Başlıksız-1_05.gif" width="27" height="65" alt=""></td>
<td colspan="2" rowspan="5">
<a href="index.php">
<img src="images/Başlıksız-1_06.gif" width="168" height="36" border="0" alt=""></a></td>
<td colspan="5" rowspan="2">
<img src="images/Başlıksız-1_07.gif" width="374" height="8" alt=""></td>
<td rowspan="6">
<img src="images/Başlıksız-1_08.gif" width="5" height="43" alt=""></td>
<td colspan="5">
<img src="images/Başlıksız-1_09.gif" width="162" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/Başlıksız-1_10.gif" width="34" height="60" alt=""></td>
<td colspan="4" rowspan="3">
<a href="index.php?Git=İletişim">
<img src="images/Başlıksız-1_11.gif" width="128" height="24" border="0" alt=""></a></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Başlıksız-1_12.gif" width="92" height="2" alt=""></td>
<td rowspan="3">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_13.gif" width="220" height="28" border="0" alt=""></a></td>
<td rowspan="5">
<img src="images/Başlıksız-1_14.gif" width="62" height="57" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_15.gif" width="25" height="55" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_16.gif" width="28" height="33" alt=""></td>
<td rowspan="4">
<img src="images/Başlıksız-1_17.gif" width="39" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="images/Başlıksız-1_18.gif" width="128" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_19.gif" width="168" height="29" alt=""></td>
<td rowspan="2">
<img src="images/Başlıksız-1_20.gif" width="220" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Başlıksız-1_21.gif" width="28" height="22" alt=""></td>
<td>
<img src="images/Başlıksız-1_22.gif" width="5" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/Başlıksız-1_23.gif" width="16" height="429" alt=""></td>
<td colspan="10" rowspan="8" valign="top"> </td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/Başlıksız-1_25.gif" width="5" height="413" alt=""></td>
<td colspan="5">
<a href="index.php?Git=Css Tasarım">
<img src="images/Başlıksız-1_26.gif" width="175" height="18" border="0" alt=""></a></td>
<td colspan="2" rowspan="6">
<img src="images/Başlıksız-1_27.gif" width="12" height="221" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Başlıksız-1_28.gif" width="175" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Başlıksız-1_29.gif" width="7" height="182" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Dersler">
<img src="images/Başlıksız-1_30.gif" width="116" height="17" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="images/Başlıksız-1_31.gif" width="52" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_32.gif" width="116" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Başlıksız-1_33.gif" width="2" height="149" alt=""></td>
<td colspan="2">
<a href="index.php?Git=Hakkımda">
<img src="images/Başlıksız-1_34.gif" width="138" height="17" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/Başlıksız-1_35.gif" width="28" height="149" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Başlıksız-1_36.gif" width="138" height="132" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="132" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Başlıksız-1_37.gif" width="180" height="175" alt=""></td>
<td rowspan="3">
<img src="images/Başlıksız-1_38.gif" width="7" height="192" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="171" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/Başlıksız-1_39.gif" width="592" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Başlıksız-1_40.gif" width="180" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="220" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="114" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
