Працюємо з сервісом TimelineJS

1. за допомогою електронної таблиці
Google
Створення стрічки часу
+

2. Цей приклад тут

3. Підготовчий етап
1. Вибрати тему.
2. Знайти інформацію.
3. Зберегти матеріал.
1. Картинки
2. Текст
3. Посилання на відео

4. Основний етап
1. Опублікувати свої картинки в
Інтернеті
2. Завантажити на свій Google
Диск шаблон таблиці
3. Заповнити таблицю
4. Опублікувати її в Інтернеті
(скопіювати посилання)
5. Вставити посилання у
відповідне місце на сторінці
сервісу TimelineJS

5. 1. Публікуємо картинки в Інтернеті
 Flickr: Найди своє натхнення.
 Flickr : завантажувати, отримувати доступ,
впорядковувати, редагувати фотографії і
обмінюватися ними з будь-якого пристрою, з
будь-якої точки світу.
 https://www.flickr.com/

6. Робота з сервісом Flickr
 Реєструємося
 Завантажуємо

7. Обираємо потрібне місце на ПК та
вивантажуємо файли з папки

8. Можна створити окремий альбом

9. Після редагування, якщо таке
потрібно, підтверджуємо загрузку

11. Для заповнення таблиці потрібна буде
адреса кожної картинки

12. 2. Отримуємо шаблон таблиці на свій
Google Drive
!!!
https://goo.gl/VmeXDQ

13. Тиснемо «Використовувати цей
шаблон»
Увага: Потрібно увійти в свій Google акаунт

14. Вже на своєму Диску ви можете
змінювати назву та видалити вміст
таблиці

15. 3. Що і куди потрібно вносити
 В стовпчики A-D вносять дату початку події (рік (обов’язково), місяць, день, час
(необов’язково) )
 В E-H вносять дату кінця події (необов’язково)
 Стовпчик I – дата для відображення, якщо фактична не відома(необов’язково)
 В J міститься заголовок слайду
 В K міститься текст слайду
 В L – посилання (URL медів-носія(картинки, відео тощо ))
 M-O – авторство медіа-носія, короткий опис та, за бажанням, URL зображення значка
ЗМІ цього медіа-носія (необов’язково)
 P – переважно пустий вміст, крім першого рядку, який є титульним слайдом і для
нього треба виставити параметр title
 Q – для групової організації слайдів (в нашому випадку пустий)
 R – фон слайду, 16-ковий код кольору, наприклад #333333

16. Так виглядає заповнена таблиця

17. 4. Публікуємо таблицю в Інтернеті

18. Публікуємо у вигляді посилання

19. Копіюємо це посилання

20. 5. Вставляємо посилання на свою
таблицю в відповідне вікно на сторінці
сервісу TimelineJS

21. Завершальний етап
Розміщення стрічки часу на своєму блозі/сайті

22. Цей фрагмент коду потрібно буде
скопіювати для вбудування на
сторінку свого блогу
Увага: Якщо потрібно, самостійно змініть розміри стрічки
(параметри width=‘__' (ширина) та height=‘__‘ (висота) )

23. Кроки виконання на блозі
1. Створити допис
2. Вписати назву
3. Перейти на вкладку
html
4. Вставити скопійований
фрагмент коду
5. Натиснути Публікація

24. Насолоджуємося роботою!