Четверг, 28.03.2024, 23:46 | 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:02
Видео урок "Практика верстки сайта под мобильные устройства" (Андрей Бернацкий - WebForMySelf)
Видео урок "Практика верстки сайта под мобильные устройства" (Андрей Бернацкий - 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
  • Адаптивное видео
  • Адаптивная галерея
  • Многоуровневое адаптивное меню
  • Работа с формами
  • Заключение


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

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

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