Видеокурс "Практика верстки сайта под мобильные устройства"
821
0
821

Видеокурс "Практика верстки сайта под мобильные устройства"

  • Издательство

    WebForMySelf

    Автор

    Андрей Бернацкий

    БЕСПЛАТНО
    ПРОЙТИ ОБУЧЕНИЕ

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

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

    Как создать сайта, который бы одинаково хорошо выглядел и идеально функционировал на всех типах устройств? Мы живем в такое время, когда настольная стационарная аппаратура уверенным и стремительным шагом переходит в планшеты и смартфоны. Время, когда даже ноутбуки смещаются на второй план… А значит, растет спрос на сайты под планшетные и мобильные устройства. ЧТО же лучше использовать — резиновый сайт или адаптивную верстку? РЕЗИНОВО-АДАПТИВНАЯ ВЕРСТКА — универсальный и самый оптимальный на сегодня вариант. 

    Единый дизайн и верстка — и ваш сайт отлично смотрится на экране устройства любого вида и типа:

    • ВНЕ зависимости от разрешения экрана;
    • БЕЗ проблем с кроссбраузерностью, размерами и производительностью.

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

  • Раздел 1. Верстка макета APPIX

    • Введение. Постановка задачи
    • Исследуем макет
    • Разметка шапки сайта
    • Стили шапки сайта
    • Создаем меню
    • Верстаем область слогана
    • Устанавливаем основное изображение
    • Верстаем область услуг
    • Верстаем рекламный блок
    • HTML разметка нижнего блока
    • CSS нижнего блока
    • Верстаем footer
    • Дорабатываем footer
    • Адаптируем под планшет. Часть 1
    • Адаптируем под планшет. Часть 2
    • Адаптируем под планшет Часть 3
    • Адаптируем под смартфон. Часть 1
    • Адаптируем под смартфон. Часть 2
    • Адаптируем меню
    • Дополнительные материалы

    Раздел 2. Верстка макета CREATIVE+

    • Введение
    • Разметка шапки сайта
    • Стили шапки сайта
    • Разметка области контент
    • HTML разметка постов
    • Стили CSS для постов
    • Верстаем pager
    • Верстаем блок виджетов
    • Верстаем блок последних постов
    • Устанавливаем баннер
    • Верстаем footer
    • Адаптируем под планшет. Часть 1
    • Адаптируем под планшет. Часть 2
    • Адаптируем под смартфон. Часть 1
    • Адаптируем под смартфон. Часть 2
    • Адаптируем меню
    • Тестируем верстку

    Раздел 3. Блок полезных уроков

    • Адаптивность в IE 8
    • Адаптивное видео
    • Адаптивная галерея
    • Многоуровневое адаптивное меню
    • Работа с формами
    • Заключение

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

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

Видеокурс Полная защита сайта на Joomla (Александр Куртеев)

Видеокурс "Полная защита сайта на Joomla"

БЕСПЛАТНО
Видеокурс Полная защита сайта на Joomla 3.0 (Александр Куртеев)

Видеокурс "Полная защита сайта на Joomla 3.0"

Цена:
2490 ₽
Видеокурс Быстрый сайт в Adobe Muse (Александр Новиков)

Видеокурс "Быстрый сайт в Adobe Muse"

Цена:
1500 ₽
Бесплатный видеоурок Joomla. Учимся создавать RSS-ленты с помощью NinjaRSS (Александр Куртеев)

Видеоурок "Joomla. Учимся создавать RSS-ленты с помощью NinjaRSS"

БЕСПЛАТНО
Видеокурс Фреймворк Bootstrap 4 и WordPress 5. Руководство по адаптивной верстке (Андрей Кудлай, WebForMySelf)

Видеокурс "Фреймворк Bootstrap 4 и WordPress 5. Руководство по адаптивной верстке"

Цена:
5970 ₽