ЗАДАЧА:
Сверстать по требования макеты. Верстка должна быть адаптивной. По макетам.
ТРЕБОВАНИЯ К ВЕРСТКЕ:
- Верстка должна быть корректно отображаться в браузерах:
– Internet Explorer
– Opera
– Safari Mac Os
– Mozilla Firefox
– Google Chrome
- Правила верстки:
– Верстаем в HTML5 и CSS3 – никаких устаревших тегов вроде br или фреймов. Все теги должны быть корректно закрыты. Должна быть прописана кодировка.
– Подзаголовки h1, h2 и так далее в качестве элементов дизайна использоваться ни в коем случае не должны. h1 на странице должен быть один. h2, h3 и прочие не должны быть выше h1.
– Все стили должны быть вынесены в style.css. Там должны быть прописаны стили заголовков, списков, параграфов и прочих элементов. Для ссылок должны быть прописаны стили (цвет, подчеркивание) в файле CSS.
– При выборе между средствами javascript и чистыми HTML5/CSS3 безусловное предпочтение должно отдаваться последним. Если все-таки присутствует javascript, предпочтительно выносить его в отдельный файл. В целом код должен быть как можно короче.
– Подвал должен быть прикреплен к низу страницы.
– Должна отсутствовать горизонтальная прокрутка
– Дополнительная оптимизация изображений и их сжатие
– Обязательно использовать css спрайты для ускорения загрузки страницы
– Свести к минимуму количество подключаемых css и javascript файлов
- Верстка должна быть адаптивная и корректно отображаться в андроиде и айфонах
– Шрифты у заголовков и текста должны быть пропорциональны
– Кнопки, ссылки кликабельные
– Формы должны отправлять и заполняться
– Должна отсутствовать горизонтальная прокрутка
Макеты: