Верстка сайта

Одним из важнейших этапов создания сайта является его верстка. Этот процесс происходит после того, как выполнены все предшествующие работы — разработан дизайн, структура страниц, решены вопросы навигации и определено размещение всех блоков. То??есть, фактически, верстка является переносом готового макета сайта в код HTML, дополненный всеми необходимыми вспомогательными средствами — каскадными таблицами стилей CSS, скриптовым языком программирования Javascript и т.д.

Относительно разных точек зрения, можно выделить сле??ующие типы верстки:

По виду отображения информации:

  1. Фиксированная верстка, которую также называют статической
  2. Резиновая верстка, иначе известная как тянущаяся
  3. Адаптивная верстка

Выбор между адаптивной и фиксированной версткой разработчик сайта делает на основании того, для каких нужд будет использоваться страница. Статическая верстка не меняет размеры элементов сайта (ширину страницы), при этом страницы с тянущейся версткой как бы «подстраиваются» под размеры окна браузера. Естественно, что второй тип более сложен, так как разработчику приходится решать задачу, чтобы страницы выглядели хорошо при различном разрешении экрана. Также, резиновая верстка увеличивает объем необходимого тестирования для сайта.

Отдельно стоит отметить адаптивный тип, также известный как респонсивный. Это современная верстка сайта, при которой учитывается не только отображение страниц на экране компьютера, но и на дисплеях смартфонов, планшетов и других устройств, включая портретную и альбомную ориентацию. Иначе говоря, адаптивная верстка включает в себя верстку для десктопа и верстку мобильной версии сайта. Конкретные устройства (или группы устройств), под которые разработчик должен сделать адаптив, указываются на этапе утверждения задания на разработку сайта.

Некачественная верстка сайта может свести на нет все усилия дизайнеров и разработчиков, так как часть (или большинство) элементов может отображаться неправильно, что отобьет у посетителя желание вновь зайти на Ваш сайт. Именно поэтому законченную верстку нужно тщательно протестировать, и лишь после этого публиковать ресурс на хостинге для публичного доступа.