Уроки HTML и CSS
Контрольное задание «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 16-28
Задание: на основе PSD-файла макета сайта согласно своему варианту разработать адаптивный HTML-шаблон любым из средств (Bootstrap 3 или 4, Flex-верстка, Grid-верстка, медиа-запросы).
Требования к макету:
1. Макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для четырех экранов (xs, sm, md, lg). Продемонстрировать эскиз при сдаче контрольного задания.
2. Навигационная панель должна сворачиваться в кнопку с выпадающим меню.
3. В макет включить адаптивный слайдер.
4. При необходимости часть элементов дизайна макета можно скрыть на маленьком экране.
5. Окончательный вариант должен быть максимально похож на исходник.
6. При верстке средствами фреймворка Bootstrap рекомендуется просмотреть видеокурс http://webformyself.com/