SlideShare a Scribd company logo
Курс «Профессиональная разработка электронного учебного контента II»
Практикум 8. Пошаговая инструкция
Задание практикума.
Создать промо-страницу с программой вашего (или гипотетического) учебного курса или промо-страницу
автора курса.
1. Для того, чтобы вам были доступны все блоки Тильды, активируйте бесплатно тарифный план
Personal.
2. Войдите в свой аккаунт. На странице своего сайта нажмите на кнопку Создать новую страницу.
3. На открывшейся странице выбора шаблона выберете шаблон Пустая страница.
4. Откроется начальное окно редактирования страницы. Нажмите на кнопку Все блоки, чтобы начать
вставку блоков вашей страницы.
5. Справа откроется окно библиотеки блоков. Здесь находятся разделы (категории) блоков. Вставка
конкретных блоков производится после выбора соответствующего раздела.
6. В качестве примерного образца для промо-страницы курса с расписанием мы возьмём промо-
страницу настоящего курса. Для заполнения страницы нам понадобятся следующие блоки. Список в
порядке вставки (сверху вниз).
a. Обложка промо-страницы. Раздел Обложка, блок CR11
b. Меню «Гамбургер». Раздел Меню, блок ME404
c. «Габаритные параметры курса». Раздел Колонки, блок CL18
d. «Почему вы должны выбрать этот курс». Раздел Преимущества, блок FR102
e. Информация об организаторе курса. Раздел Изображение, блок IM10
f. Обращение автора курса. Раздел Прямая речь, блок QT04
g. Заголовок «Формы участия». Раздел Заголовок, блок TL01
h. Информация о формах участия в курсе и ценах. Раздел Тарифы, блок PL300
i. Кнопка «Записаться на курс». Раздел Форма и кнопка, блок BF101
j. Заголовок «Программа курса». Раздел Заголовок, блок TL01
k. Обложка темы курса. Раздел Обложка, блок CR18
l. Содержание Темы курса. Раздел Текстовый блок, блок ТХ13
m. Практикум. Раздел Текстовый блок, блок ТХ13
ПРИМЕЧАНИЕ. Последние три блока повторить необходимое число раз
n. Заголовок расписания курса. Раздел Заголовок, блок TL01
o. Расписание курса. Раздел Другое, блок Т123.
ПРИМЕЧАНИЕ. Здесь можно вставить расписание, изготовленное в сервисе TimeLineJS. Пример
таблицы для такого расписания.
p. Заголовок «Отзывы». Раздел Заголовок, блок TL03A
q. Отзыв. Раздел Прямая речь, блок QT12.
ПРИМЕЧАНИЕ. Этот блок можно повторить необходимое число раз
r. Заголовок формы связи с автором. Раздел Заголовок, блок TL02
s. Форма связи с автором. Раздел Форма и кнопка, блок BF203N
t. Кнопки соцсетей. Раздел Соц.сети, блок SN202
u. Подвал. Раздел Подвал, блок FT101
7. Вставьте блоки согласно приведённому выше списку. Можно использовать не все блоки, а только
необходимые.
8. Заполните блоки собственным контентом, применяя способ, показанный в инструкции к
Практикуму 7.
9. В качестве примера заполнения и настройки нестандартного блока рассмотрим кнопку, загорающуюся
при наведении на нее мыши (такой эффект повышает кликабельность кнопки).
10. Вставим кнопку согласно п. 6i
11. Результат вставки выглядит так. Нажмём на кнопку Контент.
12. В открывшемся окне настройки контента введём свои данные.
13. В качестве текста кнопки напишем «Записаться на курс», в качестве ссылки – ссылку на страницу, где
будет осуществляться запись и оплата (в учебном примере можно указать произвольный адрес),
справа выберем «В новом окне». Затем нажмём на кнопку Сохранить и закрыть.
14. Результат будет выглядеть так. Теперь нажмём на кнопку Настройки.
15. Появится окно настроек блока. В нем надо нажать на строку Дополнительные настройки.
16. Окно расширится вниз. Появятся дополнительные настройки. В них надо настроить цвета в
соответствии со скриншотом. После этого нажать на кнопку Сохранить и закрыть.
17. Теперь кнопка будет выглядеть как и раньше, но при наведении на неё курсора мыши изменит свой
цвет.
18. Проведите настройки контента всех вставленных блоков.
19. Опубликуйте страницу.
20. Работа над Практикумом 8 закончена. Скопируйте ссылку из поля адреса опубликованной страницы и
поместите ее в сообщение в группе курса в Facebook. При необходимости можно редактировать и
публиковать страницу многократно.

More Related Content

Similar to Практикум 8

Практикум 9
Практикум 9Практикум 9
Практикум 9
Pavel Kallinikov
 
создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)MarcoFill
 
как оформить подписку на блог
как оформить подписку на блогкак оформить подписку на блог
как оформить подписку на блогGalina Sklemina
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Александр Шамрай
 
упражнение 5
упражнение 5упражнение 5
упражнение 5Artyukhova
 
как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)
Михаил Парамонов
 
Практикум 1
Практикум 1Практикум 1
Практикум 1
Pavel Kallinikov
 
Web forms tutorial
Web forms tutorialWeb forms tutorial
Web forms tutorialevpolov
 
Практикум 3
Практикум 3Практикум 3
Практикум 3
Pavel Kallinikov
 
упражнение 6
упражнение 6упражнение 6
упражнение 6Artyukhova
 
Подготовка тестов в ПМК Знак
Подготовка тестов в ПМК ЗнакПодготовка тестов в ПМК Знак
Подготовка тестов в ПМК ЗнакGala Timofeeva
 
Практикум 2
Практикум 2Практикум 2
Практикум 2
Pavel Kallinikov
 
Google презентации
Google презентацииGoogle презентации
Google презентацииborovkovatg
 
Интегратор Bitrix 4 занятие
Интегратор Bitrix 4 занятиеИнтегратор Bitrix 4 занятие
Интегратор Bitrix 4 занятиеitc73
 
Практикум 4
Практикум 4Практикум 4
Практикум 4
Pavel Kallinikov
 
разработка дистанционного курса в е км-школе
разработка дистанционного курса в е км-школеразработка дистанционного курса в е км-школе
разработка дистанционного курса в е км-школеEsperanza710
 
создание презентации Power point
создание презентации                  Power pointсоздание презентации                  Power point
создание презентации Power point
Darinka100
 

Similar to Практикум 8 (20)

Практикум 9
Практикум 9Практикум 9
Практикум 9
 
создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)создание сайта в_системе_ucoz(2014)
создание сайта в_системе_ucoz(2014)
 
как оформить в боковой колонке
как оформить в боковой колонкекак оформить в боковой колонке
как оформить в боковой колонке
 
Opik
OpikOpik
Opik
 
как оформить подписку на блог
как оформить подписку на блогкак оформить подписку на блог
как оформить подписку на блог
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
 
упражнение 5
упражнение 5упражнение 5
упражнение 5
 
как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)
 
Практикум 1
Практикум 1Практикум 1
Практикум 1
 
Web forms tutorial
Web forms tutorialWeb forms tutorial
Web forms tutorial
 
Практикум 3
Практикум 3Практикум 3
Практикум 3
 
упражнение 6
упражнение 6упражнение 6
упражнение 6
 
Подготовка тестов в ПМК Знак
Подготовка тестов в ПМК ЗнакПодготовка тестов в ПМК Знак
Подготовка тестов в ПМК Знак
 
Практикум 2
Практикум 2Практикум 2
Практикум 2
 
Google презентации
Google презентацииGoogle презентации
Google презентации
 
Интегратор Bitrix 4 занятие
Интегратор Bitrix 4 занятиеИнтегратор Bitrix 4 занятие
Интегратор Bitrix 4 занятие
 
Практикум 4
Практикум 4Практикум 4
Практикум 4
 
публикация презентаций On line
публикация презентаций On lineпубликация презентаций On line
публикация презентаций On line
 
разработка дистанционного курса в е км-школе
разработка дистанционного курса в е км-школеразработка дистанционного курса в е км-школе
разработка дистанционного курса в е км-школе
 
создание презентации Power point
создание презентации                  Power pointсоздание презентации                  Power point
создание презентации Power point
 

More from Pavel Kallinikov

2017-06-20 (вебинар-9)
2017-06-20 (вебинар-9)2017-06-20 (вебинар-9)
2017-06-20 (вебинар-9)
Pavel Kallinikov
 
2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)
Pavel Kallinikov
 
2017-06-15 (вебинар-8)
2017-06-15 (вебинар-8)2017-06-15 (вебинар-8)
2017-06-15 (вебинар-8)
Pavel Kallinikov
 
2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)
Pavel Kallinikov
 
2017-06-08 (вебинар-6)
2017-06-08 (вебинар-6)2017-06-08 (вебинар-6)
2017-06-08 (вебинар-6)
Pavel Kallinikov
 
2017-06-06 (вебинар-5)
2017-06-06 (вебинар-5)2017-06-06 (вебинар-5)
2017-06-06 (вебинар-5)
Pavel Kallinikov
 
2017-06-01 (вебинар-4)
2017-06-01 (вебинар-4)2017-06-01 (вебинар-4)
2017-06-01 (вебинар-4)
Pavel Kallinikov
 
Практикум 10
Практикум 10  Практикум 10
Практикум 10
Pavel Kallinikov
 
Практикум 5
Практикум 5Практикум 5
Практикум 5
Pavel Kallinikov
 
Практикум 3
Практикум 3Практикум 3
Практикум 3
Pavel Kallinikov
 
2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)
Pavel Kallinikov
 
2017-05-25 (вебинар-2)
2017-05-25 (вебинар-2)2017-05-25 (вебинар-2)
2017-05-25 (вебинар-2)
Pavel Kallinikov
 
2017-05-23 (вебинар-1)
2017-05-23 (вебинар-1)2017-05-23 (вебинар-1)
2017-05-23 (вебинар-1)
Pavel Kallinikov
 
Практикум 10
Практикум 10Практикум 10
Практикум 10
Pavel Kallinikov
 
Практикум 9
Практикум 9Практикум 9
Практикум 9
Pavel Kallinikov
 
2017 03-16 (вебинар 10)
2017 03-16 (вебинар 10)2017 03-16 (вебинар 10)
2017 03-16 (вебинар 10)
Pavel Kallinikov
 
2017 03-14 (вебинар 9)
2017 03-14 (вебинар 9)2017 03-14 (вебинар 9)
2017 03-14 (вебинар 9)
Pavel Kallinikov
 
2017 03-09 (вебинар 8)
2017 03-09 (вебинар 8)2017 03-09 (вебинар 8)
2017 03-09 (вебинар 8)
Pavel Kallinikov
 
2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)
Pavel Kallinikov
 
2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)
Pavel Kallinikov
 

More from Pavel Kallinikov (20)

2017-06-20 (вебинар-9)
2017-06-20 (вебинар-9)2017-06-20 (вебинар-9)
2017-06-20 (вебинар-9)
 
2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)2017-06-22 (вебинар-10)
2017-06-22 (вебинар-10)
 
2017-06-15 (вебинар-8)
2017-06-15 (вебинар-8)2017-06-15 (вебинар-8)
2017-06-15 (вебинар-8)
 
2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)2017-06-13 (вебинар-7)
2017-06-13 (вебинар-7)
 
2017-06-08 (вебинар-6)
2017-06-08 (вебинар-6)2017-06-08 (вебинар-6)
2017-06-08 (вебинар-6)
 
2017-06-06 (вебинар-5)
2017-06-06 (вебинар-5)2017-06-06 (вебинар-5)
2017-06-06 (вебинар-5)
 
2017-06-01 (вебинар-4)
2017-06-01 (вебинар-4)2017-06-01 (вебинар-4)
2017-06-01 (вебинар-4)
 
Практикум 10
Практикум 10  Практикум 10
Практикум 10
 
Практикум 5
Практикум 5Практикум 5
Практикум 5
 
Практикум 3
Практикум 3Практикум 3
Практикум 3
 
2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)
 
2017-05-25 (вебинар-2)
2017-05-25 (вебинар-2)2017-05-25 (вебинар-2)
2017-05-25 (вебинар-2)
 
2017-05-23 (вебинар-1)
2017-05-23 (вебинар-1)2017-05-23 (вебинар-1)
2017-05-23 (вебинар-1)
 
Практикум 10
Практикум 10Практикум 10
Практикум 10
 
Практикум 9
Практикум 9Практикум 9
Практикум 9
 
2017 03-16 (вебинар 10)
2017 03-16 (вебинар 10)2017 03-16 (вебинар 10)
2017 03-16 (вебинар 10)
 
2017 03-14 (вебинар 9)
2017 03-14 (вебинар 9)2017 03-14 (вебинар 9)
2017 03-14 (вебинар 9)
 
2017 03-09 (вебинар 8)
2017 03-09 (вебинар 8)2017 03-09 (вебинар 8)
2017 03-09 (вебинар 8)
 
2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)
 
2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)
 

Практикум 8

  • 1. Курс «Профессиональная разработка электронного учебного контента II» Практикум 8. Пошаговая инструкция Задание практикума. Создать промо-страницу с программой вашего (или гипотетического) учебного курса или промо-страницу автора курса. 1. Для того, чтобы вам были доступны все блоки Тильды, активируйте бесплатно тарифный план Personal. 2. Войдите в свой аккаунт. На странице своего сайта нажмите на кнопку Создать новую страницу.
  • 2. 3. На открывшейся странице выбора шаблона выберете шаблон Пустая страница. 4. Откроется начальное окно редактирования страницы. Нажмите на кнопку Все блоки, чтобы начать вставку блоков вашей страницы.
  • 3. 5. Справа откроется окно библиотеки блоков. Здесь находятся разделы (категории) блоков. Вставка конкретных блоков производится после выбора соответствующего раздела. 6. В качестве примерного образца для промо-страницы курса с расписанием мы возьмём промо- страницу настоящего курса. Для заполнения страницы нам понадобятся следующие блоки. Список в порядке вставки (сверху вниз). a. Обложка промо-страницы. Раздел Обложка, блок CR11 b. Меню «Гамбургер». Раздел Меню, блок ME404 c. «Габаритные параметры курса». Раздел Колонки, блок CL18 d. «Почему вы должны выбрать этот курс». Раздел Преимущества, блок FR102 e. Информация об организаторе курса. Раздел Изображение, блок IM10
  • 4. f. Обращение автора курса. Раздел Прямая речь, блок QT04 g. Заголовок «Формы участия». Раздел Заголовок, блок TL01 h. Информация о формах участия в курсе и ценах. Раздел Тарифы, блок PL300 i. Кнопка «Записаться на курс». Раздел Форма и кнопка, блок BF101 j. Заголовок «Программа курса». Раздел Заголовок, блок TL01 k. Обложка темы курса. Раздел Обложка, блок CR18 l. Содержание Темы курса. Раздел Текстовый блок, блок ТХ13 m. Практикум. Раздел Текстовый блок, блок ТХ13 ПРИМЕЧАНИЕ. Последние три блока повторить необходимое число раз n. Заголовок расписания курса. Раздел Заголовок, блок TL01 o. Расписание курса. Раздел Другое, блок Т123. ПРИМЕЧАНИЕ. Здесь можно вставить расписание, изготовленное в сервисе TimeLineJS. Пример таблицы для такого расписания. p. Заголовок «Отзывы». Раздел Заголовок, блок TL03A q. Отзыв. Раздел Прямая речь, блок QT12. ПРИМЕЧАНИЕ. Этот блок можно повторить необходимое число раз r. Заголовок формы связи с автором. Раздел Заголовок, блок TL02 s. Форма связи с автором. Раздел Форма и кнопка, блок BF203N t. Кнопки соцсетей. Раздел Соц.сети, блок SN202 u. Подвал. Раздел Подвал, блок FT101 7. Вставьте блоки согласно приведённому выше списку. Можно использовать не все блоки, а только необходимые. 8. Заполните блоки собственным контентом, применяя способ, показанный в инструкции к Практикуму 7. 9. В качестве примера заполнения и настройки нестандартного блока рассмотрим кнопку, загорающуюся при наведении на нее мыши (такой эффект повышает кликабельность кнопки). 10. Вставим кнопку согласно п. 6i
  • 5. 11. Результат вставки выглядит так. Нажмём на кнопку Контент. 12. В открывшемся окне настройки контента введём свои данные. 13. В качестве текста кнопки напишем «Записаться на курс», в качестве ссылки – ссылку на страницу, где будет осуществляться запись и оплата (в учебном примере можно указать произвольный адрес), справа выберем «В новом окне». Затем нажмём на кнопку Сохранить и закрыть.
  • 6. 14. Результат будет выглядеть так. Теперь нажмём на кнопку Настройки. 15. Появится окно настроек блока. В нем надо нажать на строку Дополнительные настройки.
  • 7. 16. Окно расширится вниз. Появятся дополнительные настройки. В них надо настроить цвета в соответствии со скриншотом. После этого нажать на кнопку Сохранить и закрыть.
  • 8. 17. Теперь кнопка будет выглядеть как и раньше, но при наведении на неё курсора мыши изменит свой цвет. 18. Проведите настройки контента всех вставленных блоков. 19. Опубликуйте страницу. 20. Работа над Практикумом 8 закончена. Скопируйте ссылку из поля адреса опубликованной страницы и поместите ее в сообщение в группе курса в Facebook. При необходимости можно редактировать и публиковать страницу многократно.