Требования к верстке сайта

Мы постарались собрать воедино основные требования, которым должна соответствовать качественная верстка сайта:

  1. Соответствие макету

    html-верстка должна соответствовать тому макету, который Вы предоставили разработчику. При чем степень этого соответствия необходимо прописывать в техническом задании (далее ТЗ). Нормой считается отклонение в 3-5 пикселей, но если Вы решите сделать заказ у фрилансеров, либо верстальщика-новичка, то в результате работ можете получить не то что хотели, потому что фразы «похоже на макет» и «как на макете» все понимают по-разному.

  2. Pixel perfect

    Это верстка, совпадающая с предоставленным макетом «пиксель в пиксель». Данное требование не является стандартным и если Вам нужно его выполнение - то это обязательно необходимо озвучивать в процессе заказа, поскольку оно увеличивает трудоемкость и стоимость работ. Столь высокая точность необходима только для высококачественных макетов в высоком ценовом сегменте, поэтому данное требование встречается редко.

  3. Кроссбраузерность

    Верстка должна одинаково выглядеть в различных браузерах на различных устройствах. Каких браузерах и устройствах — необходимо прописать в ТЗ. Формулировку «на всех» у Вас никто не примет, потому что это невозможно.

    Мы рекомендуем ограничиваться последними версиями самых популярных браузеров на самых популярных устройствах, а именно:

    На персональных компьютерах и ноутбуках:

    • Google Chrome
    • Firefox
    • Яндекс-Браузер
    • Internet Explorer
    • Opera
    • Safari

    На смартфонах и планшетах под iOS:

    • Safari
    • Google chrome

    На смартфонах и планшетах под Android:

    • Google chrome

    Мы всегда стараемся акцентировать внимание заказчиков на вопросе кроссбраузерности, поскольку если на этапе сдачи проекта выяснится, что у Вас на предприятии на всех компьютерах установлен Internet Explorer 8, который не поддерживает многие из современных технологий отображения сайта — то сайт будет выглядеть не так как на макете и его придется дорабатывать за Ваш счет, если требование поддержки Internet Explorer 8 не было прописано в ТЗ.

  4. Валидность кода

    Нам, профессиональным разработчикам, кажется элементарным тот факт что html верстка должна быть выполнена по правилам html, т. е. с минимальным количеством ошибок. Но к нам постоянно приходят на доработку проекты, в которых на отдельных страницах встречалось до 60 ошибок в html-коде! И, как ни странно, такая верстка более-менее нормально отображается в большинстве браузеров, т. к. они умеют обрабатывать некоторые ошибки. А вот поисковые роботы такие проекты не жалуют.

  5. CSS и Javascript код должен быть вынесен в отдельные файлы .css и .js соответственно
  6. Адаптивность

    Адаптивный дизайн (от англ. responsive web-design) — это дизайн, который сам определяет ширину окна браузера, в котором его просматривают, и подстраивается под него. Это реализуется именно на этапе верстки за счет применения медиа запросов в файле стилей .css.

    Для того чтобы заказать адаптивную верстку — Вам нужно будет предоставить макеты страниц во всех разрешениях (обычно их 3 или 4) с указанием разрешений, в которых должно происходить изменение дизайна.

  7. Прочие требования

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

Подытожим

Требований существует много, на данной странице были рассмотрены самые важные из них.

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

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