Readymag является отличным конструктором сайтов и идеально подходит для создания анимированного портфолио.
В этом блоке слушатели узнают о том как создать собственный уникальный сайт с использованием продвинутых анимаций.
Данный объёмный блок охватит спектр инструментов Readymag и научит слушателей не только создавать простейший сайт портфолио, но покажет то как можно выделиться среди конкурентов и эффектно упаковать сой опыт и проекты.
План лекций
1. Знакомство с интерфейсом программы
2. Освоение базовых функций и виджетов
3. Работа с анимациями
4. Работа с кодом
1. Знакомство с интерфейсом программы
О чем поговрим в данном блоке
- Рассмотрим основной функционал приложелния Readymag
— Создание собственного аккаунта и выбор подходящего плана — Создание первого проекта — Функционал конструктора - Создание страниц, работа со слоями 2.Работа с сеткой: Создание сетки и ее детализация
- Виджеты (кратко пробежимся по основным виджетами, узнаем для чего они нужны и как применять их в проектах)
- Рассмотрим функции настройки просмотра
2. Освоение базовых функций и виджетов
В этом модуле рассмотрим основную часть инструментария — виджеты.
Как и для чего их использовать, а также особенности их применения.
1. Виджет текста
Особенности текста в Readymag
— Работа с текстовыми блоками (Настройка параметров текста)
— Создание текстовых ссылок
— Загрузка собственных шрифтов в конструктор
2. Виджет фото, видео и музыки, карты, слайдшоу
Поговорим детально о каждом из виджетов, работа с ключевыми настройками.3. Виджет фигур
— Типы фигур — Область применения различных фигур4. Виджет фигур
— Типы фигур — Область применения различных фигур
5. Виджет: Кнопки и формы
6. Виджет шотс
7. Виджет кода
Задача
Закрепить пройденный материал по интерфейсу, разобраться со спецификой конструктора.Задание
Составить простой лендинг на свободную тем с использованием максимального количества виджетов.3. Работа с анимациями
В данном модуле изучаем основную составляющую круса — анимации. Особое внимание уделим работе над простыми анимациями, а также интересным комбинациям и фишкам.
1. Инструмент анимации
2. Простейшие анимации
3. Использование фигур для анимации
4. Популярные комбинации анимаций
5. Сложные и составные анимации
6. Фишки и полезности
Задача
Закрепить пройденный материал по созданию анимаций, понять логику их составления и найти свой стильюЗадание
Выбрать понравившийся сайт на платформе Readymag во вкладке Example и попытаться в точности его повторить.4. Работа с кодом
Здесь мы более детально рассмотрим работу с кодом. Как его использовать и для каких целей лучше всего его применять. Где искать примеры кодов, а также рассмотрим самые популярные и удобные фреймы кода.