Пятница, 29.03.2024, 12:06 | RSS | Приветствую Вас Гость
Главная | Регистрация | Вход
Графика и 3D моделирование
Главная
Поиск
Категории раздела
3D-моделирование и дизайн [90]
Авто, Мото [2]
Интернет бизнес, бизнес [104]
Дети и их родители [13]
Здоровье,красота, спорт [36]
Знакомства,Любовь,Интим [0]
Инвестиции,финансы,Forex [29]
Иностранные языки [19]
Изотерика,казино,фокусы [2]
Копирайтинг и статьи [5]
Образование,успех,психология [21]
Программирование [16]
Продвижение сайтов, SEO [2]
Работа с видео,звуком,flash [25]
Photoshop,Corel DRAW и пр. [67]
Компьютер и программы [23]
Сад, Огород, Дача [0]
Сервисы, скрипты, плагины [6]
Создание сайтов и блогов [125]
Тайм-менеджмент [2]
Tипографика [26]
Хобби,досуг,увлечения и пр. [2]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » 2014 » Май » 3 » Бесплатный видео урок "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)
00:14
Бесплатный видео урок "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)
Бесплатный видео урок "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)

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

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



Содержание:


  • Урок 1. Введение
Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника. Насколько важно сегодня адаптировать свои сайты под различные устройства? Об этом поговорим в данном уроке. Рассмотрим список наиболее популярных разрешений, под которые следует адаптировать сайт.
  • Урок 2. Медиа-запросы
В уроке мы подробно рассмотрим работу с медиазапросами. Медиазапросы предоставляют возможность выбора разных стилей в зависимости от возможностей пользовательского дисплея или устройства, таких как ширина области просмотра, разрешение экрана. Медиазапросы — это отличный инструментдля создания веб сайтов, оптимизированных для отображения на мобильных устройствах.
  • Урок 3. Адаптивные изображения
Сегодня практически на каждой веб-странице присутствуют изображения. Но в условиях адаптивной верстки нам необходимо на больших экранах показывать изображение в их реальных размерах, а для маленьких экранов уменьшать размеры изображений. В уроке мы рассмотрим методы работы с изображениями в адаптивном дизайне.
  • Урок 4. Практический пример. Часть 1
В данном уроке мы выполним практический пример верстки учебного макета несложной структуры. Создадим разметку оптимальную для дальнейшей адаптации под мобильные устройства.
  • Урок 5. Практический пример. Часть 2
Во втором уроке по верстке учебного макета, мы добьемся красивого отображения макета на всех мобильных устройствах. Используя медиазапросы, мы адаптируем нашу верстку к планшетам и смартфонам. Улучшим верстку, чтобы она не зависела от "контрольных точек" в медиазапросах. Это будет гарантировать нам хорошее отображение верстки в различных устройствах, не зависимо от их разрешений.

Читать подробнее

Категория: Создание сайтов и блогов | Просмотров: 1183 | Добавил: dvdcurse | Теги: верстка, мобильные устройства, сайт, Андрей Бернацкий | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:

Графика и 3D моделирование © 2024
Бесплатный конструктор сайтов - uCoz