1
Ось времени TimeLineJS
Содержание темы 1
Примеры использования сервиса.
Подготовка исходных данных и материалов. Создание таблицы Google на основе заданного шаблона.
Заполнение таблицы исходных данных. Заполнение таблицы дат и промежутков времени.
Выбор медиа-ресурсов и их описание. Заполнение таблицы заголовков и описаний. Группы, фоны, пиктограммы. Заголовочный слайд.
Передача кода таблицы сервису.
Настройка внешнего вида оси времени. Габариты, язык, шрифты, начальные условия, адресация.
Получение кода оси времени и вставка его в свой ресурс.
Дополнительные рекомендации по использованию различных источников медиа в TimeLineJS.
Подготовка исходных данных и материалов. Создание таблицы Google на основе заданного шаблона.
Заполнение таблицы исходных данных. Заполнение таблицы дат и промежутков времени.
Выбор медиа-ресурсов и их описание. Заполнение таблицы заголовков и описаний. Группы, фоны, пиктограммы. Заголовочный слайд.
Передача кода таблицы сервису.
Настройка внешнего вида оси времени. Габариты, язык, шрифты, начальные условия, адресация.
Получение кода оси времени и вставка его в свой ресурс.
Дополнительные рекомендации по использованию различных источников медиа в TimeLineJS.
Ось времени как графическое изображение
Примеры интерактивных осей времени
Альтернативныe сервисы
для работы с осями времени
для работы с осями времени
- Timeglider: http://timeglider.com/
- Tiki-Toki: http://www.tiki-toki.com/
- Timetoast: https://www.timetoast.com/
- TimeRime: http://timerime.com/
- Sutory: https://www.sutori.com/
Сервис dipiti.com (дополнительно)
Ниже приведены первые два из пяти роликов, рассказывающих о сервисе для создания осей времени dipiti.com. К сожалению, в настоящий момент времени сервис не функционирует. Однако первые два ролик посвящены общей концепции и видам «таймлана», поэтому полезны и сейчас.
Серия скринкастов, посвященная разработке timeline при помощи dipiti.com. Ролик 1/5
Серия скринкастов, посвященная разработке timeline при помощи dipiti.com. Ролик 2/5
Сервис TimeLineJS3: http://timeline.knightlab.com/
Учебные ролики по сервису: см. ниже
Ролик № 1 «Введение» рассказывает об основном функционале сервиса TimeLineJS и знакомит с примерам осей времени, выполненными в этом сервисе
Ролик № 2 «Создаем ось времени за четыре шага» рассказывает о последовательности действий для создания оси времени в сервисе TimeLineJS.
ВНИМАНИЕ, имеются изменения! См. примечание к ролику 2
Ролик № 3 «Таблица событий. Даты» рассказывает о том, как заполнить таблицу событий и привязать их к определенным датам или промежуткам времени
Ролик № 4 «Таблица событий. Тексты и медиа» рассказывает как заполнить таблицу событий основной информацией о них и поместить ссылки на соответствующие медиаматериалы
Ролик № 5 «Таблица событий. Дополнительные поля» рассказывает о полях таблицы событий, позволяющий присвоить событию тип, группу и назначить ему фон
Ролик № 1 «Введение» рассказывает об основном функционале сервиса TimeLineJS и знакомит с примерам осей времени, выполненными в этом сервисе
Ролик № 2 «Создаем ось времени за четыре шага» рассказывает о последовательности действий для создания оси времени в сервисе TimeLineJS.
ВНИМАНИЕ, имеются изменения! См. примечание к ролику 2
Ролик № 3 «Таблица событий. Даты» рассказывает о том, как заполнить таблицу событий и привязать их к определенным датам или промежуткам времени
Ролик № 4 «Таблица событий. Тексты и медиа» рассказывает как заполнить таблицу событий основной информацией о них и поместить ссылки на соответствующие медиаматериалы
Ролик № 5 «Таблица событий. Дополнительные поля» рассказывает о полях таблицы событий, позволяющий присвоить событию тип, группу и назначить ему фон
Видеоролик как ось времени. Пример: изменение границ в Европе за 1000 лет
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 1/5
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 2/5
Внимание! 18 июля 2017 года в сервисе произошли изменения, которые касаются Шага 2 (3:40—4:45). Теперь операцию Файл/Опубликовать в Интернете можно делать только один раз и не брать ссылку из окна публикации. Ссылку для Шага 3 можно взять ПРЯМО ИЗ СТРОКИ АДРЕСА Гугло-таблицы. Прежний способ больше не работает для новых таймлайнов, но старые таймлайны переделывать не надо.
Внимание! 18 июля 2017 года в сервисе произошли изменения, которые касаются Шага 2 (3:40—4:45). Теперь операцию Файл/Опубликовать в Интернете можно делать только один раз и не брать ссылку из окна публикации. Ссылку для Шага 3 можно взять ПРЯМО ИЗ СТРОКИ АДРЕСА Гугло-таблицы. Прежний способ больше не работает для новых таймлайнов, но старые таймлайны переделывать не надо.
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 3/5
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 4/5
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 5/5
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 1. Ролик 1/3
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 2. Ролик 2/3
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 3. Ролик 3/3
Практикум 1
Создать ось времени с количеством событий 10–20 на основе сервиса TimeLineJS на заданную или свободную тему.
СКАЧАТЬ пошаговую инструкцию к практикуму
СКАЧАТЬ пошаговую инструкцию к практикуму
