SlideShare a Scribd company logo
Курс «Профессиональная разработка электронного учебного контента»
Практикум 5. Пошаговая инструкция
Задание практикума.
Cоздать лонгридна основе одногоиз шаблоновсервиса «Тильда»
1. Зарегистрируйтесьвсервисе Тильда.Вам автоматическистанетдоступенбесплатный тарифныйплан
сервиса.
2. Сразу после регистрациимыпопадаемв окно Быстрыйстарт,где можно выбратьшаблондля нашего
лонгрида.
3. Промотаемстраницудо появленияшаблона Обучающийкурси нажмёмна кнопку Выбратьна плитке
этогошаблона.
4. В отдельномокошке появляютсякраткие обучающие материалыпосервисуТильда,а после их
просмотравы попадаете восновное окнопроекта,заполненноесодержимымшаблона.Онозанимает
несколькоэкранов.Нашазадача изменитьсодержимое (контент)шаблонаподнашсуществующий
или гипотетическийучебныйкурс.
5. Длязамены контентавкаждом из блоков используемкнопку Контент влевомверхнемуглукаждого
из них.
6. Рассмотрим процессзагрузки собственногоконтентанапримере блока персоны(кодблокаTM502).
Дляэтоговам надо подготовитьинформациюобавторе вашегокурса – ФИО,должность,краткийтекст
и фотографиюв достаточномразрешенииисо смещеннойвправофигурой.
7. Нажмём на кнопкуКонтент,выпадетокошко,вкоторомможноправитьтекстовые поляи загрузить
фотографию.
8. Сначалазаменим все текстовые поля ИМЯПЕРСОНЫ, ИНФОРМАЦИЯОПЕРСОНЕ, ТЕКСТ. И нажмём
кнопку Сохранитьизакрыть,чтобы сохранитьрезультатипосмотретьизменениявблоке.
9. Результатбудетвыглядетьвоттак.
10. Дляизмененияфотографиивыберемфотоавтора со смещённойвправофигурой.Этого можно
достичь,например,путём обрезкифотографии,накоторойестьсвободный фон слеваи справа.
11. Снова нажимаемна кнопку Контент.И в открывшемсяокне – на Загрузить файл.Открываетсяокно
загрузки файла.
12. На открывшеесяокнонадоперетащитьфайл фотографиииз проводника. Изображение загрузитсяв
сервис и появитсяв окне Контент.Теперь,каквп. 8 нажмемкнопку Сохранитьизакрыть,чтобы
сохранитьи посмотретьрезультат.
13. Вот результат,которыймы получили.
14. Если он нас не устраивает,можнообрезатьилиотредактироватьфотографиюпрямовсервисе Тильда.
Эта операция– для дополнительногоизучения.Посмотрите Ролик1и Ролик2, чтобыразобраться как
работаетвстроенныйграфический редакторТильды.
15. На примере одногоблокамы разобралиськак изменятьконтентблоковТильды.В каждом блоке свой
наборконтентных полей,новсе онизаполняютсяаналогичнорассмотренномуслучаю.
16. Опираясьна приведенныйвыше пример,заменитеконтентвсех блоковшаблонанасвой
собственный.Принеобходимостилишние блокиможноудалитьприпомощи кнопкиудаленияблока.
17. Внимание!В использованномшаблоне водном случае (обложка) используетсяособыйвидблока,не
имеющийкнопкиКонтент.Дляредактированияданногоблокапростощёлкайте мышьюнанадписях и
картинках и заменяйте их по месту.Признакомтого,что надпись можноредактироватьявляется
появление серойполупрозрачнойподсветкитекстовогополяипоявлениякурсораввиде
вертикальногоотрезка(каквтекстовомлюбомредакторе).Прищелчке пополюс иллюстрацией
возникаетокнозагрузки, аналогичное тому,чтомы использовалив п.11.
18. После того,как все блокибудут заменены,надоопубликоватьрезультат.Дляэтоговверхнемменю
сервиса надо нажать на кнопкуопубликовать.
19. Появится окнос адресомопубликованнойстраницыи кнопка Открытьстраницу.
20. Нажмите на этукнопку, иопубликованнаястраницапоявитсяв новойвкладке браузера.
21. Работанад Практикумом5 закончена.Теперьскопируйте ссылкуизполя адреса опубликованной
страницыи поместите ее всообщение вгруппе курсав Facebook.Принеобходимостиможно
редактироватьипубликоватьстраницумногократно

More Related Content

Viewers also liked

Viewers also liked (10)

2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)2017 02-28 (вебинар-6)
2017 02-28 (вебинар-6)
 
2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)2017 03-02 (вебинар 7)
2017 03-02 (вебинар 7)
 
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)
 
Практикум 8
Практикум 8Практикум 8
Практикум 8
 
Практикум 7
Практикум 7Практикум 7
Практикум 7
 
Практикум 6
Практикум 6Практикум 6
Практикум 6
 
Практикум 1
Практикум 1Практикум 1
Практикум 1
 
Памятка по формату Gift
Памятка по формату GiftПамятка по формату Gift
Памятка по формату Gift
 
Руководство по тестам
Руководство по тестамРуководство по тестам
Руководство по тестам
 

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

работа с блогом1
работа с блогом1работа с блогом1
работа с блогом1
Nata Koinova
 
работа с блогом1
работа с блогом1работа с блогом1
работа с блогом1
Natalia Odegova
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Александр Шамрай
 
портал центра обучения и развития Райффайзенбанк 2015
портал центра обучения и развития Райффайзенбанк 2015портал центра обучения и развития Райффайзенбанк 2015
портал центра обучения и развития Райффайзенбанк 2015
WebSoft
 
мастер --класс
мастер --классмастер --класс
мастер --класс
lydashok
 
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
SRC
 
Быстрое освоение программы PowerPoint
Быстрое освоение программы PowerPointБыстрое освоение программы PowerPoint
Быстрое освоение программы PowerPoint
Tatyana Utkina
 

Similar to Практикум 5 (14)

Практикум 6
Практикум 6Практикум 6
Практикум 6
 
Практикум 7
Практикум 7Практикум 7
Практикум 7
 
работа с блогом1
работа с блогом1работа с блогом1
работа с блогом1
 
работа с блогом1
работа с блогом1работа с блогом1
работа с блогом1
 
Практикум 9
Практикум 9Практикум 9
Практикум 9
 
Все что вы хотели знать про разработку электронных курсов
Все что вы хотели знать про разработку электронных курсовВсе что вы хотели знать про разработку электронных курсов
Все что вы хотели знать про разработку электронных курсов
 
как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)как пользоваться Base camp (для новых клиентов)
как пользоваться Base camp (для новых клиентов)
 
История одной трансформации: как Magento 1 разработчику быстро переориентиров...
История одной трансформации: как Magento 1 разработчику быстро переориентиров...История одной трансформации: как Magento 1 разработчику быстро переориентиров...
История одной трансформации: как Magento 1 разработчику быстро переориентиров...
 
Практикум 8
Практикум 8Практикум 8
Практикум 8
 
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
Разработка оптимального ПО - создание раскадровок и сбор отзывов от заинтерес...
 
портал центра обучения и развития Райффайзенбанк 2015
портал центра обучения и развития Райффайзенбанк 2015портал центра обучения и развития Райффайзенбанк 2015
портал центра обучения и развития Райффайзенбанк 2015
 
мастер --класс
мастер --классмастер --класс
мастер --класс
 
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
Презентация к вебинару "Использование технологий Веб 2.0 в корпоративном обуч...
 
Быстрое освоение программы PowerPoint
Быстрое освоение программы PowerPointБыстрое освоение программы PowerPoint
Быстрое освоение программы PowerPoint
 

More from Pavel Kallinikov

More from Pavel Kallinikov (18)

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
 
Практикум 4
Практикум 4Практикум 4
Практикум 4
 
Практикум 3
Практикум 3Практикум 3
Практикум 3
 
2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)2017-05-30 (вебинар-3)
2017-05-30 (вебинар-3)
 
Практикум 2
Практикум 2Практикум 2
Практикум 2
 
Практикум 1
Практикум 1Практикум 1
Практикум 1
 
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
 

Практикум 5

  • 1. Курс «Профессиональная разработка электронного учебного контента» Практикум 5. Пошаговая инструкция Задание практикума. Cоздать лонгридна основе одногоиз шаблоновсервиса «Тильда» 1. Зарегистрируйтесьвсервисе Тильда.Вам автоматическистанетдоступенбесплатный тарифныйплан сервиса. 2. Сразу после регистрациимыпопадаемв окно Быстрыйстарт,где можно выбратьшаблондля нашего лонгрида.
  • 2. 3. Промотаемстраницудо появленияшаблона Обучающийкурси нажмёмна кнопку Выбратьна плитке этогошаблона. 4. В отдельномокошке появляютсякраткие обучающие материалыпосервисуТильда,а после их просмотравы попадаете восновное окнопроекта,заполненноесодержимымшаблона.Онозанимает несколькоэкранов.Нашазадача изменитьсодержимое (контент)шаблонаподнашсуществующий или гипотетическийучебныйкурс.
  • 3. 5. Длязамены контентавкаждом из блоков используемкнопку Контент влевомверхнемуглукаждого из них. 6. Рассмотрим процессзагрузки собственногоконтентанапримере блока персоны(кодблокаTM502). Дляэтоговам надо подготовитьинформациюобавторе вашегокурса – ФИО,должность,краткийтекст и фотографиюв достаточномразрешенииисо смещеннойвправофигурой.
  • 4. 7. Нажмём на кнопкуКонтент,выпадетокошко,вкоторомможноправитьтекстовые поляи загрузить фотографию.
  • 5. 8. Сначалазаменим все текстовые поля ИМЯПЕРСОНЫ, ИНФОРМАЦИЯОПЕРСОНЕ, ТЕКСТ. И нажмём кнопку Сохранитьизакрыть,чтобы сохранитьрезультатипосмотретьизменениявблоке.
  • 6. 9. Результатбудетвыглядетьвоттак. 10. Дляизмененияфотографиивыберемфотоавтора со смещённойвправофигурой.Этого можно достичь,например,путём обрезкифотографии,накоторойестьсвободный фон слеваи справа.
  • 7. 11. Снова нажимаемна кнопку Контент.И в открывшемсяокне – на Загрузить файл.Открываетсяокно загрузки файла. 12. На открывшеесяокнонадоперетащитьфайл фотографиииз проводника. Изображение загрузитсяв сервис и появитсяв окне Контент.Теперь,каквп. 8 нажмемкнопку Сохранитьизакрыть,чтобы сохранитьи посмотретьрезультат.
  • 8. 13. Вот результат,которыймы получили. 14. Если он нас не устраивает,можнообрезатьилиотредактироватьфотографиюпрямовсервисе Тильда. Эта операция– для дополнительногоизучения.Посмотрите Ролик1и Ролик2, чтобыразобраться как работаетвстроенныйграфический редакторТильды. 15. На примере одногоблокамы разобралиськак изменятьконтентблоковТильды.В каждом блоке свой наборконтентных полей,новсе онизаполняютсяаналогичнорассмотренномуслучаю.
  • 9. 16. Опираясьна приведенныйвыше пример,заменитеконтентвсех блоковшаблонанасвой собственный.Принеобходимостилишние блокиможноудалитьприпомощи кнопкиудаленияблока. 17. Внимание!В использованномшаблоне водном случае (обложка) используетсяособыйвидблока,не имеющийкнопкиКонтент.Дляредактированияданногоблокапростощёлкайте мышьюнанадписях и картинках и заменяйте их по месту.Признакомтого,что надпись можноредактироватьявляется появление серойполупрозрачнойподсветкитекстовогополяипоявлениякурсораввиде вертикальногоотрезка(каквтекстовомлюбомредакторе).Прищелчке пополюс иллюстрацией возникаетокнозагрузки, аналогичное тому,чтомы использовалив п.11.
  • 10. 18. После того,как все блокибудут заменены,надоопубликоватьрезультат.Дляэтоговверхнемменю сервиса надо нажать на кнопкуопубликовать. 19. Появится окнос адресомопубликованнойстраницыи кнопка Открытьстраницу.
  • 11. 20. Нажмите на этукнопку, иопубликованнаястраницапоявитсяв новойвкладке браузера. 21. Работанад Практикумом5 закончена.Теперьскопируйте ссылкуизполя адреса опубликованной страницыи поместите ее всообщение вгруппе курсав Facebook.Принеобходимостиможно редактироватьипубликоватьстраницумногократно