Различные виды верстки сайта

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

Сегодня применяются две основные системы верстки – табличная и блочная.

Блочная верстка на сегодняшний день является самой востребованной. По аналогии с Фотошопом она использует возможности сборки сайта из различных блоков или слоев, каждый из которых содержит те или иные элементы структуры сайта. Блоки описываются при помощи таблиц стилей (CSS). Любой требуемый блок может быть удален в любой момент вместе со стиранием или переносом информационного слоя.
Преимуществом блочной корректуры является небольшой по размеру код, меньший вес каждой страницы, такие веб-страницы хорошо индексируются поисковиками, а выполненные по этой технологии Интернет-страницы быстрее грузятся.


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


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

По макету способы верстки можно разделить на три принципиально различные группы:

• - Жёстко фиксированные макеты верстки страницы (Rigid fixed);
• - Макеты адаптивные растягивающиеся резиновые, могут включать дополнительные элементы (Adaptable fluid). При адаптивной - дизайн может подстраиваться под размер экрана монитора;
• - Макеты расширяемые эластичные, рассчитанные на практически безграничное добавление элементов (Expandable elastic).

Заказывая разработку сайта, типу верстки надо уделять особое внимание, обсуждая с веб-дизайнером все плюсы и минусы выбранного типа.