Таймлайн
Читателю трудно удержать в памяти долгую историю, если одно сообщение о ней опубликовано неделю назад, второе сегодня, а следующее появится в ленте новостей непонятно когда. Традиционная лента новостей «размывает» целостное восприятие сюжета. Таймлайн, лента времени помогает выстроить разрозненные события, комментарии, цифры, документы, фото и видео в стройную линию. Такая организация элементов события позволяет не только упорядочить его, но и увидеть скрытые зависимости.
Таймлайн может быть организован вертикально. Тогда задача упорядочить историю хронологически и проставить даты в подзаголовках лежит на авторе и редакторе.
Используя онлайн-сервисы, вы можете создать интерактивный таймлайн. Он выстроит все события по порядку автоматически. В такой таймлайн вы можете встроить видео, фотографии, ссылки на подробности события. Пользователь самостоятельно будет переключаться между точками на таймлайне, погружаясь в тему.
Посмотреть проект целиком
В каких случаях может быть уместна такая подача информации? Во-первых, выбирайте таймлайны, если ваш материал имеет биографический характер, рассказывает об истории того или иного явления. Во-вторых, таймлайны — лучший способ показать хронологию сложного процесса, представить логику его развития в составляющих его событиях.
Благодаря таймлайнам, вы можете связать уже имеющиеся на вашем сайте информационные и аналитические сообщения, которые выходили в разное время по выбранной вами теме или проблематике. Это, с одной стороны, привлечет к ним новую волну читательского интереса, с другой — еще больше удержит внимание посетителя на странице.
ОНЛАЙН-СЕРВИСЫ, В КОТОРЫХ МОЖНО
СОЗДАТЬ ТАЙМЛАЙНЫ
СОЗДАТЬ ТАЙМЛАЙНЫ
Сервисы выглядят по-разному, но их объединяет общий принцип — вы размечаете, какие события в какие даты произошли, а онлайн-инструмент уже превращает ваши данные в графически оформленную ленту времени.
Большое преимущество сервиса Juxtapose JS — его простота. Для использования инструмента не нужно уметь программировать. За счет простого кода слайдер вставляется в любой сайт и блог.
Порядок создания таймлайна в сервисе Timeline JS
Timeline JS популярен потому, что он бесплатен и достаточно прост и универсален. С помощью кода вы сможете встраивать полученный результат в страницу любого веб-сайта.
1
Чтобы приступить к работе, нажмите зеленую кнопку Make a Timeline в центре экрана. Пошаговые инструкции будут на английском, но вы сможете разобраться. Для начала нажмите синюю кнопку Get the Spreadsheet Template.
2
Вам потребуется авторизоваться в вашем Google аккаунте. В открывшемся окне нажмите «Использовать этот шаблон» в левом верхнем углу, и копия его появляется в вашем аккаунте.
3
Не удаляйте колонки и заголовки таблицы. Остальные ячейки таблицы нужно заполнить вашими данными и удалить тот текст, который изначально там добавлен. Заполняйте ячейки чётко в том формате и порядке, в котором представлены примерные данные. Обратите внимание на значения ячеек.
Обязательные поля
Year
Год
Month
Месяц
Day
День
Time
Время
Начало события. Эти данные используются при автоматическом построении таймлайна.
Обязательные поля
End Year
Год
End Month
Месяц
End Day
День
End Time
Время
Окончание события. Эти данные используются при автоматическом построении таймлайна.
Обязательные поля
Как дата будет показываться
в таймлайне
в таймлайне
Display Date
Headline
Заголовок
Text
Текст описания
Обязательные поля
Media
Фото или видео
Media Credit
Указание на источник медиа
Media Caption
Подпись к фото или видео
Media Thumbnail
Изображение превью
Необязательные поля
Тип слайда. Поставьте
у заглавного слайда тип title
у заглавного слайда тип title
Type
Group
Группа слайдов. Вы можете объединить несколько дат в группы. Даты одной группы будут
показываться в одном слое таймлайна
показываться в одном слое таймлайна
Background
Цвет фона слайда
4
Заполненную таблицу необходимо опубликовать, чтобы данные отражались на любом сайте, куда вы захотите встроить таймлайн. В меню Google таблиц выберите Файл — Опубликовать в интернете. Нажмите кнопку Опубликовать и закройте вспомогательное окно.
5
Скопируйте ссылку из строки браузера. Вернитесь на сайт сервиса к пункту 3 инструкции Generate your timeline. Скопированную ссылку на таблицу вставьте в поле Google Spreadsheat URL. Также можно указать желаемые ширину (width) и высоту (height) создаваемого таймлайна.
6
Cкопируйте получившийся в поле под номером 4 Embed your timeline код и вставьте его в нужную страницу вашего сайта или блога в режиме «текст» или «источник».
Так как таблица со всеми данными сохранилась в вашем Google аккаунте, вы можете редактировать таймлайн, добавлять события, фотографии и видео, менять заголовки. Если вы что-то изменили в таблице, это будет сразу видно в опубликованном таймлайне. Вам не нужно ничего перезаливать или вставлять в материал заново.
ЗАДАНИЕ ДЛЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ
Используя сервис Timeline JS, создайте интерактивный таймлайн, посвященный изменению законодательства КР в отношении вопросов гендерного насилия.
Расположите по ленте времени ключевые дискуссии, слушания, решения, принятые в сфере законодательства.
Наглядно покажите, сколько времени прошло между важными событиями.
Параллельно отметьте на этой же ленте важные акции и инициативы общественных организаций. Проверьте связь между деятельностью НПО и изменениями в законодательных актах КР.
Наглядно покажите, сколько времени прошло между важными событиями.
Параллельно отметьте на этой же ленте важные акции и инициативы общественных организаций. Проверьте связь между деятельностью НПО и изменениями в законодательных актах КР.
