Фото Сергея Белосова
Блог Сергея Белоусова
  • - Разработка сайтов
  • - Обучаю профессиональной верстке
  • - Консультации по разработке сайтов и поиску клиентов
Мои контакты: skype skype skype skype

Урок 5-1

Адаптируем сайт "Такси" #1



Вопросы по уроку:

  1. Как запустить эмулятор мобльных версий сайта в хроме ?
  2. Что такое viewport ?
  3. При помощи какого тега мы определяем масштаб вьюпорта ?
  4. В каких случая мы используем атрибут со значение content="width=1024" и в каких width="device-width, initial-scale=1.0" ? В уроке я не полностью раскрыл тему, по этому погуглите и почитайте доп. инфу по этим значениям и напишите сюда что узнали нового =)
  5. Что обозначают свойства max-width и min-width ?
  6. Что такое медиа запросы, для чего они нужны и как пишутся ?
  7. Как мы определяем при какой ширине экрана писать тот или инной медиа запрос ?

Домашнее задание:

  1. Адаптируйте все по видео
  2. Желтую секцию адаптируйте самостоятельно
  3. Остальные секции главной страницы тоже попробуйте сами адаптировать, это не обязтельно, в след. уроке я вам буду это все показывать.

Заключение:

  1. Ну что) понятно что такое адаптивная верстка ?
  2. Сложно ли адаптировать сайты ?
  3. Все ли я понятно объяснил ? Если есть вопросы, задавайте.
  4. Напишите общее впечатление по уроку про адаптив.