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

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

  • БЕСПЛАТНО

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

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

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

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

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


    Верстка сайт под мобильные устройства. Основы адаптивной верстки. Урок №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)

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

© ИнфоКурс 2012 - 2024