После того как создается дизайн сайта, а также приготовлены все необходимые функциональные модули, нужно соединять все это воедино. Именно это процесс соединения всех компонентов и модулей в единые веб-страницы и называются версткой сайта.

Таким образом, верстка сайта – это последний этап разработки веб-дизайна, на котором уже создается вся структура ресурса, которая и будет определять отображение графических элементов, текста и других компонентов.

Разделяют два типа верстки сайта: резиновая — изменяемая, а также фиксированная – жесткая верстка сайта. Резиновая верстка дает возможность изменять, к примеру, размеры элементов страницы, что позволяет подстраиваться под определенное разрешение монитора. Если используется жесткая верстка сайта, то все его элементы остаются всегда одного размера, независимо от размера или формы монитора пользователя.

Верстать сайт на сегодняшний день можно разными способами. Давайте рассмотрим некоторые из них.

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

1. Табличная верстка сайта – когда структура веб-страницы представляется в виде таблицы. Каждый из элементов страницы вставляется в ячейку или является ячейкой таблицы. Табличная верстка является достаточно удобной и широко используемой верстальщиками, однако она далеко не всегда способна удовлетворить потребности сайта.

2. Блочная верстка сайта – еще ее называют версткой дивами (от тега «div»). Этот способ верстки веб-страниц хорош краткостью кода, большой скоростью загрузки страницы и другими преимуществами.

CSS-верстка сайта – хоть и некоторые выделяют ее в отдельный процесс, все-таки каскадные таблицы CSS-стилей используют практически при любой верстке. Именно каскадные таблицы CSS могут определять внешний вид страниц сайтов, которые написаны языком разметки XHTML, XML, HTML.

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

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

2. Глобальные стили, как правило, должны описываться в теге еще в заголовке страницы. Эти стили применяемы только для одной конкретной страницы.

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

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

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

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

Обратившись в солидную веб-студию, вам смогут разработать дизайн, а затем и качественно сверстать хороший сайт.