Задание на верстку и макеты приложены.
Файлы текущей верстки тоже приложены.
Срок и стоимость - предмет обсуждения. Предложения пишите в заявке.
Требуется сверстать страницы существующего сайта, соответствующие следующим требованиям.
Сами макеты простые, особых премудростей нет.
Макеты для верстки (html+css+js, где требуется для реализации отрисованного функционала) приложены ниже в файлах. PSD доступны по запросу.
К ТЗ приложены исходные файлы верстки со сверстанным футером, хидером и другими страницами от другой версии сайта. Если какие-то стили ведут себя не так как требуется по макету, то их необходимо откорректировать.
После этой работы возможен дополнительный объем по верстке других разделов сайта.
Оценку по срокам и стоимости впишите в заявку. Возможна безопасная сделка.
1. Необходимо сверстать макеты адаптивно.
2. Верстка сайта не должна отличаться от макетов при масштабировании сайта или смене разрешения, совпадение должно быть пиксель в пиксель. Расхождения необходимо согласовывать. Шрифты должны уменьшаться плавно без рывков.
3. Верстка выполняется для мобильных устройств (планшет и мобилки) и устройств на ПК.
4. Код должен быть понятным и хорошо структурированным, язык именования переменных английский, транслит с любых языков не допускается. Общий стиль у кода должен совпадать с уже имеющимся, различные подходы к верстке согласовать.
5. Верстка должна быть валидной по стандартам w3.
6. Должна быть обеспечена совместимость со следующими версиями браузеров:
Ie11+
Edge 40+
Safari 10+
Opera 55+
Chrome 60+
Firefox 60+
7. Использование любых фреймворков или иных зависимостей, при верстке нужно согласовать перед их применением, также, как и их версии. Несогласованное применение фреймворков и плагинов – повод для отказа от сделки со стороны Заказчика.
8. Проверка верстки выполняется верстальщиком самостоятельно перед проверкой заказчиком. Выдача верстки без проверки рассматривается как отказ от сделки с вашей стороны.
9. Проверка осуществляется в следующих версиях браузеров из п.6, в которых верстка может работать не корректно: выполняется масштабирование, смена разрешений экрана, смена версии браузера, открытие макетов верстки на различных устройствах (пк, планшеты, мобильные).
10. Верстка – этап преобразования макетов psd в html+css+js с использованием тестовых фраз, на макетах указаны примеры таких фраз. Следует учитывать назначение текстов и элементов интерфейса. Т.е. весь заложенный в макетах функционал интерфейса должен уже работать, например, слайдер с фотографиями, если он есть. Наполняется тестовыми фотографиями и вставляется на страницу. Текст, если есть, необходимо предусматривать вариации текста на странице, он не должен ломать верстку если его размер изменился на 2 слова, например. Под интеграцией понимаем затягивание верстки в систему управления сайтом, например, в битрикс. В данном тз идет речь именно про верстку, написание скриптов на php также сюда не входит.