Постоянные разделы Shkaf knopka2.jpg Веб-квест.png Knopka setev2.jpg Bibliograf.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности МК АКЦИЯ 2024 ТК.PNG 2Geroy.jpg Liveknopka.jpg Family.jpg Azbukaknopka.jpg Read.jpg Uchetknopka.jpg

Ленты времени

Материал из Wiki-Сибириада
(Различия между версиями)
Перейти к: навигация, поиск
(Сервисы по созданию лент времени)
(Пример вставки «Ленты времени»)
 
(не показаны 14 промежуточных версий 2 участников)
Строка 10: Строка 10:
 
=Сервисы по созданию лент времени=
 
=Сервисы по созданию лент времени=
  
* [[TimeRime]] -
+
* [[Timetoast]] - cервис для создания лент времени на основе текстов, ссылок и изображений. Есть возможность переключить представление созданной ленты в виде обычной ленты времени с горизонтальной шкалой и карточками событий (Timeline) и в виде вертикального списка (List) с развернутыми карточками событий. Можно получить ссылку на созданную работу, но в бесплатном тарифе нельзя сгенерировать Embed код для вставки на страницу сайта. Ленту времени можно распечатать.  '''В вики не вставляется!'''
* [[Timetoast]]
+
*[https://time.graphics/ru Timegraphics] - сервис, позволяющий создавать и/или редактировать ленту времени, описание исторических событий (даты, периоды, статистика, личные данные и т. Д.), просматривать данные, опубликованные другими пользователями, и добавлять дополнительную информацию и комментарии к ним. В бесплатном тарифе можно создать 3 ленты времени, есть ограничения по количеству размещаемых событий и использования медиа ресурсов. Можно сохранять ленты времени в виде графических файлов, pdf и др.
=="Обучалки" по работе с сервисами Лент времени==
+
*[https://timeline.knightlab.com/ Timeline JS] – это инструмент по превращению таблиц Google в хронологические линии. Для этого нужно создать копию специального шаблона таблицы и наполнить её текстом с описанием происходящего в данный период или конкретный день, ссылками на медиаресурсы, иллюстрирующие события. После этого таблица публикуется и полученная ссылка вставляется в генератор таймлайнов. Получаем готовую работу в виде интерактивной ленты времени, ссылку и код для размещения готовой работы на сайт.  
* [http://www.slideshare.net/Driamy/212-7221810?from=ss_embed Как увидеть время или знакомство с Dipity.com]
+
*  [http://mainservis.blogspot.com/2009/12/blog-post_27.html Описание сервиса TimeRime]
+
* [https://docs.google.com/document/pub?id=1VjMAv8wR46xk1Qf8s6DqYAtkV9i7qlbTIlvq5IDF9G4 Работа с сервисом TimeRime]
+
* [http://mainservis.blogspot.com/2011/05/dipity.html Работа с сервисом Dipity]
+
  
{{#widget:SlideShare |doc=212-110310125301-phpapp01 |width=425 |height=348 }}
 
  
==Как разместить Ленту времени в вики-среде==  
+
=="Обучалки" по работе с сервисами Лент времени==
На сайте сервиса Dipity создаем Ленту времени [http://www.dipity.com/serba/_4/ '''Пример''']
+
+
Наверху справа жмем кнопочку “Embed”.
+
  
Появляется окошко с кодом для размещения на другом сайте:
+
==Как разместить Ленту времени в вики-среде==
<pre>
+
<div class="dipity_embed" style="width:600px"><iframe width="600" height="400"
+
 
+
src="http://www.dipity.com/serba/_4/?mode=embed&z=0#tl" style="border:1px solid #CCC;">
+
 
+
</iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center">
+
 
+
<a href="http://www.dipity.com/serba/_4/">История телефонов</a> on
+
 
+
<a href="http://www.dipity.com/" />Dipity</a>.</p></div>
+
</pre>
+
 
+
 
+
Из этого кода нам необходима ссылка от '''http://''' до '''?mode=embed&z=0#tl'''. В нашем примере это ссылка '''<nowiki>http://www.dipity.com/serba/_4/?mode=embed&z=0#tl </nowiki>'''
+
 
+
И подставляем это все вот так:
+
 
+
<pre>
+
  {{#widget:Iframe
+
  |url=http://www.dipity.com/serba/_4/?mode=embed&z=0#tl
+
  |width=600
+
  |height=400
+
  |border=0
+
  }}
+
</pre>
+
 
+
Параметры width и height желательно приводить в соответствие, чтобы размер всего окна «Ленты времени» не растягивался на всю страницу
+
  
 
==Пример вставки «Ленты времени»==
 
==Пример вставки «Ленты времени»==
  
 
{{#widget:Iframe
 
{{#widget:Iframe
|url=
+
|url=https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1RxDdbN7FluEqAa91NhBw7SWPlc2deuXyi4OMcuoEUtw&amp
 +
|width=800
 +
|height=400
 +
|border=0
 +
}}
 +
 
 +
{{#widget:Iframe
 +
|url=https://time.graphics/ru/line/6
 +
|width=800
 +
|height=400
 +
|border=0
 +
}}
 +
{{#widget:Iframe
 +
|url=http://www.tiki-toki.com/timeline/entry/494250/-1999-2017/
 
|width=800
 
|width=800
 
|height=400
 
|height=400
Строка 64: Строка 42:
  
 
==Примеры лент времени==
 
==Примеры лент времени==
* [[Ленты времени, созданные участниками - 2011]]
 
* [[Ленты времени, созданные участниками-2012]]
 
  
 +
*Timetoast/ [https://www.timetoast.com/timelines/615aefcf-2f81-47ed-9f9a-5fbba79d59fd "Эпохи в искусстве»].
 +
* Timegraphics. [https://time.graphics/ru/line/6 Александр Сергеевич Пушкин]
 +
*Timeline JS. [https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1RxDdbN7FluEqAa91NhBw7SWPlc2deuXyi4OMcuoEUtw&amp Николай Николаевич Блинов]
  
 
[[Категория:Коллекции]]
 
[[Категория:Коллекции]]
 
[[Категория:Лента времени]]
 
[[Категория:Лента времени]]

Текущая версия на 10:24, 27 декабря 2019

Сервис для создания лент времени - это веб-приложение, которое позволяет пользователям просматривать, создавать, обмениваться и сравнивать интерактивные графики - Линии времени (от англ. Timeline — букв. «линия времени»). Линия (шкала, лента, линейка) времени служит для создания временно-событийных линеек – на линейку времени наносятся отрезки времени в виде конкретных дат или периодов для событий исторического/географического периода, жизни и творчества персонажа, личности, эпохи и т.п. События можно представлять в виде текста, картинки или видео. Для описания события помимо текста можно использовать ссылки на ресурсы в Интернете, связанные с этим событием, фото, видео. Сервис могут использовать школьники и студенты, проводящие свои собственные исследования. Они могут делать это индивидуально или в группах.

Содержание

Подбор материалов для ленты времени

Для поиска и отбора учебных материалов учащимся можно использовать:

Сервисы по созданию лент времени


"Обучалки" по работе с сервисами Лент времени

Как разместить Ленту времени в вики-среде

Пример вставки «Ленты времени»

Примеры лент времени

Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты