Задания на медиа запросы (мобильные сайты)

Задания на медиа запросы (мобильные сайты)

Ягоды: голубика

Ягоды: голубика

Создание мобильной версии сайта — важная часть умений веб-разработчиков. Задания посвящены темам: создание мобильного сайта, проверка мобильной версии сайта. Примечание: рассматриваются способы создания, использующие media queries; вариант с jQuery Mobile предполагает изучение дополнительных JavaScript-библиотек.

  1. Создайте мобильную версию страницы. Примечание: можно взять главную и мобильную версию yandex.ru или другого сайта.
  2. Создайте версию страницы для планшета
  3. Создайте кнопку в верхней части страницы, которая появляется при работа с мобильной версией страницы и содержит пункты меню. Примечание: посмотрите как это реализовано в Bootstrap
  4. Создайте каркас мобильной страницы, используя бибилиотеку jQuery Mobile.
  5. Воспользуйтесь каким-нибудь сервисом прототипизации для создания мобильной верси страницы.
  6. Посмотрите, как реализованы мобильные версии страниц шаблонов сайтов, например templatemonster
  7. Создайте мобильный вариант своей HTML-страницы. Примечание: работа должна вестись в рамках одной и той же веб-страницы.

Все задания по HTML


Об авторе

@altarasov administrator

Вы должны быть авторизованы, чтобы оставить комментарий.