Создание интерактивных плакатов с помощью сервиса Genial.ly.
Мастер-класс
Автор: Ляхович А. Ф.
Шаг 1. Регистрация
Регистрация
Вход (если
зарегистрированы)
Шаг 1. Регистрация
Ввод электронной почты
Ввод пароля
Ввод пароля повторный
Нажимаем Зарегистрироваться
Счастливые обладатели
аккаунтов Twitter, Facebook,
Google могут
зарегистрироваться,
войдя в сервис через них.
Шаг 1. Авторизация через Google аккаунт
Нажимаем “Авторизоваться”
Выбираем свой аккаунт
Шаг 1. Авторизация через Google аккаунт
Шаг 1. Перевод страницы на русский язык
Правой кнопкой мыши щёлкаем по области ресурса и выбираем
“Перевести на русский язык”
Обратите внимание! При переводе страницы на русский язык появляется белый экран.
Ресурс не очень дружит с русским языком.
Перезагрузите страницу и продолжайте работать.
Шаг 1. Регистрация
1. Выбор
сектора
«Образование»
2. Выбор
«ступени»
обучения
Шаг 1. Регистрация
Выбор
профиля
Нажимаем кнопку «Создайте», чтобы создать новый ресурс.
Шаг 2. Переход на страницу с видами ресурсов
Выбор вида ресурса
«Интерактивное изображение»�
Шаг 3. Выбор вида ресурса
Шаг 4. Открытие окна для добавления фонового изображения
Выбираем «Создать
интерактивное изображение»�
Просмотр на странице
видео и примеров готовых плакатов
Шаг 5. Выбор фонового изображения
Выбор «Мой компьютер»
или перетаскиваем
изображение
Выбор
изображения
на компьютере
(не более 5 мб.)
Выбор изображения
из предложенных
сервисом
Выбор
изображения
по URL
Шаг 6. Редактирование фонового изображения
Выбор нужного изображения
Нажимаем «Принять»
Изменение размера, поворот, увеличение, уменьшение
Нажимаем «Загрузить»
Шаг 7. Знакомство с панелью инструментов
Рабочая область
Интерактивные метки
Панель
инструментов
Предпросмотр
плаката
Запись названия плаката
Шаг 7. Знакомство с панелью инструментов
Выбор текста: размер, шрифт
Панель
инструментов
Выбор
картинки из предложенных или с компьютера
Выбор фигуры,
диаграммы, карты, силуэта и др.
Выбор интерактивной метки: щёлкаем – она появляется на фоновом изображении.
Вставка смарт-объектов
Вставка видео, аудио с компьютера или по ссылке
Шаг 8. Вставка текста
Варианты шрифтов
Панель редактирования
текста
Шаг 9. Размещение интерактивных меток
Выбор и нажатие на метку - появление метки на фоновом изображении
Изменение цвета метки: нажатие и выбор цвета
Шаг 10. Возможности интерактивных меток
Изображение «ладошки»: добавление контента
Нажатие на метку - появление «ладошки» и «ракеты»
Изображение «ракеты»: добавление анимации к метке
Шаг 11. Вид просмотра интерактивного контента
«Tooltip» - появление всплывающего окна при наведении курсора. Лучше использовать небольшие пояснения и тексты
«Window» - создание больших окон для просмотра изображений
и текста, есть окно прокрутки.
«Link» - превращение метки в интерактивную кнопку перехода на другой веб-сайт
Шаг 12. Добавление контента: ссылка, текст, изображение, видео, встраиваемый объект с помощью кода
«Tooltip» - встраивание всплывающего окна с контентом
Встраивание текста и его редактирование
Добаление изображений
Добавление кода html любого встраиваемого объекта: игры, презентации и др.
«Window» - создание больших окон для просмотра изображений
«Link» - размещение ссылки для перехода на другой веб-сайт
Добавление видео
Добавление таблиц
Добавление
текста со ссылкой
Шаг 13. Добавление анимации на метки
Область анимации
Появление метки
Исчезание
метки
Действия:
вращения, мигания и др.
Действие при наведении курсора
Разные виды анимации в каждом разделе
Шаг 14. Публикация интерактивного плаката
Нажатие «Поделиться»
Появление окна для копирования ссылки, кода для встраивания и др.
Поздравляю!
Плакат готов!