<table width="100%" border="1px">
<tr height="150px">
<td width="20%" >ЛОГОТИП</td>
<th width="60%">Название сайта</th>
<td width="20%">Реклама</td>
</tr>
<tr>
<td colspan="3">
<table width="100%" border="1px">
<tr height="40px">
<th width="17%">Главная</th>
<th width="17%">Первая</th>
<th width="16%">Вторая</th>
<th width="16%">Третья</th>
<th width="17%">Четвёртая</th>
<th width="17%">Пятая</th>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<table width="100%" border="1px">
<tr height="600px">
<td width="70%">Основное содержимое</td>
<td width="30%">Правая колонка</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<table "width=100%" border="1px">
<tr height="40px">
<td width="33%">Владелец ресурса</td>
<td width="34%">Правили перепечатки</td>
<td width="33%">электронный адрес</td>
</tr>
</table>
</td>
</tr>
</table> |
Здесь вы можете видеть примерный вариант табличной вёрстки. Понятно, что границы можно убрать (тег border), добавить фоновые рисунки и цвет, и само собой текстовое наполнение или иначе контент. Кроме того, размеры заданные в процентах можно перевести в пиксели, тогда ширина таблиц будет фиксированная, и если она окажеться больше разрешения экрана, внизу появиться полоса прокрутки.
Чёрным цветом выделено всё, что относится к главной таблице. Синим, красным и зелёным выделены три разные подтаблицы. Первая формирует горизонтальное меню сайта, вторая основную часть, третья так называемый подвал. Как мне кажется всё достаточно ясно, просто и наглядно. Дальше пусть работает фантазия автора.
|
