Хороший курс по созданию адаптивных (резиновых) сайтов на базе конструктора Adobe Muse. Ссылка в конце обзора.

Для тех, кто не знает, адаптивный сайт — это сайт, который автоматически изменяет размер страниц при отображении на различных устройствах. Как пример — сайт «Одноклассники». Им одинаково удобно пользоваться и на домашнем ПК, и на мобильном телефоне.

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

Содержание курса:

Урок 1. Основы респонсивной технологии, инструменты, правила и приемы

1. Виды макетов и типы верстки
2. Отличия адаптивной верстки от респонсивной
3. Отличия ручной верстки от работы в Adobe Muse
4. Правильный порядок разработки резинового сайта
5. Обязательные рекомендации по работе
6. Инструменты, обязательные для разработчика
7. Инструменты, упрощающие жизнь разработчика
8. Основные (базовые) приемы разработки резины
9. Создание резинового сайта с нуля
10. Добавление респонсива на действующий сайт
11. Примеры респонсивных блоков

Урок 2. Производство резинового сайта с нуля до финального результата

01. Выбор первичных параметров нового проекта
02. Определение максимальной и минимальной ширины
03. Обязательные настройки модульной сетки
04. Ошибки при первичной настройки макета
05. Проектирование шаблона сайта
06. Создание шапки и подвала проекта
07. Подключение первых точек остановки
08. Создание резинового шаблона для страниц
09. Тонкости адаптации шаблона под контент страниц
10. Создание первого, резинового экрана сайта
11. Добавление резиновости к шрифтам
12. Добавление резиновости к графическим объектам
13. Адаптация контента под мобильные сайты
14. Организация стыков между блоками
15. Работа с резиновыми виджетами
16. Добавление мобильного меню
17. Создание резинового слайдшоу
18. Различные раздвижные панели
19. Тестирование проекта на наличие ошибок
20. Добавление дополнительных страниц
21. Финальная стадия проекта

В качестве бонуса к курсу прилагаются три шаблона — готовый шаблон адаптивного сайта, шаблон для фотографов, шаблон для кафе и ресторанов.




Скачать курс