Мини - Курс "Основы адаптивной верстки сайт под мобильные"
0
771
0
771

Мини - Курс "Основы адаптивной верстки сайт под мобильные"

  • БЕСПЛАТНО

    ПОДРОБНОЕ ОПИСАНИЕ

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

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


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

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

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

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

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

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

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

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

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

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


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

ПОХОЖИЕ ТОВАРЫ