Бесплатный видеокурс "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)

Это бесплатный видеокурс
409
Бесплатный видео урок

Издательство:
  • Автор курса:
  • Полная информация

    • Автор: Андрей Бернацкий

      Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника. Насколько важно сегодня адаптировать свои сайты под различные устройства? Об этом поговорим в данном уроке. Рассмотрим список наиболее популярных разрешений, под которые следует адаптировать сайт.

      • Урок 1. Введение

      Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника. Насколько важно сегодня адаптировать свои сайты под различные устройства? Об этом поговорим в данном уроке. Рассмотрим список наиболее популярных разрешений, под которые следует адаптировать сайт.

      • Урок 2. Медиа-запросы

      В уроке мы подробно рассмотрим работу с медиазапросами. Медиазапросы предоставляют возможность выбора разных стилей в зависимости от возможностей пользовательского дисплея или устройства, таких как ширина области просмотра, разрешение экрана. Медиазапросы — это отличный инструментдля создания веб сайтов, оптимизированных для отображения на мобильных устройствах.

      • Урок 3. Адаптивные изображения

      Сегодня практически на каждой веб-странице присутствуют изображения. Но в условиях адаптивной верстки нам необходимо на больших экранах показывать изображение в их реальных размерах, а для маленьких экранов уменьшать размеры изображений. В уроке мы рассмотрим методы работы с изображениями в адаптивном дизайне.

      • Урок 4. Практический пример. Часть 1

      В данном уроке мы выполним практический пример верстки учебного макета несложной структуры. Создадим разметку оптимальную для дальнейшей адаптации под мобильные устройства.

      • Урок 5. Практический пример. Часть 2

      Во втором уроке по верстке учебного макета, мы добьемся красивого отображения макета на всех мобильных устройствах. Используя медиазапросы, мы адаптируем нашу верстку к планшетам и смартфонам. Улучшим верстку, чтобы она не зависела от "контрольных точек" в медиазапросах. Это будет гарантировать нам хорошее отображение верстки в различных устройствах, не зависимо от их разрешений.

    • ВСЕ МАТЕРИАЛЫ АВТОРА

      Видео урок
      Видеокурс "Инструме...

      Бесплатный видео урок
      Бесплатный видеокур...

      Видео урок
      Видеокурс "Фреймвор...

      Бесплатный видео урок
      Бесплатный видеокур...

      Видео урок
      Видеокурс "HTML5 и ...

      Видео урок
      Видеокурс "Практика...

      Бесплатный видео урок
      Бесплатный видеокур...

      Видео урок
      Видеокурс "Joomla-М...

      Бесплатный видео урок
      Бесплатный видеокур...

      Видео урок
      Видеокурс "Киберсан...

      Видео урок
      Видеокурс "Премиум ...

      Видео урок
      Видеокурс "Премиум ...

      Видео урок
      Видеокурс "Премиум ...

      Видео урок
      Видеокурс "Практика...

      Бесплатный видео урок
      Бесплатный видеокур...

      Бесплатный видео урок
      Бесплатный видеокур...

      Видео урок
      Видеокурс "Практика...

      Видео урок
      Видеокурс "Интернет...

    • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

      Фреймворк Laravel. Теория и первая практика. ( Гавриленко Виктор, Андрей Бернацкий - Webformyself)
      Мини-курс. Фреймвор...

      Современные тенденции и подходы в веб-разработке. (Андрей Бернацкий - Webformyself)
      Мини-курс. Современ...

      Практика HTML5 и CSS3 с нуля до результата за вечер. (Андрей Бернацкий - WebForMySelf)
      Мини-курс. Практика...

      Премиум уроки по WordPress. (Андрей Бернацкий, Андрей Кудлай - Webformyself)
      Мини-курс. Премиум ...

      Премиум уроки по HTML&CSS. (Андрей Бернацкий - Webformyself)
      Мини-курс. Премиум ...

      Создание интернет-магазина. (Андрей Бернацкий, Андрей Кудлай - Webformyself)
      Мини-курс. Создание...

      Секреты техники резиновой верстки сайта. (Андрей Бернацкий - WebForMySelf)
      Мини-курс. Секреты ...

      Основы адаптивной верстки сайт под мобильные . (Андрей Бернацкий - WebForMySelf)
      Мини-курс. Основы а...

      Основы оптимизации сайтов. (Андрей Бернацкий - Webformyself)
      Мини-курс. Основы о...

      Создание сайта с нуля. (Андрей Бернацкий - Издательство Info-DVD)
      Мини-курс. Создание...