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

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

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

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

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

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

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

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

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

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

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

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

 

В других местах

WEBERLY.RU © 2009 - 2017
Словарь терминов (глоссарий). Теги: Веб студия, создание сайта под ключ, дизайн сайта, разработка сайта, верстка сайта, продвижение сайта, поддержка сайта, создание интернет магазина, разработка мобильных приложений, создание дизайна сайта, доработка сайта, cоздание мобильных приложений, обслуживание сайта, сопровождение сайта, стоимость создания сайта, техподдержка сайта, разработка приложений для android, разработка приложений для ios, интернет магазин под ключ, дизайн студия создание сайта, создание веб сайтов, сайт под ключ.

Остались вопросы?

+7 /499/ 677-55-23
info@weberly.ru

ЗАДАТЬ ВОПРОС
Нашли ошибку?

Наши партнеры

umi.cms

UMI.CMS

Webasyst Shop-script

WebAsyst

1C-Bitrix

1C-Bitrix

UniSender

UniSender

SendPulse

SendPulse

Алиэкспресс

Aliexpress

Reg.ru

Reg.ru

Задарма

Zadarma

FirstVDS

FirstVDS

МойСклад

МойСклад

свободное место

свободное место