RUS
  • RUS
  • ENG

Добавление материала "Лонгрид" в программу обучения

Последние изменения: 23.10.2024

В разделе  Материалы нажмите на кнопку Создать новый + и в выпадающем меню выберите Лонгрид.

Лонгрид - это статья, в которой присутствует удобный редактор с возможностью вставки, ссылок, видео, различные инструменты редактирования текста. Статья может содержать как 1 страницу так и несколько.

Заполните настройки материала.

Поле Название является обязательным для заполнения.

  • Добавьте обложку для лонгрида Картинка 1280х720 нажав, на + в поле "Картинка".

  • Рекомендуемое время изучения - Здесь вы можете запланировать время на прохождение материала. Указанная длительность не ограничивает пользователя во времени изучения материала, а лишь дает рекомендацию.

  • Автоназначение баллов
    ● Фиксированное кол-во баллов выдается пользователю, если материал переходит в статус “пройдено”. Администратор настраивает самостоятельно цифру-сколько баллов получит каждый пользователь, когда материал будет им пройден.
    По нажатию на "Просмотреть операции" администратор сможет увидеть детализацию назначения баллов по данному материалу.

  • Нажмите на кнопку Сохранить для сохранения введенных данных.

fa1671430052a83e5cb4d9420e738670.png

По готовности переходите к содержанию.

В статье встроен редактор с расширенными набором инструментов, который позволяет добавлять:

Текст. Можно менять шрифты, размеры, окрашивать текст, задавать выравнивание, располагать текст обтекая картинку.
Ссылки (внешние и внутренние) по аналогии других разделов.
Картинки.
Ссылки на видео. Видео будет воспроизводиться в статье. Важно чтобы сайт в котором видео было расположено, мог воспроизводить его в фрейме, и сайт является разрешенным. Например, разрешенный по умолчанию сервис - www.youtube.com.
Таблицы.
Смайлы.
Линии сноски.


После добавления все элементы можно редактировать. Для этого кликните на элемент (выберите его) и появится панель для редактирования.

6bcbb781845a3925bd99fa5c3bea0da5.png



Давайте разберем как добавлять элементы.

1.Текст.
Текст можете прописать самостоятельно или скопировать с другого редактора с сохранением формата.
Далее выделяем часть текста для редактирования.

0aa50aacb25d4d927fd706ca660ccdf9.png

В нем можно менять шрифты, размеры, окрашивать его, окрашивать фон, задавать выравнивание, располагать его обтекая картинку, задавать нумерованные, маркированные списки, цитаты.

e96c23cf8b01c5cddd2d7033d8aafecc.png



Для того чтобы задать обтекание текста вокруг картинки - кликаем на нее и выбираем Inline:

9d7abb1fc734ed199b8045327896909f.png

Важно!
При копировании уже подготовленного и отформатированного текста из внешних редакторов в материал на платформу важно понимать, что в цифровой среде существует большое количество различных инструментов для работы с текстом, каждый из которых может иметь свой язык разметки.

Некоторые из них могут не поддерживаться нашим редактором.
В случае, если язык разметки конкретного внешнего инструмента, откуда происходит копирование отформатированного текста не поддерживается нашей платформой, вы увидите, что текст скопировался некорректно и частично либо полностью форматирование отсутствует.

Пожалуйста, после копирования текста из внешнего источника, обязательно проверяйте то, всё ли скопировалось корректно.

Если текст копируется с частичным форматированием, рекомендуем вам вставлять его через комбинацию клавиш CTRL+SHIFT+V.
Эта комбинация клавиш скопирует текст в материал на платформе без форматирования.

После этого, вам понадобится отформатировать текст по вашему усмотрению, используя встроенные возможности в материале на платформе.


2. Ссылки внешние и внутренние работают по аналогии других разделов.

c65355c9ead4aa0306d2229057097710.png



Ссылки делятся на:
1. Внешние - на любой внешний источник. Например, ссылка на ролик с вашего диска, где доступ по ссылке предоставлен всем, для перехода по ней.

1) В типе ссылка указываем "Внешняя ссылка".
2) "Вставьте внешнюю ссылку" - копируем ссылку на источник в адресной строке и вставляем в наше поле.
3) Указываем "Название ссылки". Текст, который будет кликабельным, по нажатию на который пользователь перейдет по ссылке.

2. Внутренние - на материалы из приложения. Например, на вводную программу обучения для новичков.

1) Для этого выбираем раздел в котором расположен материал для ссылки.
2) В поле "Название материала" ищем и выбираем его по наименованию или id.
3) Указываем "Название ссылки". Текст, который будет кликабельным, по нажатию на который пользователь перейдет по ссылке.

Важно: когда вы ссылаетесь на внешние или внутренние материалы, нужно учитывать, чтобы пользователи имели одинаковый доступ в сообщении, в котором разместили ссылку, и в материале, на который ссылка ведет.



3. Картинки.

Можем выбрать с компьютера или расположить ссылку на картинку размещенную в открытом источнике.

Желательно выбирать картинки без текста так как они не увеличиваются при нажатии.

Размер картинки: 
Eсли задать фиксированный размер, то он будет отображаться на всех устройствах , не подстраиваясь под экран пользователя. 
Поэтому мы рекомендуем указывать  размер auto - он подстраивается под экраны пользователей.

Формат поддерживаемых картинок: .jpg, .jpeg, .png, .gif и .svg


9d5b61909e94158fcc72e15cbebb5a35.png

Если вы уже потянули картинку - ее размер можно вернуть к auto прописав его в параметрах (нажмите на линейку).

40bc920b6a3a674d74f1b6c7b1942a7d.png

После загрузки настраиваем расположение и т.д.

4. Ссылки на видео.

Видео не будет воспроизводиться в статье, если видео на youtube загружено в Shorts, то оно не будет воспроизводиться (аналогично с google диска).
В других случаях возможность воспроизведения есть.

Важно чтобы сайт в котором видео было расположено мог воспроизводить видео в фрейме и сайт являлся разрешенным. Например, разрешенный по умолчанию сервис - www.youtube.com.
Рекомендуемо видео вставлять с помощью html-кода.
После того как вы скопировали код вставляйте его в соответствующее поле:


Список разрешённых хостингов: 
https://rutube.ru/
https://vk.com/
https://www.youtube.com/
https://vimeo.com/
https://player.vimeo.com/
https://kinescope.io/ с помощью html-кода (скопировать фиксированный код).

d208046f769407e65cc5a1a0e350c7bb.png
43645c98670338dd84f7a8e3fed696bd.png

Добавляете ссылку. Например, с YouTube.
Указываете будет ли оно автоматически проигрываться. И нажимаем - вставить (insert).
После добавления также можно настроить размер, местоположение.

5. Таблицы.

Выбираем таблицы.

518c283da22b74d47f627538c0d86069.png

Указываем кол-во столбцов и строчек двигая курсор мышки вправо, влево и вниз, вверх.

d5ceb1f49d10eb63ded35bdad45e0993.png

Элементы можно окрашивать. Есть возможность добавить в таблицу столбцы или строчки, после её создания.

f89b50371950979dc685f4378f750432.png

6. Смайлы.
Вы сможете добавить смайлики из списка без ограничений.

5306736a064b0c0ad0d56da28d742eba.png
d3bd85bbd194f859fc2a02904e4ce186.png
add0c1ab300e5d761c76738fbe6c20f5.png

7. Линия сноски.
Она может разделять главы в вашей статье.

3700407bbe9fb0e3bb83a73375efa84f.png
a7dbf7f75d4005dcd9e54806f7979c18.png

В завершение редактирования лонгрида можно воспользоваться функцией предпросмотр, чтобы убедиться, что статья отображается корректно на разных экранах.

b3601950cbc54d654f84a0a15b2e31c3.png
32576b1dd9959d8d8c3e7be33b7e2f6e.png

После просмотра для возврата на экран редактирования нажмите "К редактированию".


Если вам не хватило информации, то дайте, пожалуйста, обратную связь по ссылке: Предложения по улучшению статей.

Помогла ли вам статья?