Занятие 12
Создание обучающего видео скринкаста и его опубликование
Выполните упражнения по электронному учебнику
HTML-конструирование
или Веб-дизайн по источнику [1]
Вставка звука и видео в документ. (8) Шаблон web-документа с мультимедиа-контентом находится в папке Media, которую нужно скопировать в папку своей группы. Папка Media находится в папке 1kurs или в сети на компьютере Lab, библиотека истфака.
Табличная верстка (9)
Блочная верстка (10)
Использование JavaScript (11)
Домашнее задание
1. Создайте короткий видеофрагмент длительностью 10-15 секунд.
В видеофрагменте изобразите выполнение какой-либо одной
операции в графическом редакторе Gimp или Inkscape.
Для создания обучающего видео используйте программу
для создания скринкастов, например UVScreenCamera, см источник [4],
или любой другой.
С обзором программ для создания скринкастов можно познакомиться
по источникам [5, 6, 7]
2. Загрузите Ваш обучающий фильм на видеохостинг Vimeo или Viddler
http://www.viddler.com/
https://vimeo.com/
затем встройте видео на отдельную страницу,
которую опубликуйте посредством Вашего сайта Google,
с помощью сервиса Google Сайты,
как показано в примере
https://sites.google.com/site/ifizmat/os/lab-06#video_vimeo
3. Разместите созданные веб-страницы
на веб-хостинге
4. Дополнительно разместите ваше видео и встройте его на отдельной странице Вашего сайта с помощью видеохостингов YouTube, vk.com, instagram.
Источники
Основные
kpolyakov.narod.ru: Веб-дизайн: практикум // Информатика, № 12, 2013, с. 4-15.
Роботландия: IMG-физиология: обязательные атрибуты
Роботландия: Картинка как заплатка
uvsoftium.ru: UVScreenCamera - программа для записи видео с экрана
elearn23.blogspot.ru: 12 бесплатных программ для записи скринкастов
geektimes.ru: Инструменты скринкастинга (Windows)
mashable.com: 12 Screencasting Tools For Creating Video Tutorials
Дополнительные
HTML5: Учебник Влада Мержевича.
webtun.com: Обзор лучших видео-хостинговых платформ.
WEB: папка с шаблонами веб-документов
vimeo.com: видеохостинг
viddler.com: видеохостинг
youtube.com: видеохостинг
instagram.com: видеохостинг