Усовершенствовать лонгрид, созданный в Теме 6, путём добавления 4−5 новых блоков. Воспользоваться вставкой произвольного HTML-кода для помещения в лонгрид кода вставки одного из интерактивных элементов, созданных в предыдущих темах курса.
Рассматривается создание новой пустой презентации, сохранение ее. Добавление и удаление слайдов, заметок. Работа с окнами и печать слайдов презентации.
Полная версия занятия на странице: https://msoffice-prowork.com/courses/powerpoint/ppointpro/ppointpro-lesson2/
Усовершенствовать лонгрид, созданный в Теме 6, путём добавления 4−5 новых блоков. Воспользоваться вставкой произвольного HTML-кода для помещения в лонгрид кода вставки одного из интерактивных элементов, созданных в предыдущих темах курса.
Рассматривается создание новой пустой презентации, сохранение ее. Добавление и удаление слайдов, заметок. Работа с окнами и печать слайдов презентации.
Полная версия занятия на странице: https://msoffice-prowork.com/courses/powerpoint/ppointpro/ppointpro-lesson2/
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 1. Пошаговая инструкция
Задание практикума.
Создать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
Курс «Профессиональная разработка электронного учебного контента»
Практикум 2. Пошаговая инструкция
Задание практикума.
Создать интерактивное путешествие объёмом 10−15 кадров в сервисе StoryMapJS.
Содержание темы 9
Знакомство с блоками контента с точки зрения их методической ценности и учебного воздействия. Методические аспекты использования Тильды для создания учебного онлайн-контента.
Значение и основные приёмы электронной типографики. Их методическое значение.
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Содержание темы 10
Общие настройки Тильды. Настройка аккаунта. Настройка сайта. Настройка отдельного лонгрида.
Блоки сервиса, служащие для создания связанной системы страниц — сайта. Меню, список страниц, подвал. Создание гиперссылок в сервисе. Внутристраничные ссылки, ссылки на другие страницы. Ссылка на блок, анкер.
Блоки социальных сетей. Кнопки. Формы и их настройка. Экспорт страницы, сайта.
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 1. Пошаговая инструкция
Задание практикума.
Создать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
Курс «Профессиональная разработка электронного учебного контента»
Практикум 2. Пошаговая инструкция
Задание практикума.
Создать интерактивное путешествие объёмом 10−15 кадров в сервисе StoryMapJS.
Содержание темы 9
Знакомство с блоками контента с точки зрения их методической ценности и учебного воздействия. Методические аспекты использования Тильды для создания учебного онлайн-контента.
Значение и основные приёмы электронной типографики. Их методическое значение.
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Содержание темы 10
Общие настройки Тильды. Настройка аккаунта. Настройка сайта. Настройка отдельного лонгрида.
Блоки сервиса, служащие для создания связанной системы страниц — сайта. Меню, список страниц, подвал. Создание гиперссылок в сервисе. Внутристраничные ссылки, ссылки на другие страницы. Ссылка на блок, анкер.
Блоки социальных сетей. Кнопки. Формы и их настройка. Экспорт страницы, сайта.
Содержание темы 8
Знакомство с блоками контента с точки зрения их информационно-маркетингового воздействия.
Значение и основные приёмы электронной типографики. Их маркетинговое значение.
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Содержание темы 7
Основные группы блоков и блоки сервиса Тильда. Назначение блоков
Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.
Интерактивные блоки сервиса. Возможность вставки любого HTML-кода в качестве блока.
Особенности вставки контента в блоки сервиса. Загрузка контента на сервис и использование ссылки на контент.
Использование встроенного графического редактора Тильды для доработки изображений под нужный шаблон.
Содержание темы 6
Введение. Понятие сторителлинга, «сноуфола», лонгрида, веб-документари.
Примеры логридов, выполненных с применением разных инструментов.
Знакомство с сервисом Tilda. Основные возможности, идеология, тарифные планы.
Шаблоны сервиса. Знакомство с шаблонами. Знакомство с основными блоками контента на основе шаблонов.
Сохранение результата работы над лонгридом.
Содержание темы 5
Подготовка исходных материалов для создания визуализации Carto. Создание структуры контента с использованием таблицы данных и географических координат.
Передача данных в сервис Carto, настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Содержание темы 4
Подготовка исходных текстовых, графических и медийных материалов для создания визуализации TimeMapper. Создание структуры контента с использованием таблицы по заданному шаблону. Добавление геоданных.
Передача данных в сервис TimeMapper, настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 3. Пошаговая инструкция
Задание практикума.
Создать интерактивное изображение с разметкой и описанием 7−12 кадров в сервисе StoryMapJS.
Для тех кто затрудняется подготовить папку гигапиксельного изображения
можно воспользоваться папкой изображения «Менины» (7844×9000): http://contentium.ru/Velaskes-Meniny/
Для тех, кто хочет выполнить практикум в полном объёме на странице темы 3 курса приведены примеры изображений высокой чёткости (на источник можно перейти кликнув на изображение).
Кроме того, такие изображения можно загрузить здесь:
https://commons.wikimedia.org/wiki/Category:Gigapixel_images_from_the_Google_Art_Project
или здесь:
https://commons.wikimedia.org/wiki/Commons:Picture_of_the_Year/2015/R1/Gallery/Frescos,_ceilings_and_stained_glass
Содержание темы 3
Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного изображения. Загрузка высококачественного изображения в сервис.
Работа в сервисе StoryMapJS. Разметка изображения. Загрузка данных. Настройка внешнего вида.
Получение кода и вставка результатов работы в свой ресурс.
Другие сервисы для создания интерактивных изображений.
Содержание темы 2
Примеры использования сервиса.
Подготовка исходных текстовых, графических и#nbsp;медийных материалов для разработки интерактивного путешествия. Создание структуры контента.
Работа в#nbsp;сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида.
Получение кода и#nbsp;вставка результатов работы в#nbsp;свой ресурс.
Содержание темы 1
Примеры использования сервиса.
Подготовка исходных данных и#nbsp;материалов. Создание таблицы Google на#nbsp;основе заданного шаблона.
Заполнение таблицы исходных данных. Заполнение таблицы дат и#nbsp;промежутков времени.
Выбор медиа-ресурсов и#nbsp;их#nbsp;описание. Заполнение таблицы заголовков и#nbsp;описаний. Группы, фоны, пиктограммы. Заголовочный слайд.
Передача кода таблицы сервису.
Настройка внешнего вида оси времени. Габариты, язык, шрифты, начальные условия, адресация.
Получение кода оси времени и#nbsp;вставка его в#nbsp;свой ресурс.
Дополнительные рекомендации по#nbsp;использованию различных источников медиа в#nbsp;TimeLineJS.
Курс «Профессиональная разработка электронного учебного контента»
Практикум 10. Пошаговая инструкция
Задание практикума.
Создать интерактивный элемент учебного контента на основе одного из рассмотренных в теме 10 сервисов.
Курс "Профессиональная разработка электронного учебного
контента — 2017"
Практикум 9. Пошаговая инструкция
Задание практикума.
Создать интерактивный элемент учебного контента на основе одного из рассмотренных в теме 9 сервисов.
Тема 10. Обзор сервисов для создания интерактивного контента (часть 2)
Содержание темы 10
Скрайбинг.
Объясняшки.
Работа с текстами.
Главред. Проверка на читаемость.
Работа с файлами и скриншотами.
Imgur. Clip2Net.
Звук.
SoundCiteJS.
Карточки сайтов
Embedly
Онлайн тесты и опросы.
Playbuzz.
Тема 9. Обзор сервисов для создания интерактивного контента (часть 1)
Содержание темы 9
Изображения.
Слайдеры: JuxtaposeJS
Генерация обложек: Spruce
Интерактивные изображения и видеоролики.
ThinkLink. Интерактивность в YouTube.
Онлайн-презентации.
Prezzi. SlideShare. Penxsy. MS Mix.
Комиксы и диалоги.
PowToon. BranchTrack.
Инфографика.
Datawrapper. Infogr. am
Тема 8. Подготовка скринкастов. Монтаж
Содержание темы 8
Приложение Camtasia Studio.
Постпродакшн (монтаж) скринкаста.
Понятие холста, таймлайна, дорожки. Удаление длиннот, ускорение повествования. Увеличение («наезд камеры»). Масштабирование и панорамирование. SmartFocus.
Дорожки.
Наложение статических изображений и дополнительных видео. Картинка в картинке.
Выноски. Визуальные свойства.
Работа со звуком. Удаление шумов, наложение фонового звукового сопровождения.
Публикация проекта.
Рендеринг — сохранение результата работы в виде файла нужного разрешения и формата. Массовые операции — рендеринг нескольких проектов.
Тема 7. Подготовка скринкастов. Запись
Содержание темы 7
Приложение Camtasia Studio.
Обзор приложения. Функционал. Инструменты. Таймлайн. Дорожки. Предпросмотр. Меню.
Запись скринкаста (продакшн). Процесс записи. Выбор параметров (окно или полный экран, соотношение сторон, разрешение, источники аудиосигнала, специальные аудио- и видеоэффекты). Захват видеоизображения с экрана и с видеокамеры (Web-камеры).
Звуковое сопровождение. Настройка источника звука. «Начитка» текста скринкаста. Фиксация ошибок и повторные записи.
Тема 6. Создание учебных видеороликов. Типология и подготовка материалов
Содержание темы 6
Типология учебного видео.
Препродакшн. Подготовка предварительных материалов скринкаста. Правила создания презентаций для скринкаста (подготовка шаблонов, требованияк к#nbsp;фонам, шрифтам, верстке, внутрикадровая и#nbsp;межкадровая анимация). Использование эффекта рисования в#nbsp;процессе создания скринкаста.
Аудиосопровождение скринкаста. Требования к#nbsp;голосу, стилю. Настройка оборудования.
Структура скринкаста.
Сервис Scrincast-O-Matic. Учебные ролики по#nbsp;сервису.
Бесплатное приложение iSpring Free Cam
Приложение Camtasia Studio.
1. Курс «Профессиональная разработка электронного учебного контента II»
Практикум 8. Пошаговая инструкция
Задание практикума.
Создать промо-страницу с программой вашего (или гипотетического) учебного курса или промо-страницу
автора курса.
1. Для того, чтобы вам были доступны все блоки Тильды, активируйте бесплатно тарифный план
Personal.
2. Войдите в свой аккаунт. На странице своего сайта нажмите на кнопку Создать новую страницу.
2. 3. На открывшейся странице выбора шаблона выберете шаблон Пустая страница.
4. Откроется начальное окно редактирования страницы. Нажмите на кнопку Все блоки, чтобы начать
вставку блоков вашей страницы.
3. 5. Справа откроется окно библиотеки блоков. Здесь находятся разделы (категории) блоков. Вставка
конкретных блоков производится после выбора соответствующего раздела.
6. В качестве примерного образца для промо-страницы курса с расписанием мы возьмём промо-
страницу настоящего курса. Для заполнения страницы нам понадобятся следующие блоки. Список в
порядке вставки (сверху вниз).
a. Обложка промо-страницы. Раздел Обложка, блок CR11
b. Меню «Гамбургер». Раздел Меню, блок ME404
c. «Габаритные параметры курса». Раздел Колонки, блок CL18
d. «Почему вы должны выбрать этот курс». Раздел Преимущества, блок FR102
e. Информация об организаторе курса. Раздел Изображение, блок IM10
4. f. Обращение автора курса. Раздел Прямая речь, блок QT04
g. Заголовок «Формы участия». Раздел Заголовок, блок TL01
h. Информация о формах участия в курсе и ценах. Раздел Тарифы, блок PL300
i. Кнопка «Записаться на курс». Раздел Форма и кнопка, блок BF101
j. Заголовок «Программа курса». Раздел Заголовок, блок TL01
k. Обложка темы курса. Раздел Обложка, блок CR18
l. Содержание Темы курса. Раздел Текстовый блок, блок ТХ13
m. Практикум. Раздел Текстовый блок, блок ТХ13
ПРИМЕЧАНИЕ. Последние три блока повторить необходимое число раз
n. Заголовок расписания курса. Раздел Заголовок, блок TL01
o. Расписание курса. Раздел Другое, блок Т123.
ПРИМЕЧАНИЕ. Здесь можно вставить расписание, изготовленное в сервисе TimeLineJS. Пример
таблицы для такого расписания.
p. Заголовок «Отзывы». Раздел Заголовок, блок TL03A
q. Отзыв. Раздел Прямая речь, блок QT12.
ПРИМЕЧАНИЕ. Этот блок можно повторить необходимое число раз
r. Заголовок формы связи с автором. Раздел Заголовок, блок TL02
s. Форма связи с автором. Раздел Форма и кнопка, блок BF203N
t. Кнопки соцсетей. Раздел Соц.сети, блок SN202
u. Подвал. Раздел Подвал, блок FT101
7. Вставьте блоки согласно приведённому выше списку. Можно использовать не все блоки, а только
необходимые.
8. Заполните блоки собственным контентом, применяя способ, показанный в инструкции к
Практикуму 7.
9. В качестве примера заполнения и настройки нестандартного блока рассмотрим кнопку, загорающуюся
при наведении на нее мыши (такой эффект повышает кликабельность кнопки).
10. Вставим кнопку согласно п. 6i
5. 11. Результат вставки выглядит так. Нажмём на кнопку Контент.
12. В открывшемся окне настройки контента введём свои данные.
13. В качестве текста кнопки напишем «Записаться на курс», в качестве ссылки – ссылку на страницу, где
будет осуществляться запись и оплата (в учебном примере можно указать произвольный адрес),
справа выберем «В новом окне». Затем нажмём на кнопку Сохранить и закрыть.
6. 14. Результат будет выглядеть так. Теперь нажмём на кнопку Настройки.
15. Появится окно настроек блока. В нем надо нажать на строку Дополнительные настройки.
7. 16. Окно расширится вниз. Появятся дополнительные настройки. В них надо настроить цвета в
соответствии со скриншотом. После этого нажать на кнопку Сохранить и закрыть.
8. 17. Теперь кнопка будет выглядеть как и раньше, но при наведении на неё курсора мыши изменит свой
цвет.
18. Проведите настройки контента всех вставленных блоков.
19. Опубликуйте страницу.
20. Работа над Практикумом 8 закончена. Скопируйте ссылку из поля адреса опубликованной страницы и
поместите ее в сообщение в группе курса в Facebook. При необходимости можно редактировать и
публиковать страницу многократно.