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

Это уже почти готовый сайт, его оцифрованный дизайн. Она выглядит так же, как макеты страниц, однако на ней всё работает: слайдеры, фотогалерея и анимация.

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

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

Что такое верстка сайта

На программном уровне она представляет собой набор взаимосвязанных html, css и js файлов, которые в совокупности образуют работающий сайт.

Заказанная вёрстка и её html-код

Фрагмент заказанной верстки и ее html-код

Как отличить качественную верстку от некачественной

Если Вы не разбираетесь в данном вопросе, то:

  • Первым делом посмотрите на нее с компьютера и на макет: они не должны отличаться друг от друга: цвета, расположение блоков, шрифты и всё остальное должно выглядеть также как на картинках с дизайном. Если Вы заказали адаптивную вёрстку — то то же самое необходимо проделать со смартфона и планшетного компьютера.
  • Откройте готовую html-вёрстку в разных браузерах, например в Internet Explorer и Google Chrome – между ними также не должно быть различий. Это называется кроссбраузерность.
  • Измените размер окна браузера, растяните его на всю ширину экрана, а затем плавно уменьшайте ширину до минимума. Во время этого процесса расположение всех блоков на странице должно сохраняться неизменным (за исключением адаптивного дизайна).
  • Понажимайте на ссылки, кнопки и формы — всё должно работать и адекватно реагировать на Ваши действия.
  • Если Вы знаете, как просмотреть код элемента в браузере — то попробуйте добавить или удалить текст в параграфах. Изменяться должен только размер параграфа (до разумных пределов), верстка от этого разваливаться не должна.

Если по информатике у Вас всегда была пятерка и Вы знаете такие «страшные» слова, как скрипт, тег и другие, то вдобавок к вышеописанному:

  • загрузите готовую страницу в валидатор и убедитесь что количество ошибок минимально. Исключить ошибки полностью иногда бывает невозможным, но основные (незакрытые теги, дублирование id и т.п.) должны быть исправлены.

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

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

Какая вёрстка Вам нужна

Если у Вас имеются psd-макеты страниц будущего сайта под одно разрешение экрана — то Вам требуется стандартная кроссбраузерная валидная вёрстка.

Если макеты выполнены для разных разрешений экрана или для одного но при этом Вы хотите, чтобы сайт видоизменялся для планшетов и смартфонов — то помимо всего прочего она должна быть адаптивной.

При высокой сложности дизайна желательно выполнить pixel perfect — это высокая точность ее исполнения, соответствие макету пиксель в пиксель.

Это основной минимум, который необходимо знать для того, чтобы заказать вёрстку сайта, которая будет соответствовать Вашим ожиданиям. Для того чтобы заказать её у нас — оставьте заявку на сайте и мы свяжемся с Вами в течении рабочего дня для обсуждения задачи.

Заказать верстку

Ответы на вопросы:

На срок выполнения работ влияет: количество страниц и технические требования к ним. Стандартная верстка лэндинга занимает примерно 3 дня, адаптивного интернет-магазина - около 2 недель.

Да, стандартно под последнюю версию, но если требуется поддержка более старых версий, особенно IE 9 и IE 8 - об этом следует предупредить до осуществления заказа, т.к. это увеличит стоимость работ.

Да, можно.