Бюджет 20 000 руб. срок - 4 недели
ВАЖНО! придерживаться общим правил верстки.
ОБЩИЕ ПОЛОЖЕНИЯ - БАЗОВЫЕ к верстке
Верстка производится в соответствии со стандартами языка разметки HTML5 и CSS3.
Верстка производится на базе семантических фреймворков Uikit и Bootstrap 3 (далее - фреймворк), используемая версия фреймворка – последняя стабильная на момент начала верстки проекта.
Поддерживаемые браузеры:
Internet Explorer – версия 11 и выше;
Microsoft Edge – последняя актуальная версия;
Google Chrome – последняя актуальная версия;
Yandex browser – последняя актуальная версия;
Opera – последняя актуальная версия;
Mozilla Firefox – последняя актуальная версия;
Safari – версия 9.1 и выше.
Поддерживаемые мобильные платформы(при условии использования по умолчанию предустановленных на устройствах браузеров):
мобильные устройства под управлением ОС iOS версии 10.12 и выше;
мобильные устройства под управлением ОС Android версии 6 и выше;
мобильные устройства под управлением ОС Windows Phone 10 и выше.
Поддержка браузеров и мобильных платформ более ранних версий, а также поддержка иных браузеров и мобильных платформ производится только по дополнительному соглашению.
ОБЩИЕ БАЗОВЫЕ ТРЕБОВАНИЯ
Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
Использование jQuery.
Для резиновых макетов обязательно должна быть задана минимальная и максимальная ширина.
Цвет фона для body задан всегда. Если конкретный цвет не указан в макете, используется белый (#fff).
Если Javascript кода много — нужно его выносить в отдельный файл. Обработчики событий тоже лучше отделить и объявлять в отдельном файле.
Недопустимы грубые ошибки в разметке (ссылки сделаны не тегом <a>, абзацы должны быть абзацами, а не <br><br>, формы должны быть только внутри тега <form>).
Не рекомендуется использование !important без крайней необходимости.
Нельзя использовать транслит в названиях классов, атрибутах и так далее.
Нельзя строить сетку с помощью таблиц.
Если фреймворк не используется, то использовать normalize.css или reset.css.
Необходимо указать альтернативные варианты шрифта и тип семейства в конце перечисления.
Семантическая разметка shema.org
Код Валидный и проходит валидацию ( с минимальным количеством ошибок. допускается до 20 ошибок); проходит валидацию Yandex и Google
грамотное использование тегов h1..h6 и т.д.
H1 - на страницах не должен дублироваться! Располагаться выше по структурной иерархии чем остальные заголовки h2.h3....h6. Должна соблюдаться строгая иерархия.
использовать CSS в коде HTML запрещено;
верстка основывается на том, что: чем ближе к началу HTML-кода расположен контент, тем он релевантнее с точки зрения поисковой системы. ВАЖНО!
Title сразу после <head>
CSS и Javascript код должен быть вынесен в отдельные файлы .css и .js соответственно.
Вёрстка проходит тест на переполнение контентом. Вёрстка не ломается:
при добавлении в элементы большего количества текста;
при использовании картинок с неподходящими размерами;
текст не должен выпадать из объектов;
переполнение контентными блоками не приводит к нарушению сетки.
Кодировка файлов
Все файлы кодируются в кодировке UTF-8 without BOM.
Необходимо минимизировать CSS-код и JavaScript-код.
Процесс работы разобьем на несколько этапов.
1. этап например главная 5 дней показываете.
2. этап внутренние
и т.д
Верстка на хостинге клиента.
