WebSite

Создание адаптивного сайта

4 урока 45 заданий Справочник Компилятор

Создание адаптивного сайта | Урок #4 - Последний этап

Создание адаптивного сайта | Урок #4 - Последний этап


HTML5CSS3

В этом уроке мы с вами научимся создавать специальные стили для конкретных экранов при помощи Media Queries.

Видео урок:

Habrahabr: http://habrahabr.ru/post/119127/

Материалы для курса

adaptive.zip Необходима подписка!

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Media Queries
Поработайте еще немного с Media Queries. Добавьте дополнительный блок внизу сайта и сделайте разный задний фон этого блока для разных разрешений экрана.
Посмотреть ответ
Для начала надо добавить сам блок div, потом добавить к нему различные стили. Теперь в зависимости от ширины экрана проверять её в Media Queries и выставлять необходимый задний фон, к примеру, красный если больше 1500 px по ширине, синий если меньше 1500 px и больше 1300 px и так далее

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


HTML5CSS3

Также стоит посмотреть