Original size 1140x1600

3. Работа с конструктором Readymag

PROTECT STATUS: not protected
29

Readymag является отличным конструктором сайтов и идеально подходит для создания анимированного портфолио.

В этом блоке слушатели узнают о том как создать собственный уникальный сайт с использованием продвинутых анимаций.

Данный объёмный блок охватит спектр инструментов Readymag и научит слушателей не только создавать простейший сайт портфолио, но покажет то как можно выделиться среди конкурентов и эффектно упаковать сой опыт и проекты.

План лекций

1. Знакомство с интерфейсом программы

2. Освоение базовых функций и виджетов

3. Работа с анимациями

4. Работа с кодом

1. Знакомство с интерфейсом программы

О чем поговрим в данном блоке


1. Рассмотрим основной функционал приложелния Readymag
- Создание собственного аккаунта и выбор подходящего плана - Создание первого проекта - Функционал конструктора
1. Создание страниц, работа со слоями 2.Работа с сеткой: Создание сетки и ее детализация 3. Виджеты (кратко пробежимся по основным виджетами, узнаем для чего они нужны и как применять их в проектах) 4. Рассмотрим функции настройки просмотра

2. Освоение базовых функций и виджетов

В этом модуле рассмотрим основную часть инструментария — виджеты.

Как и для чего их использовать, а также особенности их применения.

1. Виджет текста

Особенности текста в Readymag

- Работа с текстовыми блоками (Настройка параметров текста) - Создание текстовых ссылок - Загрузка собственных шрифтов в конструктор

2. Виджет фото, видео и музыки, карты, слайдшоу

Поговорим детально о каждом из виджетов, работа с ключевыми настройками.

3. Виджет фигур

\- Типы фигур \- Область применения различных фигур

4. Виджет фигур


- Типы фигур - Область применения различных фигур

5. Виджет: Кнопки и формы


6. Виджет шотс


7. Виджет кода


Задача

Закрепить пройденный материал по интерфейсу, разобраться со спецификой конструктора.

Задание

Составить простой лендинг на свободную тем с использованием максимального количества виджетов.

3. Работа с анимациями

В данном модуле изучаем основную составляющую круса — анимации. Особое внимание уделим работе над простыми анимациями, а также интересным комбинациям и фишкам.

1. Инструмент анимации


2. Простейшие анимации


3. Использование фигур для анимации


4. Популярные комбинации анимаций


5. Сложные и составные анимации


6. Фишки и полезности


Задача

Закрепить пройденный материал по созданию анимаций, понять логику их составления и найти свой стилью

Задание

Выбрать понравившийся сайт на платформе Readymag во вкладке Example и попытаться в точности его повторить.

4. Работа с кодом

Здесь мы более детально рассмотрим работу с кодом. Как его использовать и для каких целей лучше всего его применять. Где искать примеры кодов, а также рассмотрим самые популярные и удобные фреймы кода.

1. Основы работы с виджетом кода


2. Основная область применения кода в Readymag


3. Присеты самых используемых комбинаций кода для вашего портфолио


Задача

Научиться применять готовый код, использовать его для создания собственного портфолио

Задание

Начать собирать собственное портфолио использовав распрастроненые комбинации кода (К примеру: видоизменение скроллбара)
3. Работа с конструктором Readymag
29
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more