Верстка - это технический процесс преобразования статичных картинок (макетов дизайна) в формат понятный браузерам (html страницы).

Существует несколько базовых требований к результату верстки:

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

В зависимости от требований к проекту, которые рождаются после маркетингового исследования, можно понять, какая техника верстки сайта будет оптимальной.
В первую очередь Вы должны представлять портрет целевого посетителя сайта.
Будет ли он пользоваться мобильными гаджетами, такими как смартфон, планшет, smart-watch при просмотре Вашего сайта?
А что на счет больших мониторов? Retina дисплей? SmartTV?

Техники верстки бывают следующие:

• Статичная верстка - сайт выглядит одинаково на всех разрешениях экрана и устройствах. В зависимости от разрешения пользователь будет вынужден приближать или отдалять страницы. Это самый простой, недорогой и распространёный вариант.
• Резиновая верстка - задаем диапазон разрешений, с которых пользователь будет наиболее часто просматривать сайт. Например 1024px-1920px. При таком подходе верстка будет растягиваться и сужаться, отсюда и такое название - резиновая верстка.
• Адаптивная верстка - метод, при котором блоки сайта подстраиваются друг под друга, тем самым упрощаем восприятие на отличных от основного разрешения экрана (для eccomerce проектов за основу обычно берётся большая версия, а для малых разрешений подстраивается. Но так же есть подход mobile first, когда основная аудитория использует мобильные гаджеты при просмотре экрана)
• Комбинированная верстка совмещает в себе подход резиновой и адаптивной верстки

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

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

Специалисты нашей студии занимаются версткой уже более 10 лет и совершенствуются в этом деле по сей день.

Присылайте нам свои макеты для оценки верстки проекта и укажите желаемую технику, описанную выше.

Заказать консультацию