5 1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 [1 Голос]

Основные виды верстки сайта

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

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

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

Основные виды верстки

Основные используемые виды верстки:

  1. Фиксированная верстка – размер всех элементов дизайна сайта задается в пикселях. При отображении ресурса на экране с меньшим разрешением для полноценного просмотра нужно использовать scroll. Верстка занимает минимальное количество времени. Из-за большого разнообразия разрешений современных экранов, крайне нежелательно ее применять.
  2. Резиновая верстка – все размеры задаются в процентном соотношении. Такой тип верстки более сложен в реализации, на небольших экранах элементы могут быть очень мелкими.
  3. Адаптивная верстка – в процессе верстки создаются контрольные точки, на ближайшие из которых без участия пользователя перемещаются элементы содержимого сайта. Фактически, разрабатываются несколько макетов сайтов, которые будут использоваться исходя из размера экрана. Тип верстки не позволяет предусмотреть все варианты отображения и учитывает только уже существующие разрешения цифровых устройств.
  4. Отзывчивая верстка – представляет собой улучшенную комбинацию из последних двух типов. Дизайн сайта не перемещается в заданные верстальщиком точки, а плавно изменяется в зависимости от разрешения экрана. Процесс верстки более трудоемкий, чем в предыдущем случае, но высока вероятность корректного отображения ресурса на вновь созданных гаджетах.

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

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

Разработано для Disqus