Продолжаю инспекцию сервисов для создания лент времени. Сегодня на очереди Preceden — онлайн-инструмент для создания таймлайна на основе текста и изображения.

В бесплатном аккаунте можно создать неограниченное количество лент времени с 10 событиями на каждой. Готовую работу можно вставить на страницу сайта или блога, скачать как картинку и PDF без водяных знаков. 

Такая цифровая хроника получилась у меня. Лучше открыть её в полном размере.

А теперь о том, как работать в сервисе.

Регистрация

Заходим на сайт сервиса. Для регистрации нажимаем либо «Try it Free», либо «Try Preceden for Free».

В дальнейшем, чтобы зайти в личный кабинет, пригодится кнопка «Log In».

Указываем адрес электронной почты, придумываем пароль и название для будущего таймлайна. Еще нужно выбрать из выпадающего списка цель создания ленты времени, например, обучение (Teaching) или школа (School).

Потом нажимаем большую синюю кнопку «Create Your Timeline Now».

После регистрации открывается конструктор. Приступаем к работе!

Создание событий

Для начала придумываем название ленте времени и выбираем шаблон оформления и цветовую гамму. После этого нажимаем «Create Timeline».

Чтобы добавить на ленту первое событие, нажимаем «Add event».

Открывает окно, в которое мы вносим необходимую информацию: даты начала и окончания события, текст описания.

Текст можно немного форматировать: если нужен жирный шрифт, то надпись заключаем в «звёздочки»: **текст**. Если нужен курсив, то с двух сторон ставим нижнее подчёркивание: _текст_. Ссылка добавляется так:  [Название ссылки](https:example.com).

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

Так выглядит выбор цвета. 

Это выбор иконок. 

Набор форм не такой впечатляющий.

Если нажать на надпись «More Options», то можно будет добавить к событию картинку. Здесь, чуть ниже, ещё несколько дополнительных настроек.

Картинку можно загрузить с ПК, добавить по ссылке или найти в Сети с помощью «Поиска». А ещё можно добавить из Google Диска. 

Загруженную картинку можно обрезать, оформить в виде овала, развернуть.

Чтобы завершить редактирование события и добавить его на ленту времени, нажимаем «Add Event». Можно сразу же перейти к новому событию, нажав «Create another».

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

Эту же дополнительную информацию можно просмотреть внизу, под лентой времени.

А что ещё?

Кнопка «Add Layer» добавляет слои на ленту времени.

Слои позволяют группировать похожие события вместе временной шкале. Например, на ленте времени, посвящённой писателю, можно создать два слоя: «Жизнь» и «Творчество».

Чтобы добавить новый слой, достаточно заполнить карточку: придумать название слоя, дать его описание, выполнить необходимые настройки и выбрать цвет.

Это настройки слоя более подробно. В разделе «Layer Order» можно выстроить все слои в нужном порядке. 

Вкладка «Content Visibility» помогает скрыть весь слой, только его даты (Dates) или продолжительность (Duration).

После всех настроек добавляем слой на ленту — «Add Layer».

Каждое событие можно привязать к определённому слою, выбрав в карточке события раздел «Layer».

Массовое редактирование

Ещё одна полезная функция — массовое редактирование слоёв и событий (Bulk Editor).

С помощью этого редактора можно в режиме одного окна добавлять новые слои и события и редактировать старые. Очень удобно!

Настройки

Настройки ленты времени находятся во вкладке «Appearance».

Это их полный список.

Во вкладке «Color» настраиваем цветовую гамму цифровой хроники. Все изменения сохраняем, нажав на «Save Changes».

Во вкладке «Date Format» можно дополнительно настроить параметры дат.

Что и как будет отображаться на ленте времени? Настраиваем эти параметры во вкладке «Events».

Раздел «Layers» помогает настраивать показ слоёв.

Вкладка «Axis» настраивает временную ось.

А вкладка «Scale» — шкалу. 

Вкладка «Font» помогает настроить шрифт: начертание и размер.

Ещё одна опция — добавление легенды (Legend).  Для добавления легенды надо указать в открывшемся окошке значения цветов, и она появится на временной шкале. 

Добавление логотипа (Logo) — платная функция.

Публикация и распространение

Итак, таймлайн создан и настроен. Пора нажать на кнопку «Export & Share». 

Можно получить ссылку, код для встраивания на страницу сайта и блога (надо поставить галочку «Allow this timeline to be embedded in other websites»), можно показать ленту времени как презентацию, скачать в форматах CSV и Excel, как изображение и как PDF.