Вёрстка сайта — подразумевает создание такой структуры сайта, которая корректно отображает содержимое в разных браузерах (кроссбраузерность). Чаще всего вёрстка производится по готовым шаблонам (макетам). Структура, созданная по макету,в дальнейшем будет определять отображение графической и текстовой информации будущего сайта.
При создании сайта используют табличную, или блочную вёрстку. Блочная верстка более прогрессивна и имеет ряд преимуществ перед табличной версткой сайтов.
Применение слоев, идентичных тем, что можно встретить в программе Adobe Photoshop, для верстки веб-документов даёт веб-мастерам почти неограниченные возможности. Но между сторонниками табличной верстки и поклонниками слоев бушуют нешуточные страсти. Всё дело в том, что таблицы хоть и имеют недостатки, но простота их освоения, как метод верстки, пользуется большой популярностью у начинающих веб-мастеров, да и профессионалы, иногда, применяют табличную верстку на сайте. По этой причине таблицы и слои считаются конкурентами. Сейчас, ажиотаж вокруг слоев немного спал, и настало время посмотреть — достойны ли слои в соперники табличной верстке.
Слои — это элементы HTML-кода, которые можно вставлять в веб-страницу путем размещения их одного за, под, или над другим, с точностью до одного пикселя. Изменения параметров слоя вносятся по-разному: с использованием скриптов типа JavaScript или VBScipt, или средствами CSS. Благодаря этому, становится возможным применять на страницах сайта различные эффектов: плавающие окна, выпадающее меню, наложение споёв друг на друга и другие.
Слой задается (чаще всего) тегом <div>, а для определения его позиции, требуются атрибуты отступов от верхнего и левого края границы экрана браузера (left и top) и z-index — место расположения данного отдельного слоя в заданных координатах, при этом слой с большим значением помещается сверху.
К достоинствам блочной(DIV-ной) верстки можно отнести:
Сравнительно небольшой вес веб-страницы
Большие возможности оптимизации кода для поисковых систем
Значительно большая простота и понятность кода, с помощью преимуществ CSS
Возможность указывать положение слоев на веб-странице с точностью до пиксела
НО у слоёв есть и недостатки:
Необходимо знание языков и технологий веб-программирования – JavaScript, CSS, и др.
Различное отображение сайта, при верстке слоями веб-браузерами.
Некоторые проблемы редактирования страниц со слоями в графических и html-редакторах.
Как Вы видите, вёрстка слоями практически не ограничивает фантазию веб-мастера, но она сложна в исполнении, без должных знаний и навыков. К тому же в них отсутствует единый стандарт восприятия веб-браузерами . Посему, никто не даёт гарантии, что сверстанный на слоях сайт, будет одинаково выглядеть и в Internet Explorer, и в Opera.Поэтому до сих пор не отказываются от использования вёрстки на таблицах. НО, вполне очевидно, что у верстки слоями больше плюсов, если устранить разночтения в веб-браузерах.