Кросс-браузерная и адаптивная верстка

Верстка

С середины 1990-х КБ77 занимается версткой, в те времена - полиграфической. Первые сайты в табличном дизайне были сверстаны в 1999-м году. На верстку с использованием каскадных таблиц стилей перешли в 2001-м, не прекращая при этом работу с полиграфическими материалами - каталогами, буклетами и пр. За эти годы наработан следующий подход к верстке:

  1. Mobile first  - в первую очередь сайт верстается для удобного просмотра с мобильных устройств;
  2. Адаптивная и кроссбраузерная верстка - одинаковый вид на любых устройствах с любыми браузерами;
  3. Использование шаблонизаторов и фреймворков -  короткие сроки работ и в случае необходимости упрощение обслуживание сайта силами заказчика (его сотрудники или фрилансеры)

Реализация п.3 позволяет впоследствии править внешний вид сайта любому человеку, знающему основные принципы верстки. При верстке сайтов Бюро использует фреймворки  Bootstrap v.5.0.1 и ZURB Foundation v.6.6.3.

Как правило верстка  происходит по дизайн-макету, сделанному в нашей студии. Утверждённый дизайн передаётся верстальщику, создающему HTML-страницы, которые можно просматривать с помощью браузера. По окончании верстки осуществляется тестирование на основных браузерах и в сервисах jigsaw.w3.org/css-validator, validator.w3.org и welldonecode.com/perfectpixel/.

После утверждения верстки готовые HTML-страницы передаются веб-разработчикам для добавления функционала.

Заказчик получает исходные файлы и дистрибутив, в который может вносить изменения любой человек мало-мальски знакомый с основами верстки. Достаточно иметь представление об основных HTML-тегах и атрибутах, понимать общие принципы CSS и типографики, знать какие бывают графические форматы. В общем-то вот и все. Вышеуказанный объем знаний доступен к пониманию в течение месяца.


"Кросс-браузерная и адаптивная верстка." Выполняем следующие работы и не только:

Верстка сайта по макету
Тип обслуживанияУдаленно
Скидкаотсутствует
Срокнеделя
40.000,00 руб.

Для успешной верстки макета сайта установлены правила:

  1. Макеты представлены для каждой страницы сайта в актуальных размерах по ширине (обычно 576, 768, 992 и 1200 пикселей);
  2. Макеты имеют единый цветовой профиль sRGB.
  3. Модульная сетка рассчитана на 8, 12, 16, 24 или 32 колонки;
  4. Любые эффекты Photoshop исключены, так же как и маски с корректирующими слоями. Каждый слой должен быть представлен картинкой. Активные элементы, такие как кнпоки или ссылки, дублируются изображениями дополнительных состояний. Фон на основе бесшовной текстуры продоставляется отдельным файлом.
  5. Шрифты используются системные или от Google Fonts, не более 7 шрифтов с учетом начертаний regular, semibold, bold.
  6. Для всех активных элементов (ссылки, кнопки, инпуты) нарисованы дополнительные состояния, помимо обычного  - hover, active, visited, focus, checked и disabled.

В дополнении к Техническому заданию следует отдельно прописать:

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

В случае соблюдения вышеприведенных правил верстка сайта осуществляется из расчета 1 день на страницу, как правило - одна неделя для стандартного сайта, состоящего из "Главной страницы", страницы "Контакты", текстовых страниц, страниц-галереи, страниц продукта/товара/услуги.


Верстка по готовому шаблону
  • Метки:
Тип обслуживанияУдаленно
Скидкаотсутствует
Срокнеделя
0,00 руб.

Верстаем сайты по готовым шаблонам либо по макету, выполненному в нашем бюро.

Верстка по готовым шаблонам занимает 2 рабочих дня на 5 страниц. Если в шаблоне присутствует большее количество страниц, то добавочное время следует оценивать как 3 страницы в день. шаблоны выполнены с использованием фремворка Bootstrap v.5 или Zurb Foundation v.6

Верстка по макетам бюро осуществляется в течение одного дняь вне зависимости от количества страниц. Макеты, создаваемые в бюро, изначально тестируются в процессе работы на соответствие требованиям консорциума WC3 и полностью готовы к переносу на готовый проект.