Вёрстка сайта

Вёрстка сайтаВёрстка сайта — подразумевает создание такой структуры сайта, которая корректно отображает содержимое в разных браузерах (кроссбраузерность). Чаще всего вёрстка производится по готовым шаблонам (макетам). Структура, созданная по макету,в дальнейшем будет определять отображение графической и текстовой информации  будущего сайта.

При создании сайта используют табличную, или блочную вёрстку.  Блочная верстка более прогрессивна и  имеет ряд преимуществ перед табличной версткой сайтов.

Применение слоев, идентичных тем, что можно встретить в программе Adobe Photoshop, для верстки веб-документов даёт веб-мастерам почти неограниченные возможности. Но между сторонниками табличной верстки и поклонниками слоев бушуют нешуточные страсти. Всё дело в том, что таблицы хоть и имеют недостатки, но простота их освоения, как метод верстки, пользуется большой популярностью у начинающих веб-мастеров, да и профессионалы, иногда, применяют табличную верстку на сайте. По этой причине таблицы и слои считаются конкурентами. Сейчас, ажиотаж вокруг слоев немного спал, и настало время посмотреть — достойны ли слои в соперники  табличной верстке.

Слои — это элементы HTML-кода, которые можно вставлять в веб-страницу путем размещения их одного за, под, или над другим, с точностью до одного пикселя. Изменения параметров слоя вносятся по-разному: с использованием скриптов типа JavaScript или VBScipt, или средствами CSS. Благодаря этому, становится возможным применять на страницах сайта различные эффектов: плавающие окна, выпадающее меню, наложение споёв друг на друга и другие.

Слой задается (чаще всего) тегом <div>, а для определения его позиции, требуются атрибуты отступов от верхнего и левого края границы экрана браузера (left и top) и z-index — место расположения данного отдельного слоя  в заданных координатах, при этом слой с большим значением помещается сверху.

К достоинствам блочной(DIV-ной) верстки можно отнести:
Сравнительно небольшой вес веб-страницы
Большие возможности оптимизации кода для поисковых систем
Значительно большая простота и понятность кода, с помощью преимуществ CSS
Возможность указывать положение слоев на веб-странице с точностью до пиксела

НО у слоёв есть и недостатки:
Необходимо знание языков и технологий веб-программирования – JavaScript, CSS, и др.
Различное отображение сайта, при верстке слоями веб-браузерами.
Некоторые проблемы редактирования страниц со слоями в графических и html-редакторах.

Как Вы видите, вёрстка слоями  практически не ограничивает фантазию веб-мастера, но она сложна в исполнении, без должных знаний и навыков. К тому же в них отсутствует единый стандарт восприятия веб-браузерами . Посему, никто не даёт гарантии, что сверстанный на слоях сайт, будет одинаково выглядеть и в Internet Explorer, и в Opera.Поэтому до сих пор не отказываются от использования вёрстки на таблицах. НО, вполне очевидно, что у верстки слоями больше плюсов, если устранить разночтения в веб-браузерах.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

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

Перед отправкой формы:
Human test by Not Captcha