Практикум 5
-
Upload
pavel-kallinikov -
Category
Education
-
view
74 -
download
0
Transcript of Практикум 5
![Page 1: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/1.jpg)
Курс «Профессиональная разработка электронного учебного контента»Практикум 5. Пошаговая инструкцияЗадание практикума.Cоздать лонгрид на основе одного из шаблонов сервиса «Тильда »
1. Зарегистрируйтесь в сервисе Тильда. Вам автоматически станет доступен бесплатный тарифный план сервиса.
2. Сразу после регистрации мы попадаем в окно Быстрый старт, где можно выбрать шаблон для нашего лонгрида.
![Page 2: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/2.jpg)
![Page 3: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/3.jpg)
3. Промотаем страницу до появления шаблона Обучающий курс и нажмём на кнопку Выбрать на плитке этого шаблона.
4. В отдельном окошке появляются краткие обучающие материалы по сервису Тильда, а после их просмотра вы попадаете в основное окно проекта, заполненное содержимым шаблона. Оно занимает несколько экранов. Наша задача изменить содержимое (контент) шаблона под наш существующий или гипотетический учебный курс.
![Page 4: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/4.jpg)
5. Для замены контента в каждом из блоков используем кнопку Контент в левом верхнем углу каждого из них.
6. Рассмотрим процесс загрузки собственного контента на примере блока персоны (код блока TM502). Для этого вам надо подготовить информацию об авторе вашего курса – ФИО, должность, краткий текст и фотографию в достаточном разрешении и со смещенной вправо фигурой.
![Page 5: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/5.jpg)
7. Нажмём на кнопку Контент, выпадет окошко, в котором можно править текстовые поля и загрузить фотографию.
![Page 6: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/6.jpg)
8. Сначала заменим все текстовые поля ИМЯ ПЕРСОНЫ, ИНФОРМАЦИЯ О ПЕРСОНЕ, ТЕКСТ. И нажмём кнопку Сохранить и закрыть, чтобы сохранить результат и посмотреть изменения в блоке.
![Page 7: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/7.jpg)
9. Результат будет выглядеть вот так.
10. Для изменения фотографии выберем фото автора со смещённой вправо фигурой. Этого можно достичь, например, путём обрезки фотографии, на которой есть свободный фон слева и справа.
![Page 8: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/8.jpg)
11. Снова нажимаем на кнопку Контент. И в открывшемся окне – на Загрузить файл. Открывается окно загрузки файла.
12. На открывшееся окно надо перетащить файл фотографии из проводника. Изображение загрузится в сервис и появится в окне Контент. Теперь, как в п. 8 нажмем кнопку Сохранить и закрыть, чтобы сохранить и посмотреть результат.
![Page 9: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/9.jpg)
13. Вот результат, который мы получили.
14. Если он нас не устраивает, можно обрезать или отредактировать фотографию прямо в сервисе Тильда. Эта операция – для дополнительного изучения. Посмотрите Ролик 1 и Ролик 2, чтобы разобраться как работает встроенный графический редактор Тильды.
15. На примере одного блока мы разобрались как изменять контент блоков Тильды. В каждом блоке свой набор контентных полей, но все они заполняются аналогично рассмотренному случаю.
![Page 10: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/10.jpg)
16. Опираясь на приведенный выше пример, замените контент всех блоков шаблона на свой собственный. При необходимости лишние блоки можно удалить при помощи кнопки удаления блока.
17. Внимание! В использованном шаблоне в одном случае (обложка) используется особый вид блока, не имеющий кнопки Контент. Для редактирования данного блока просто щёлкайте мышью на надписях и картинках и заменяйте их по месту. Признаком того, что надпись можно редактировать является появление серой полупрозрачной подсветки текстового поля и появления курсора в виде вертикального отрезка (как в текстовом любом редакторе). При щелчке по полю с иллюстрацией возникает окно загрузки, аналогичное тому, что мы использовали в п. 11.
![Page 11: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/11.jpg)
18. После того, как все блоки будут заменены, надо опубликовать результат. Для этого в верхнем меню сервиса надо нажать на кнопку опубликовать.
19. Появится окно с адресом опубликованной страницы и кнопка Открыть страницу.
![Page 12: Практикум 5](https://reader035.fdocuments.net/reader035/viewer/2022062820/58aca0051a28ab93348b6189/html5/thumbnails/12.jpg)
20. Нажмите на эту кнопку, и опубликованная страница появится в новой вкладке браузера.
21. Работа над Практикумом 5 закончена. Теперь скопируйте ссылку из поля адреса опубликованной страницы и поместите ее в сообщение в группе курса в F ace book . При необходимости можно редактировать и публиковать страницу многократно