Как создать таймлайн?

Таймлинии позволяют увлекательно рассказать истории, основанные на хронологии. Как их можно создать и в каких сервисах?

В каких случаях может быть уместна такая подача информации?

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

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

Итак, судя по всему, вы решили, что таймлинии вам нужны. Мы можем создавать их разными инструментами – начиная от графических редакторов и заканчивая плагинами к популярным CMS. Мы рассмотрим наиболее популярные онлайн-сервисы.

Timeline JS

Как часто бывает, их несколько, но есть безусловные лидеры. Им сегодня, конечно же, является сервис Timeline JS. Рецепт популярности традиционен: он бесплатен и достаточно прост и универсален, то есть позволяет встраивать полученный результат в страницу любого веб-сайта.

Примеры его использования можно посмотреть непосредственно на главной странице сервиса, кроме того, там же есть и официальное видеоруководство на английском языке.

Для того, чтобы приступить к работе, нажимаем зеленую кнопку по центру экрана «Make a Timeline». Автоматически перемещаемся к инструкции по созданию таймлинии на английском языке.

Для ввода данных нам потребуется таблица на Google Диске. Для того, чтобы в ней находились все нужные для Timeline JS колонки, куда нам останется только ввести нашу информацию, нажимаем здесь кнопку «Get the Spreadsheet Template» и получаем необходимый шаблон.

В открывшемся окне Google Диска нажимаем «Использовать этот шаблон» в левом верхнем углу, и копия его появляется в вашем аккаунте. Для того, чтобы у вас все получилось, разработчики просят не удалять существующие колонки и не переименовывать заголовки. Обратите внимание, что только заголовки, остальное – наоборот, демонстрационный контент, который нужно заменить на ваши данные.

Кратко разберем назначение столбцов в таблице.

Прежде всего, нужно ввести даты событий – для этой цели отведены первые четыре столбца: год, месяц, день и точное время. Если они имели какую-либо протяженность во времени, можно также указать время их окончания, в том же формате. Следующий столбец – для указания дат в особенном формате, который не соответствует рамкам предыдущих колонок, например: «январь – февраль».

Headline – это заголовок события, которое вы привязали к конкретной дате. Text – его краткое описание. Сюда в формате html можно, например, вставить ссылку на уже опубликованные на вашем сайте материалы.

Media – ссылка на иллюстрацию: фото, видеоматериал, точка на карте Google или запись в Twitter. Причем media отображается не просто ссылкой, но полнофункциональным материалом как встроенный мультимедийный embed-элемент. Сredit – источник, сaption – подпись к нему.

Вот и все: заполнения этих полей будет достаточно. Теперь таблицу необходимо превратить, собственно, в таймлинию. Прежде всего, для этого ее нужно опубликовать через привычное меню Google Таблиц «Файл» - «Опубликовать в интернете». Однако, копировать появившуюся после этого ссылку не нужно, просто закрываем окно «Публикация в интернете» и вместо нее берем ссылку из адресной строки браузера. Она-то нам и нужна.

Затем возвращаемся на сайт сервиса к пункту 3 инструкции: «Generate your timeline». В поле Google Spreadsheat URL вставляем ссылку на таблицу. Справа от него можно указать желаемые ширину и высоту создаваемой таймлинии, а под заголовком «Optional settings» - и некоторые дополнительные настройки.

Дальше остается только скопировать получившийся в поле под номером 4 «Embed your timeline» код и вставить его в нужную страницу вашего сайта или блога в режиме «текст» или «источник».

Sutori

Несмотря на то, что Timeline JS является безусловным лидером по популярности в Рунете для создания таймлиний, рассмотрим и функционал другого сервиса.

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

Вряд ли Sutori можно назвать ресурсом для создания таймлайнов в том виде, в каком их можно делать на Timeline JS. Здесь вы просто нанизываете разные типа контента – от текста до видео и обсуждений – на вертикальную ось, по которой продвигается читатель. Временная привязка здесь не обязательна. Однако визуально проект будет выглядеть именно как основанный на хронологии.

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

Эксперты в теме

Павел Платунов
исполнительный директор

Людмила Белая
журналист

Используя это, были реализованы проекты

Всё о карелах, финнах, вепсах: национальный проект информагентства «Республика Карелия» посвящен народам, которые столетиями жили на берегах Онежского и Ладожского озер.

5 470

Хроника экологического бедствия в Кирово-Чепецке на сайте «Город Ч.». Сделана с помощью бесплатного сервиса, позволяющего следить за событиями в их развитии.

4 324
Елизавета Олескина
Идеолог проекта «Старость в радость»

«Старость в радость» построена на общечеловеческих принципах – не будь равнодушным, поделись теплом и вниманием, не навреди; привязав к себе, не бросай.