Содержание темы 9 Знакомство с блоками контента с точки зрения их методической ценности и учебного воздействия. Методические аспекты использования Тильды для создания учебного онлайн-контента. Значение и основные приёмы электронной типографики. Их методическое значение. Настройки блоков. Настройка и загрузка контента в блок контента. Настройка параметров отображения блока.

1. Каллиников П.Ю.
Тема 8. Создание промо страницы учебного курса
Тема 9. Методические возможности Тильды
ВЕБИНАР 15.06.2017 15.00 MSK
Профессиональная разработка
электронного учебного контента II ― 2017
Мы общаемся здесь:
https://www.facebook.com/groups/1786212415024629/
Материалы курса располагаются здесь:
http://contentium.tilda.ws/page175655.html

2. Наш курс
ВЕБИНАРЫ
• 23 мая в 15.00 MSK
• 25 мая в 15.00 MSK
• 30 мая в 15.00 MSK
• 1 июня в 15.00 MSK
• 6 июня в 15.00 MSK
• 8 июня в 15.00 MSK
• 13 июня в 15.00 MSK
• 15 июня в 15.00 MSK
• 20 июня в 15.00 MSK
• 22 июня в 15.00 MSK

3. Типографика
Хорошая типографика незаметна.
Плохая типографика повсюду.
Типографика— это модный термин, под которым
подразумеваются способы красивого визуального
отображения слов. Хорошая типографика
удерживает внимание учащегося и подталкивает его
к прочтению всего этого крутого контента. Плохая
типографика вдруг напоминает учащемуся, что он
забыл проверить новости на Facebook или другом
сайте и что это нужно сделать прямо сейчас.

4. Работаем с текстами.
Соблюдаем типографику
Через форму текста автор передаёт важное
сообщение читателю.
От этого сообщения зависит восприятие
учебного материала!

5. Работаем с текстами.
Соблюдаем типографику
Как улучшить E-Learning при помощи типографики: https://goo.gl/0VBM28

6. Выбираем шрифты
Рекомендации полностью читайте в
блоге сервиса «Тильда»:
http://tilda.education/articles-fonts

7. Вопросы темы 7
• Настройка аккаунта
• Настройка сайта
• Настройка отдельного
лонгрида
• Настройка блока
• Операции с блоками
• Знакомство с блоками
контента

8. Знакомство с блоками контента

9. Обложка

10. Обложка: картинка + тексты

11. Обложка: картинка + тексты

12. Обложка: картинка + тексты на плашке

13. Обложка: картинка + тексты + фото автора

14. Обложка: картинка + тексты + логотип

15. Обложка: картинка + тексты + кнопки

16. Обложка: картинка + тексты + видео

17. Обложка: картинка + тексты + поля ввода

18. Заголовок

19. Заголовок: разные размеры и элементы

20. Заголовок: разные размеры и элементы

21. Текст

22. Текст: разные размеры и элементы

23. Текст: текст на фоне иллюстрации

24. Текст: раскрывающийся текст

25. Текст: вопросы и ответы

26. Текст: коды

27. Текст: интервью (вопрос-ответ)

28. Текст: текст с цифрой в кружке для списка

29. Изображение

30. Картинка: картинка + подпись

31. Картинка: картинка, подпись, текст

32. Картинка: картинка + текст на подложке

33. Картинка: картинка в круге + подпись

34. Картинка: картинка, обтекающий текст

35. Галерея иображений

36. Всплывающая галерея - слайдер

37. Ключевая фраза

38. Ключевая фраза - варианты

39. Ключевая фраза - варианты

40. Прямая речь (цитата)

41. Прямая речь - варианты

42. Прямая речь - варианты

43. Прямая речь - варианты

44. Колонки

45. Колонки - варианты

46. Колонки - варианты

47. Колонки - варианты

48. Колонки - варианты

49. Колонки - варианты

50. Разделитель

51. Разделители - варианты

52. Разделители – переключатель цвета фона
http://help-ru.tilda.ws/backgroundchanger

53. Меню

54. Меню - варианты

55. Список страниц

56. Список страниц

57. Плитки

58. Плитки

59. Плитки

60. Плитки

61. Видео

62. Видео (вставка с YouTube)

63. Видео (вставка с Vimeo)

64. Видео HTML5
(видеофайл на вашем сайте)

65. Видео (два плеера)

66. Видео (YouTube с текстом)

67. Видео (Coub)

68. Видео (PopUp с YouTube или Vimeo)

69. Видео (видео + картинка + описание)

70. Видео (видео с обложкой)

71. Формы и кнопки

72. Формы и кнопки

73. Формы и кнопки

74. Другое

75. Другое

76. Другое

77. Другое

78. Практикум 8
Создать промо-страницу с программой вашего
(или гипотетического) учебного курса или
промо-страницу автора курса.

79. Практикум 9
Создать страницу темы своего (или
гипотетического) учебного курса.

80. © 2017, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
 komail@gmail.com
https://www.facebook.com/kallinikov
Вопросы?