Таблично-каркасная верстка

Author Роман Чернышов    Category HTML     Tags Комментариев 2 Дата 5 Ноя

table Таблично каркасная версткаВ предыдущем посте я писал о некоторых преимуществах и в тоже время недостатках блочной верстки. Сейчас же я хочу немного рассказать о табличной верстке, вернее даже сказать о каркасной. Вы наверное уже задаетесь вопросом, что это такое вообще? На самом деле ничего необычного и сложного в этом нет.

В каркасной верстке для построения основной структуры сайта (шапка, левое меню, контент и подвал) используются таблицы, что по сути решает все проблемы которые мы часто встречаем при блочно подходе.

А именно:

  1. нет необходимости растягивать колонку меню во всю высоту — она просто тянется сама в зависимости от наполнения колонки контента.
  2. сама собой исчезает проблема с подвалом который нам в блочном варианте приходится подгонять под каждый браузер, выставляя свойства стилей? такие как отрицательный margin и т.д.
  3. нет проблем с созданием резиновой верстки или фиксированной, все достаточно просто
  4. одинаковое отображение во всех браузерах, даже в самых старых таких как ie5.5

Пример табличной — каркасной верстки:

<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th colspan=2>шапка сайта</th>
</tr>
<tr>
<th width="25%">менюшка</th>
<th width="75%">название статьи</th>
</tr>
<tr>
<td width="25%" valign="top">
<ul>
<li><a href="index.html" title="Ссылка">пункт меню 1</a></li>
<li><a href="index.html" title="Ссылка">пункт меню 2</a></li>
<li><a href="index.html" title="Ссылка">пункт меню 3</a></li>
</ul>
</td>
<td width="75%" valign="top">текст статьи</td>
</tr>
<tr>
<td colspan=3>подвал (копирайты, баннеры, сапа)</td>
</tr>
</table>

Более того, внутри получившихся ячеек (колонок) уже без каких либо трудностей можно применять блоки DIV.

В итоге получается, что для построения каркаса сайта мы использовали таблицы и все их преимущества , а для наполнения колонок применяем уже DIV, и уже в полном обилии получаем удовольствие от их уникальных свойств.

Естественно такой метод отлично подойдет для новичков, или для веб-мастеров которым просто лень замарачиваться и тратить время на подгонку структуры станицы в полностью блочном варианте. Но уже более опытные верстальщики всего скорее предпочтут не использовать такой подход.

2 комментария to “Таблично-каркасная верстка”

  • hookman 19.03.2011 в 2:23 дп

    Позвольте с Вами не согласиться 🙂 Именно каркасный подход будет использовать профессионал при вёрстке сайта такой структуры. Профессиональные верстальщики действуют логично. На качественную блочную вёрстку этой же конструкции нужно потратить втрое больше времени(кроссбраузерность, хаки итд). Чисто таблицами верстать тоже нет смысла из-за слишком большой вложенности. А каркасный подход это гарантия кроссбраузерности и экономия времени.

  • Роман Чернышов 19.03.2011 в 2:31 дп

    Возможно, но как и все я сужу по себе, и мое мнение, что блочная верстка дает фору табличной и каркасной, но сколько людей столько и мнений)

Оставить комментарий

О блоге и авторе

Добро пожаловать на блог веб-разработчика! На протяжении многих лет, начиная с 2009 года, я занимаюсь созданием специализированных сайтов, сервисов и крупных веб-порталов. Мною было создано несколько сотен сайтов, большинство из которых работают на ПО созданном под заказ, а также на готовом ПО которое я разрабатываю на протяжении всего периода моей деятельности. Это: CMS "Совместные покупки", CMS "osRealty", CMS "Спорт прогнозы" и многое другое.

На страницах моего блога вы найдете множество информации о программировании, о появлении новых разработок, сможете ознакомиться с товарами и услугами которые я предоставляю. А также сможете получить консультацию, заказать разработку сайта или приобрести готовое решение, для реализации собственного проекта.

Поиск по блогу
Категории
Архив
Новое на сайте
Блогеры пишут
  • Роман Чернышов: Для работы капчи на PHP 5.6, замените в файле class.captcha.php строку 264 $ifunc( $this -> i [...]
  • Роман Чернышов: Схема такая: 1) На сайте есть виртуальные кошельки (далее ВК) 2) При пополнении пользователем ВК, [...]
  • Александр: Может скрипт комментариев блокирует сообщения с кодом? Или как длинный текст не проходит?
  • Александр: Пытаюсь в который раз здесь показать код, но страница обновляется, и не сообщения, ни любого оповеще [...]
  • Роман Чернышов: Лично у меня интерес к продаже ссылок пропал уже давно. Преимущество сапы, это то - что ссылки можно [...]
Портфолио Все работы


www.detskiy-mir.net
www.detskydoctor.ru
www.betelit.ru
www.all-alliance.ru
www.videogonok.ru
www.carpfishing.by
www.property-greek.com
www.domcons.ru

с 2009 года по сегодняшний день, создано более 300 сайтов...