# data[].attributes.attachment_caption
Нажмите, чтобы посмотреть примеры проектных продуктов

# data[].attributes.headline
Примеры готовых проектных продуктов

# data[].attributes.subject
Примеры готовых проектных продуктов

# data[].attributes.attachment_link.title
Проектные продукты

# data[].attributes.attachment_caption
Создать сайт бесплатно. 

# data[].attributes.headline
Создание сайта в конструкторе Tilda

# data[].attributes.subject
Создание сайта в конструкторе Tilda

# data[].attributes.attachment_link.readable_text
Тильда - стандарт на рынке создания сайтов. Все дизайн-агентства, с которыми мы работаем, умеют создавать качественный контент на платформе. Это сильно упрощает процесс разработки, публикации и актуализации лендингов и сайтов.
Удобно, что есть Tilda CRM "из коробки", которая в два клика подключается к сайтам и позволяет не пропустить ни одной клиентской заявки. Тильда помогает сохранить время и предлагает простой, но мощный инструмент, чтобы мы могли реализовать практически любые идеи с минимальными затратами.

# data[].attributes.attachment_link.title
Создать сайт бесплатно. Конструктор сайтов Tilda Publishing

# data[].attributes.attachment_link.description
Создайте бесплатно сайт, лэндинг или интернет-магазин с помощью конструктора сайтов Tilda и опубликуйте в тот же день. Не требует знания кода.

# data[].attributes.headline
Создание сайта на Google

# data[].attributes.subject
Создание сайта на Google

# data[].attributes.attachment_link.description
Access Google Drive with a Google account (for personal use) or Google Workspace account (for business use).

# data[].attributes.headline
Создание ленты времени, хроники событий на Timeline

# data[].attributes.subject
Создание ленты времени, хроники событий на Timeline

# data[].attributes.body
Ссылка на инструкцию по созданию ленты времени - в комментариях

# data[].attributes.attachment_link.readable_text
TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.

Knight Lab

Watch this brief video for an overview of how to make a timeline.

Tips & tricks

1. Keep it short. We recommend not having more than 20 slides for a reader to click through.

2. Pick stories that have a strong chronological narrative. It does not work well for stories that need to jump around in the timeline.

3. Write each event as a part of a larger narrative.

4. Include events that build up to major occurrences - not just the major events.

Media sources

TimelineJS can pull in media from a variety of sources. Twitter, Flickr, YouTube, Vimeo, Vine, Dailymotion, Google Maps, Wikipedia, SoundCloud, Document Cloud and more!

1. Create your spreadsheet

Build a new Google Spreadsheet using our template. You'll need to copy the template to your own Google Drive account by clicking the "Make a Copy" button.

Drop dates, text and links to media into the appropriate columns. For more about working with our template, see Making a timeline from a Google Spreadsheet

Get the Spreadsheet Template

Don't change the column headers, don't remove any columns, and don't leave any blank rows in your spreadsheet.

2. Publish to the web

Under the File menu, Share submenu, select "Publish to the Web."

Don't set your Timeline Google Sheet to "anyone with the link can edit." It isn't necessary, and could lead to someone changing your timeline without your consent.

In the next window, click the green "Publish" button. When asked, "Are you sure...?" click OK. Ignore the URL that appears in the center of the window. Just close the window using the X in the top right corner.

After you close the window, copy the URL in your browser's address bar. You'll use this in the next step.

If you get an error message referencing an "Invalid Google URL," please review the above instructions. You must use the Google Sheets URL from your browser's address bar, not the one from the "publish to the web" popup.

3. Generate your timeline

Copy/paste spreadsheet URL into the box below to generate your timeline. (Make sure you've published the spreadsheet.)

4. Share your timeline

Share Link

Use this to link directly to your timeline.
If you're embedding on Medium.com or other oembed-aware services, just paste this link on a line by itself where you want your timeline to appear.
Embed

Copy this embed code and paste it on your site where you want your timeline to appear (just like a YouTube video).

Preview Open Preview in a new window

Help

Need help? First, please be sure to look at our list of frequently asked questions below. If you're brand new to Timeline JS, you may also want to watch our introductory video.

If you don't find an answer there, try our support forums or use our tech support web form. Please be clear with your question, include a link to your spreadsheet, and if appropriate, a link to a page which shows the issue with which you need help. We can only answer support questions in English. We try to be prompt, but please understand that we do not have a dedicated tech support staff.

Find a bug? If you are confident you have found a bug, please report it as a GitHub issue. Be sure to include detailed instructions on how to reproduce the bug. If you're not sure, please start with the tech support system.

Technical documentation

Go further with Timeline:

Frequently asked questions

There aren't enough options. I want more control over the [font size/color/etc]. Can I change things using CSS?

Because there are so many details to the styling, this is not exactly simple, but, if you have some technical capacity, you can override TimelineJS's CSS rules and have complete control over the look of the timeline. For details, see Overriding Timeline's Styles.

The first slide in my timeline isn't the first chronologically. Why did this happen?

When using the Google Spreadsheet to configure your timeline, if you put the word title in the type column, that slide will be put at the front, regardless of the values in the date columns. See the Google Spreadsheet documentation for more information.

How can I format text (add line breaks, bold, italics)?

TimelineJS's text fields (headline, text, caption, and credit) all accept HTML markup. A full tutorial on HTML is outside the scope of this FAQ, but here are a few basics:

Wrap paragraphs in <p></p> tags to create line breaks.

Wrap text in <b></b> tags for bold text and <i></i> for italics

To enter dates before the common era, just use a negative value for the year. Of course, you can also enter month and date if you need them.

Generally, you don't have to think about it -- just enter the dates you want. Timeline can handle dates literally to the beginning of time. For dates more than about 250,000 years ago, only the year is usable. Support for those older dates is still relatively new, so if anything seems off, visit our tech support site.

Privacy is very important to me. How should I use TimelineJS?

If you want complete control over who can see the information in your timeline, you cannot use Google Spreadsheets, and you cannot use our standard iframe embed code. Instead, you must use JSON format for the data and instantiate the timeline directly using javascript. You can then use standard web server security measures to control who has access to your timeline and the data used to create it.

Can I use TimelineJS with Wordpress?

It depends. TimelineJS does not work with Wordpress.com sites. We are researching ways to address this.
If you are able to install plugins to your Wordpress installation, we have a Wordpress plugin for Timeline. It supports embedding Timelines with Wordpress "shortcode", and as of version 3.3.14.0, it also has experimental "oembed" support. That means that you can take a direct URL to a timeline (like you get with the "get link to preview" button) and put it in a post on a line by itself, and it should be embedded. (Make sure you've updated the plugin before you try it.)

Is TimelineJS free for commercial use?

TimelineJS is released under the Mozilla Public License (MPL), version 2.0. That means that TimelineJS is free to "use, reproduce, make available, modify, display, perform, distribute" or otherwise employ. You don't need our permission to publish stories with TimelineJS and you don't need to pay us any fees or arrange any further license beyond the MPL. To read more about what you can do with TimelineJS, read our license page.

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.
View More

# data[].attributes.attachment_link.description
TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.

# data[].attributes.headline
Рекомендуемый план публичного выступления (Питчинг)

# data[].attributes.subject
Рекомендуемый план публичного выступления (Питчинг)

# data[].attributes.body
1. Представление (приветствие, представить себя - класс, ФИ, представить наставника)
2. Тема проекта. Рассказать почему была выбрана именно эта тема
3. Актуальность темы (если для подтверждения актуальности темы проводилось исследование, то представить результаты). На данном этапе выступления нужно ответить на вопрос: «Почему эта тема актуальна для Вас и для окружающих?»
4. Озвучить цели, задачи проектной работы, гипотезу (при наличии)
5. Описать ход работы над проектом, т.е. рассказать не содержание работы, а то, как Вы работу выполняли. Отвечаем на вопрос: «Что я делал(а)?». Рекомендуется на слайдах презентации разместить фото или видео хода работы.
6. Представить результат работы, чего достигли, т.е. представить продукт деятельности. В чем новизна подхода и/или полученных решений, актуальность и практическая значимость полученных результатов - продукта деятельности (кто, как и где его может использовать)? Продукт надо показать
7. Сделать вывод, отвечая на вопросы: «Достигнута ли цель работы?», «Выполнены ли задачи проекта?». «Подтверждена или опровергнута выдвинутая гипотеза?» (при наличии гипотезы)

# data[].attributes.headline
Рекомендуемый план выступления в стиле Сторителлинг 

# data[].attributes.subject
Рекомендуемый план выступления в стиле Сторителлинг 

# data[].attributes.body
Используя эту систему изложения материала, вы можете структурировать историю своего исследования, проекта и сделать его более эмоционально привлекательным, рассказать о проекта простым языком, который привлечет людей и объяснит им вашу миссию.
План выступления:
Давным-давно ...,
там был ....
Каждый день, ...
И вот однажды, ...
Из-за этого, ...
Из-за этого, ...
Пока, наконец, ...

# data[].attributes.headline
Проектные продукты:

# data[].attributes.subject
Проектные продукты:

# data[].attributes.body
1. Макеты, модели, рабочие установки, схемы, план-карты. Могут быть выполнены как в обычном формате, так и в виде информационного продукта
2. Рекламные постеры, видео-презентации продукции, социальная реклама (для бизнес проектов или проектов с финансовой направленностью)
3. Сайты, программное обеспечение, приложения
4. Альбомы, брошюры, книги
5. Реконструкции исторических событий, сюжетов литературных произведений
6. Ленты времени
7. Печатные статьи, эссе, рассказы, стихи, рисунки, если эти продукты были разработаны в ходе работы над проектом
8. Результаты исследовательских экспедиций, обработки архивов и мемуаров
9. Документальные фильмы, мультфильмы
10. Выставки, игры, тематические вечера, концерты
11. Сценарии мероприятий

# data[].attributes.headline
5 правил успешной защиты проекта

# data[].attributes.subject
5 правил успешной защиты проекта

# data[].attributes.body
1. Слушатели не ищут общения
2. Эмоции не должны заменять факты
3. Слушатели должны понимать ваш язык
4. Необходима «искра в глазах»
5. За успешной импровизацией стоят недели подготовки

# data[].attributes.headline
Лента времени 3D

# data[].attributes.subject
Лента времени 3D

# data[].attributes.body
Требуется онлайн-переводчик

# data[].attributes.attachment_link.title
Tiki-Toki Timeline Maker: Beautiful web-based timeline software

# data[].attributes.attachment_link.description
Create beautiful interactive timelines that you can share on the web. The perfect timeline maker for company history timelines and school projects.

# data[].attributes.attachment_link.title
Формулировка целей и задач проекта 2023

# data[].attributes.headline
Примеры целей и задач социальных проектов

# data[].attributes.subject
Примеры целей и задач социальных проектов

# data[].attributes.attachment_link.title
Копия Создание проекта - Google Jamboard

# data[].attributes.attachment_link.description
The version of the browser you are using is no longer supported. Please upgrade to a supported browser. Dismiss

# data[].attributes.headline
Создание анимированных роликов

# data[].attributes.subject
Создание анимированных роликов

# data[].attributes.attachment_caption
Платформа Powtoon

# data[].attributes.headline
Создание анимации

# data[].attributes.subject
Создание анимации

# data[].attributes.attachment_link.description
Log in and Make videos in minutes with Powtoon. Use our library of styles, characters, backgrounds and video, or upload your own! Easy and Awesome.

# data[].attributes.attachment_caption
Образец оформления титульного листа, автособираемого оглавления, введения, целей ...

# data[].attributes.attachment_link.title
2. Образец оформления титульного листа, автособираемого оглавления, введения, целей ...

# data[].attributes.attachment_link.title
Требования к оформлению проекта в бумажном виде

# data[].attributes.attachment_caption
Рекомендации по оформлению презентации 8-10 классы.docx

# data[].attributes.headline
Требования к оформлению презентации

# data[].attributes.subject
Требования к оформлению презентации

# data[].attributes.attachment_link.title
2. Рекомендации по оформлению презентации 8-10 классы.docx

# data[].attributes.attachment_caption
Работа с презентацией

# data[].attributes.headline
Инструкция. Как сделать презентацию в PowerPoint

# data[].attributes.subject
Инструкция. Как сделать презентацию в PowerPoint

# data[].attributes.headline
Для тех, кто боится публичных выступлений

# data[].attributes.subject
Для тех, кто боится публичных выступлений

# data[].attributes.attachment_link.title
Система Станиславского для оратора

# data[].attributes.attachment_caption
Оценочный лист. Проект 2023

# data[].attributes.headline
Что будут оценивать при защите проекта

# data[].attributes.subject
Что будут оценивать при защите проекта

# data[].attributes.attachment_link.title
Критерии оценки проекта

# data[].attributes.attachment_link.title
Типы проектов

# data[].attributes.attachment_link.title
Методы и способы 1

# data[].attributes.headline
Инструкция. Как сделать автособираемое оглавление

# data[].attributes.subject
Инструкция. Как сделать автособираемое оглавление

# data[].attributes.attachment_link.title
Автособираемое оглавление

# data[].attributes.attachment_caption
Оформление списка литературы

# data[].attributes.headline
Как оформить список литературы

# data[].attributes.subject
Как оформить список литературы

# data[].attributes.attachment_link.title
5. Оформление списка литературы

# data[].attributes.headline
Искусство презентации

# data[].attributes.subject
Искусство презентации

# data[].attributes.attachment_link.title
«Искусство презентации»

# data[].attributes.headline
Выступление формата «Печа-куча»

# data[].attributes.subject
Выступление формата «Печа-куча»

# data[].attributes.body
Формат «20 слайдов по 20 секунд» делает выступление более динамичным и привлекательным.
Презентация состоит строго из 20 слайдов, каждый слайд сменяется на следующий через 20 секунд автоматически.

# data[].attributes.attachment_caption
Flipbook поможет создать электронный буклет, брошюру, сборник

# data[].attributes.headline
Создание флипбуков

# data[].attributes.subject
Создание флипбуков

# data[].attributes.attachment_link.description
PDF to flipbook converter. Free, no ads, and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.

# data[].attributes.headline
Шаблоны презентаций для PowerPoint

# data[].attributes.subject
Шаблоны презентаций для PowerPoint

# data[].attributes.attachment_link.title
Лучшие Бесплатные шаблоны PowerPoint и темы Google Slides | Slidesacademy

# data[].attributes.attachment_link.description
Шаблоны PowerPoint и Google Slides для презентаций. 100% Бесплатный, многофункциональный и полностью настраиваемый

# data[].attributes.attachment_caption
Работа с  в текстовом редакторе

# data[].attributes.headline
Как оформить бумажный вариант. Инструкция

# data[].attributes.subject
Как оформить бумажный вариант. Инструкция

# data[].attributes.attachment_link.title
2_Работа с  в текстовом редакторе