Контентные блоки
Здесь описаны все контентные блоки и их возможности.
Как добавлять контентные блоки?
Предусмотрено 3 варианта действий:
Если вы в самом начале создания проекта
Нажмите кнопку «Добавить блок». В выпадающем меню справа выберите нужный блок и он добавится в проект.Нажмите на гифку, чтобы ее увеличить
Выберите что-то из базовых блоков на самой странице проекта и нажмите для создания первого блока.Нажмите на гифку, чтобы ее увеличить
Если вы уже в процессе создания проекта (т.е. уже создан первый блок)
Чтобы добавить новый блок в конец проекта, нажмите после последнего блока в проекта кнопку «Добавить блок». Выберите в выпадающем меню новый блок и он добавится.Нажмите на гифку, чтобы ее увеличить
Чтобы добавить новый блок в конкретное место, а не в конец проекта, нажмите кнопку «+» под тем блоком, после которого вы хотите добавить новый контент.Нажмите на гифку, чтобы ее увеличить
Впрочем, таким же способом вы можете добавить контент и в конец проекта вместо предыдущего способа :)
Аккордеон
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Аккордеон» можно добавить:
заголовок каждой вкладки
текст для каждой вкладки
картинку для каждой вкладки
Картинки, которые вы добавили во «Аккордеон», всегда могут быть просмотрены учениками в полном размере.
Еще есть возможность сгенерировать картинку с помощью нейросети.
Как добавлять и удалять вкладки?
Количество вкладок в «Аккордеоне» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить новую вкладку» внизу. А удалить ненужные вкладки можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вкладку невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Так он будет выглядеть аккуратнее.
Подсказка
Вы можете изменить текст подсказки.
Цвет
Цвет открытой вкладки наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для дополнительной информации: можно сделать аккордеон с одной вкладкой и вынести туда дополнительную информацию, которую не страшно пропустить в лонгриде. Например, историческую справку по какому-то процессу или познавательные факты.
Для разделения информации на разные категории: например, кратко описать 3 основных продукта компании.
Аудио
Блок «Аудио» позволяет добавить к лонгриду аудиофайл и настроить его внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
Чтобы добавить аудио, нажмите на кнопку «Добавить аудиофайл».
Вы можете добавить файл только в формате MP3 и WAV, размером до 500 Мб.
Как изменить внешний вид?
В блоке «Аудио» можно изменить:
шаблон блока
текст заголовка и описания (в 2-х типах)
изображение
Шаблон блока
Вы можете выбрать один из 3-х шаблонов блока, имеющих разный внешний вид: "Простой", "С заголовком и описанием", "Подкаст".
Заголовок и описание
В шаблонах "С заголовком и описанием" и "Подкаст" к аудиофайлу можно добавить заголовок и описание. Вы можете ввести свой текст, нажав на соответствующие поля. Вы также можете отформатировать текст в описании с помощью текстового редактора. Подробнее о редакторе.
Изображение
В типе блока "Подкаст" к блоку добавляется изображение. Вы можете вставить своё собственное изображение, нажав на картинку.
Еще есть возможность сгенерировать картинку с помощью нейросети.
Есть ли особенности у блока?
Да. Ученики могут менять скорость воспроизведения при прослушивании. А также они могут скачать загруженный в блок аудиофайл.
Как я могу использовать этот блок?
Рекомендуем вам использовать блок для таких целей:
Пояснение сложных вещей с помощью голоса. Бывает так, что некоторые темы проще рассказать, чем описывать текстом.
Оформление серии учебных подкастов в одно пространство-курс.Согласитесь, ведь удобно, когда все материалы собраны в одном месте и систематизированы.
Аудиопримеры.Например, звук двигателя автомобиля при неисправной выхлопной системе.
Задания, где нужно послушать материал и в следующем блоке выбрать ответ.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Веб-контент
Блок «Веб-контент» позволяет добавить в лонгрид ссылку на стороннюю веб-страницу, заархивированное веб-приложение или SCORM-пакет, а также настроить размер блока.
Как выглядит блок?
Как добавить блок?
Как изменить содержимое?
1. Если вы планируете добавить ссылку на веб-страницу, перейдите на вкладку «Ссылка на сайт» и вставьте ссылку в поле ввода. В окне предварительного просмотра автоматически отобразится содержимое веб-страницы.
Обратите внимание! Не все сайты дают разрешение на отображение своего содержимого таким образом. Если в окне предпросмотра ничего не отображается, вероятнее всего, сайт запрещает отображать содержимое по ссылке.
Если вы собираетесь размещать лонгрид в СДО, то убедитесь, что у ваших учеников есть доступ во внешний интернет. Иначе встроенный по ссылке контент не будет работать.
2. Если вы хотите добавить html-файл, папку с веб-контентом (веб-приложение) или SCORM-пакет, убедитесь, что: • загружаемый контент запускается с помощью файла index.html или story.html; • загружаемый контент запакован в виде zip-архива (даже в тех случаях, когда вы загружаете один единственный файл).Перейдите во вкладку «Загрузка веб-объекта», нажмите «Выбрать файл».
Как изменить внешний вид?
В блоке «Веб-контент» можно изменить размеры окна отображения контента.
Обратите внимание, что ширина и высота видео меняются независимо друг от друга. Поэтому пропорции видео могут нарушиться. Заранее подбирайте высоту и ширину так, чтобы сохранить пропорции.
Максимальный размер файла который можно загрузить в блок Веб-Контент: 500Mb
Есть ли альтернативные варианты этого блока?
Для размещения видео с внешних ресурсов вы можете воспользоваться блоком «Видео». Для перехода к внешним веб-ресурсам подходит блок «Внешняя ссылка».
Как я могу использовать этот блок?
Вы можете использовать этот блок для вставки видео из внешних источников, веб-страниц, игр, интерактивов, разработанных в других редакторах, и любого контента, сохранённого в формате html (а также Javascript и CSS).Видео
Блок «Видео» позволяет добавить в лонгрид ссылку на видео на стороннем видехостинге и настроить его размер.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Добавление блока
Как изменить содержимое?
Чтобы добавить видео, откройте видео на видеохостинге, найдите под ним кнопку «Поделиться», нажмите на неё и в открывшемся окне скопируйте ссылку на видео. Затем вставьте эту ссылку в соответствующее поле в блоке.
Поддерживается вставка видео со следующих сайтов: YouTube, Vimeo, RuTube, Kinescope, VK Видео.
Добавление ссылки
Как добавить видео из ВК Видео вы можете посмотреть в нашей статье: Как добавить видео с VK Видео
Если вы собираетесь размещать лонгрид в СДО, то убедитесь, что у ваших учеников есть доступ во внешний интернет. Иначе встроенное по ссылке видео не будет работать.
Как изменить внешний вид?
В блоке «Видео» можно изменить:
размер видео
Обратите внимание, что ширина и высота видео меняются независимо друг от друга. Поэтому пропорции видео могут нарушиться. Заранее подбирайте высоту и ширину так, чтобы сохранить пропорции.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Видео с компьютера».
Как я могу использовать этот блок?
Этот блок хорошо подходит для размещения видео из интернета.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Видео с компьютера
Блок «Видео с компьютера» позволяет добавить в лонгрид видео, находящееся у вас на компьютере (видеофайл).
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Добавление блока
Как изменить содержимое?
Чтобы добавить своё видео, наведите курсор на видео по умолчанию. Сверху появится чёрная полоса. Нажмите на неё и выберите нужный файл в проводнике.
Вы можете добавить файл любого формата, размером до 500 Мб.
Добавление видео
Чтобы увеличить демонстрацию, нажмите на нее.
Рекомендуем вам сжимать видео прежде, чем загружать его. Это можно сделать в разных программах, например, в бесплатной программе «Handbrake».
Как изменить внешний вид?
В блоке «Видео с компьютера» можно изменить:
размер
Чтобы изменить размер видео, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера начальные пропорции сохраняются.
Как настроить?
Вы можете запретить ученикам скачать видео. В таком случае они смогут его только посмотреть, но не смогут сохранить к себе на компьютер.
По умолчанию скачивание видео разрешено. Чтобы его запретить, поставьте галочку в соответствующем поле в блоке.
Есть ли особенности у блока?
Да. Ученики могут менять скорость воспроизведения при просмотре. И использовать функцию "Картинка в картинке" для более удобного просмотра параллельно с другими действиями. Также они могут скачать загруженный файл, но эту опцию можно отключить в настройке.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Видео».
Как я могу использовать этот блок?
Этот блок хорошо подходит для размещения собственных видеороликов.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Вкладки
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Вкладки» можно добавить:
заголовок каждой вкладки
текст для каждой вкладки
картинку для каждой вкладки
Картинки, которые вы добавили во «Вкладки», всегда могут быть просмотрены учениками в полном размере.
Использование изображений
Еще есть возможность сгенерировать картинку с помощью нейросети.
Как добавлять и удалять вкладки?
Количество вкладок в блоке «Вкладки» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить новую вкладку» внизу. А удалить ненужные вкладки можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вкладку невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Подробнее о редакторе.
Подсказка
Вы можете изменить текст подсказки.
Цвет
Цвет активной вкладки наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для разделения информации на разные категории.Например, кратко описать 3 основных продукта компании.
Для пошаговых пояснений.1 вкладка = 1 шаг.
Внешняя ссылка
Блок «Внешняя ссылка» позволяет добавить к лонгриду ссылку на сайт или файл, оформив её в виде отдельной кнопки с настраиваемым внешним видом.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Добавление блока
Как вставить ссылку?
Чтобы добавить ссылку, вставьте её в специальное поле «Ссылка». Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё.
Как настроить переход к другому разделу?
Чтобы настроить переход к другому разделу, вставьте номер раздела в специальное поле «Ссылка», в формате "#номер_раздела". Не забудьте также добавить текст на кнопку, чтобы ваши ученики поняли, куда они попадут, когда нажмут на неё.
Как изменить внешний вид?
В блоке «Внешняя ссылка» можно изменить:
цвет самой кнопки
цвет текста и иконки
иконку
Цвет кнопки
Цвет текста и иконки
Иконка
Как я могу использовать этот блок?
Рекомендуем вам использовать блок для таких целей:
Перевести ученика на другой сайт.
Поделиться с учеником файлом, хранящимся не на вашем компьютере.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Вставка пропущенных слов
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Как выглядит контентный блок?
Как работать с блоком?
Работа с блоком делится на 2 этапа:
Создайте блок и заполните его контентом.Вставьте нужный текст и оформите пропуски.
Настройте влияние блока на результат лонгрида.
Разберем каждый этап.
Создание и заполнение блока
Вставьте в блок ваш текст. Чтобы оформите пропуски, определите, что в тексте должно быть пропущено. Затем эту часть выделите вот так: {{Ваш пропущенный текст}}.
Если рядом с пропущенным словом есть знаки препинания, отделите их пробелом, например: Столица Франции – {{Париж}} .
Настройте влияние блока на оценку лонгрида
Для этого откройте меню настройки блока. В нем вы можете отметить, будет ли этот вопрос влиять на статус прохождения лонгрида и сколько баллов слушатель лонгрида получит за верный ответ.
Могу ли я изменить внешний вид блока?
Нет, внешний вид блока поменять нельзя. Ваша задача — только расставить пропуски в тексте.
Есть ли особенности у блока?
Цветовое оформление блока наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит для различных упражнений на извлечение нужной информации или для заполнения документов.Диалог
Блок «Диалог» позволяет добавить к лонгриду реплики и настроить их внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
В блоке «Диалог» можно добавить:
текст реплики
имя говорящего
изображение говорящего
отобразить текст с правой стороны
Вы можете использовать изображения в формате JPG, PNG и SVG.
Количество реплик в блоке «Диалог» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить реплику» внизу. А удалить ненужные реплики можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить реплику невозможно.
Как изменить внешний вид?
В блоке «Диалог» можно изменить:
цвет реплики
форматирование текста (вы можете отформатировать текст в имени говорящего и внутри реплики с помощью текстового редактора. Подробнее о редакторе.)
Цвет реплики
Вы можете выбрать цвет для реплики из палитры. Откройте выпадающее меню палитры: там вам будут доступны цвета из базовой палитры и те цвета, которые вы добавили самостоятельно.
Добавить свои цвета в палитру можно в настройках лонгрида. Подробнее о своих цветах.
Также вы можете задать свой собственный цвет с помощью HEX-кода.
Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
Как я отобразить текст с правой стороны?
Если вы использует нескольких персонажей в блоке "Диалог" то вы можете отобразить их по разным сторонам экрана, делается это с помощью настройки "Отображать справа".
Как я могу использовать этот блок?
Рекомендуем вам использовать блок для таких целей:
Ввести в лонгрид персонажа (проводника), который будет сопровождать ученика на протяжении лонгрида.
Ввести в лонгрид несколько персонажей и рассказать их историю (добавить сторителлинг).
Привести примеры общения из реальной жизни в теоретической части лонгрида или в проверочных вопросах (создать диалоговый тренажер).
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Заголовок
Блок «Заголовок» позволяет добавить к лонгриду крупный заголовок и настроить его внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
Чтобы ввести свой текст, поставьте курсор в поле заголовка и наберите текст.
Как изменить внешний вид?
В блоке «Заголовок» можно изменить:
шрифт и размер текста
цвет текста
подсветку текста
выравнивание текста
добавить ссылку и перечеркивание
Цвет полосы под текстом наследуется из цветовой схемы лонгрида. Подробнее о цветовой схеме.
Шрифт и размер текста
Шрифт и размер текста в заголовке можно установить в настройках лонгрида. Вы можете выбрать из базовых шрифтов или загрузить свой собственный. А также выбрать любой размер шрифта. Подробнее о настройке шрифтов.
Другие параметры
Другие параметры настраиваются при помощи текстового редактора. Чтобы его открыть, нужно выделить часть текста, которую вы хотите изменить, а затем выбрать нужный параметр.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Заголовок с подзаголовком».
Как я могу использовать этот блок?
Этот блок хорошо подходит для разделения урока на смысловые части. Например, чтобы выделить подтемы в уроке. Так слушатель лонгрида будет лучше ориентироваться в ваших материалах.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Заголовок c подзаголовком
Блок «Заголовок c подзаголовком» позволяет добавить к лонгриду крупный заголовок и подзаголовок меньшего размера ниже, и настроить их внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
Чтобы ввести свой текст, поставьте курсор в поле заголовка и наберите текст.
Как изменить внешний вид?
В блоке «Заголовок c подзаголовком» можно изменить:
шрифт и размер текста
цвет текста
подсветку текста
выравнивание текста
добавить ссылку и перечеркивание
Шрифт и размер текста
Шрифт и размер текста в заголовке можно установить в настройках лонгрида. Вы можете выбрать из базовых шрифтов или загрузить свой собственный. А также выбрать любой размер шрифта. Подробнее о настройке шрифтов.
Обратите внимание, что отдельный шрифт, выбранный в настройках, в этом блоке будет применяться только к заголовку. А в подзаголовке будет использован тот же шрифт, что и в обычном тексте.
Другие параметры
Другие параметры настраиваются при помощи текстового редактора. Чтобы его открыть, нужно выделить часть текста, которую вы хотите изменить, а затем выбрать нужный параметр.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Заголовок».
Как я могу использовать этот блок?
Используйте для заголовков с дополнительной информацией в подстрочнике. Это может быть: название изучаемой подтемы, время на изучение раздела лонгрида, предупреждение о подготовке наушников и т.д.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.
Изображение
Блок «Изображение» позволяет добавить к лонгриду картинку и настроить её внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
Чтобы добавить своё изображение, нажмите на стартовую картинку и выберите нужный файл в проводнике.
Вы можете использовать изображения в формате JPG, PNG, GIF, WEBP и SVG.
Максимальный размер файла изображения - 50Mb
Еще есть возможность сгенерировать картинку с помощью нейросети.
Как изменить внешний вид?
В блоке «Изображение» можно изменить:
размер картинки
Чтобы изменить размер изображения, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера исходные пропорции сохраняются.
Как настроить?
Вы можете запретить ученикам увеличивать изображение. В таком случае они смогут посмотреть его только в том размере, который вы укажете.
По умолчанию увеличение изображения разрешено. Чтобы его запретить, нажмите на соответствующий переключатель.
Чтобы увеличить демонстрацию, нажмите на нее.
Совет: если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Пример с прозрачным фоном:
Чтобы увеличить демонстрацию, нажмите на нее.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Текст с изображением».
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Чтобы повысить наглядность лонгрида.Например, вы можете поместить в этот блок схему процесса или образец вашей продукции.
Чтобы украсить лонгрид.Блок не обязательно должен содержать полезную для обучения картинку. Можно разместить просто красивое изображение в тему лонгрида. Например, в конце урока можно поместить картинку, которая сообщает об окончании урока. Красиво и функционально!
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Изображение с метками
Блок «Изображение с метками» это интерактивный блок, позволяющий расставить метки на изображении. Его можно использовать, чтобы показать, как выглядят те или иные объекты.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
В блоке «Изображение с метками» можно добавить:
изображение
метки
подписи к меткам
Вы можете использовать изображения в формате JPG, PNG, GIF, WEBP и SVG.
Чтобы добавить своё изображение, нажмите на черную полосу над картинкой и выберите нужный файл в проводнике.
Чтобы добавить метки на изображение, достаточно просто нажать на него в любом месте.
Чтобы добавить подпись к метке, нажмите на метку. Откроется окошко, где вы сможете ввести свой текст. Нажмите на метку ещё раз, чтобы закрыть окошко.
Чтобы удалить метку, нажмите на неё, откроется окошко для текста. Справа от текста вы увидите значок «Корзина». Нажмите на него, чтобы удалить эту метку.
Вы можете изменить ширина маркера. По умолчанию стоит "Адаптивно", это значит, что после ввода текста размер маркера адаптируется по объем и формат текста, будет или широким или узким.Так же вы можете самостоятельно поставить "Узко" или "Широко"
Как изменить внешний вид?
Вы можете настроить внешний вид меток. Можно выбрать:
цвет метки
иконку
цвет иконки
Также в этом блоке вы можете ввести свой текст для подсказки к блоку.
Цвет метки
Вы можете выбрать цвет для метки из палитры. Откройте выпадающее меню палитры: там вам будут доступны цвета из базовой палитры и те цвета, которые вы добавили самостоятельно.
Добавить свои цвета в палитру можно в настройках лонгрида. Подробнее о своих цветах.
Также вы можете задать свой собственный цвет с помощью HEX-кода.
Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
Чтобы увеличить демонстрацию, нажмите на нее.
Иконка
Вы можете выбрать иконку из встроенной базы иконок. И выбрать её цвет, а также задать свой собственный цвет с помощью HEX-кода.
Чтобы увеличить демонстрацию, нажмите на нее.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для различных карт, схем, планов. Можно добавить схему и отметить на ней нужные объекты, одновременно показывая, как они выглядят и давая дополнительную информацию.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Карточки
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Карточки» можно добавить:
текст/картинку для внешней стороны (обложки)
текст/картинку для внутренней стороны
Текст для внешней и внутренней сторон имеет ограничение по количеству символов. И там, и там действует ограничение — не более 175 символов.
Рекомендуемый размер изображений — 238 на 350 пикселей.
Максимальный размер загружаемого изображение - 50Мb
Чтобы добавить картинку в карточку, нужно изменить её настройки. Нажмите на значок «Шестерёнка» и выберите шаблон с изображением. Затем загрузите картинку. Картинку можно добавить и на внешнюю, и на внутреннюю сторону карточки.
Картинки, которые вы добавляете в «Карточки», не могут быть просмотрены учениками в полном размере.
Как добавлять и удалять карточки?
Количество карточек в блоке «Карточки» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить карточку» внизу. А удалить ненужные карточки можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить карточку невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри карточки с помощью текстового редактора. Подробнее о редакторе.
Подсказка
Вы можете изменить текст подсказки.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для разделения информации на разные категории/этапы.Например, кратко описать 3 основных продукта компании.
Кнопка «Продолжить»
Кнопка «Продолжить» это блок, который скрывает остальную часть контента, находящуюся ниже него. Таким образом, эта кнопка помогает разделить контент на смысловые части в рамках одного урока. Это, с одной стороны, полезно для учащихся, так как они не увидят сразу весь урок целиком и не испугаются его большого объёма. С другой стороны, это позволяет автору лонгрида добавить активности (тестовые вопросы, опрос) в середину урока и сделать их прохождение обязательным. Так как остальная часть лонгрида будет заблокирована, пока учащийся не выполнит активность.
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Всё просто. Создайте блок и добавьте в него свой контент. В блоке «Продолжить» можно добавить:
текст на заблокированной кнопке
текст на разблокированной кнопке
Кроме этого, вы можете настроить кнопку. У неё может быть два состояния:
кнопка всегда разблокирована и доступна для нажатия
кнопка заблокирована до тех пор, пока не пройдены все активности
Если вы выберете второй вариант, то кнопка будет не доступна для нажатия, пока учащиеся не пройдут все активности (тестовые вопросы, опросы) выше неё.
Как изменить внешний вид?
Цвет
Цвет разблокированной кнопки наследуется из цветовой темы лонгрида. Заблокированная кнопка всегда остается серой.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для скрытия части урока, если он очень большой и учащихся может отпугнуть его объём.
Для добавления обязательных активностей в середину урока, таких как: тестовые вопросы и опросы.
Кнопка завершения просмотра
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Как выглядит контентный блок?
Как он работает?
После нажатия кнопки «Завершить просмотр» блок передает в СДО статус успешного/не успешного прохождения лонгрида, настройку итогового балла и 100% прогресса.
Контентные блоки из серии «Завершение просмотра и блокеры» могут быть только один из трех. Добавляется только в самом последнем разделе, последним блоком.
Как работать с блоком?
Просто добавьте блок в лонгрид:)
Настройка иконок и цвета в блока
Вы так же можете изменить цвет кнопки, цвет шрифта и добавить иконку из банка иконок.
Итоговый балл и статус прохождения
В настройках кнопки можно указать итоговый балл, который будет передан в СДО после нажатия «Завершить просмотр». По умолчанию блок передаёт 100 баллов из 100 и статус «Автоматически».
В первом поле задайте набранный балл — от 0 до максимального, во втором — максимальный балл от 1 до 100. Например, если материал оценивается в 30 баллов, укажите «30 из 30». Если набранный балл больше максимального, он автоматически уменьшится до максимального.
Доступны четыре варианта статуса:
Автоматически — статус рассчитывается по проходному баллу курса; выбран по умолчанию.
Пройден — материал будет засчитан как успешно пройденный независимо от балла.
Завершён, без оценки — материал будет отмечен как просмотренный, без результата «сдал / не сдал».
Не пройден — материал будет отмечен как не пройдённый.
Настройки сохраняются автоматически и не отображаются учащемуся — балл и статус передаются только в СДО.
Когда лучше использовать этот блок завершения просмотра?
Когда в лонгриде нет вопросов, влияющих на результат прохождения лонгрида, и вы сторонник простоты и минимализма, или хотите этот блок сочетать с каким-то другим блоком в лонгриде.Опрос
Блок «Опрос» похож на тестовые вопросы, но имеет одно существенное отличие. Ответы за этот блок не попадают в итоговый результат и не оцениваются. Ученик видит обратную связь сразу после своего ответа. Вы можете указать в ней правильное решение. Или добавить вопрос, на который нет правильного ответа. Например, спросить учеников об их личном опыте. Такие приёмы помогают учащимся создавать личную связь с информацией в лонгриде и лучше её запоминать.
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Всё просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Опрос» можно добавить:
текст вопроса
варианты ответа
обратную связь
изображение к вопросу
Обратная связь
Вы можете включить и отключить обратную связь для «Опроса». Для этого нажмите на переключатель в верхней части блока.
Если вы не включите обратную связь, то после своего ответа ученик увидит стандартное сообщение с текстом по умолчанию. Это сообщение будет одинаковым независимо от того, какой вариант выберет ученик.
Изображение
Вы также можете добавить изображение к вопросу. Изображение может быть только одно. В уроке оно будет находиться над блоком, занимая отдельную строку.
Совет: Изображения, добавленные в «Опрос», всегда будут отображаться в уроке в своём полном размере. Уменьшить их нельзя. Поэтому сразу подбирайте для блока небольшие по высоте изображения (рекомендуемая высота - не более 300 пикселей).
Чтобы добавить изображение, раскройте поле «Медиафайл к вопросу» и загрузите изображение.
Картинки, которые вы добавляете в этот блок, всегда могут быть просмотрены учениками в полном размере.
Как добавлять и удалять варианты ответа?
Количество вариантов ответа в блоке «Опрос» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить вариант ответа» внизу. А удалить ненужные варианты можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вариант невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст во всех полях с помощью текстового редактора. Подробнее о редакторе.
Цвет
Цвет кнопок и выбранного ответа наследуется из цветовой темы лонгрида.
Совет: Мы рекомендуем дополнять блок «Опрос» блоком «Кнопка "Продолжить"». Это сделает ответ на опрос обязательным и избавит учащихся от соблазна его пропустить. Подробнее о блоке «Продолжить».
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для того, чтобы предложить учащимся подумать и акцентировать их внимание на важном учебном материале или идее.
Для создания остановки (перерыва) в прохождении урока, чтобы дать учащимся возможность отдохнуть и переключиться.
Для отделения одной темы от другой, так как остановка в виде вопроса будет служить хорошим маркером того, что закончилась одна тема и началась другая.
Для закрепления пройденной информации по одной из тем внутри одного урока.
Предупреждение
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Всё просто. Создайте блок и добавьте в него свой контент. В блоке «Предупреждение» можно добавить:
текст предупреждения
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Подробнее о редакторе.
Иконка
Вы можете выбрать иконку для предупреждения из большой базы иконок в конструкторе.
Цвет
Цвет этого блока не наследуется из настроек лонгрида. Вы можете задать любой цвет и для фона предупреждения, и для его иконки. В настройках вам предлагается 5 цветов для фона и 2 цвета для иконки (чёрный и белый).
Как я могу использовать этот блок?
Рекомендуем вам использовать блок:
Для акцентирования внимания на важном учебном материале или мысли.
Для сообщений. Например, об окончании урока (хорошо сочетается с иконкой галочки).
Для заданий. Например, открыть рабочую тетрадь на 20 странице и выполнить задание №3 (хорошо сочетается с иконкой документа).
Конвертировать блок в другой
Вы можете конвертировать блок "Предупреждение" в другой с сохранением текста, а именно:
Заголовок
Заголовок с подзаголовком
Текстовый блок
Текст с изображением
Цитата
Разделитель
Блок «Разделитель» позволяет визуально отделить части текста друг от друга. Его можно использовать, чтобы показать начало новой смысловой части внутри одного урока.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить внешний вид?
В блоке «Разделитель» вы можете:
выбрать тип разделителя
выбрать иконку
ввести текст
настроить цвета
настроить ширину
Тип разделителя
Выберите один из 7 типов:
сплошная/пунктирная линия без фигуры
сплошная/пунктирная линия с фигурой по центру
пустой разделитель (добавляет дополнительный отступ).
Иконка
Если вы выбрали тип разделителя с фигурой по центру, то вы можете выбрать иконку из встроенной базы иконок. Так же вы можете выбрать цвет самой иконки.
Если вы видите поле для ввода текста, то переключите тип поля на иконку.
Текст
Если вы выбрали тип разделителя с фигурой по центру, то вы можете ввести свой собственный текст. И выбрать цвет текста
Если вы не видите поле для ввода текста, то переключите тип поля на текст.
Ширина
Вы можете настроить ширину линии разделителя в процентах, потянув за ползунок внизу.
Как я могу использовать этот блок?
Рекомендуем вам использовать блок:
Для разделения логических частей урока.
Ранжирование
Блок «Ранжирование» это один из видов тестовых вопросов в нашем конструкторе. Его можно использовать, чтобы расставить объекты, этапы или действия в правильном порядке.
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Всё просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Ранжирование» можно добавить:
текст вопроса
текст и/или изображение для вариантов ответа
обратную связь
Картинки, которые вы добавляете в «Ранжирование», всегда могут быть просмотрены учениками в полном размере.
У блока «Ранжирование», как и у других тестовых вопросов, есть ряд специфичных настроек. Можно настроить:
оценивается или не оценивается вопрос
количество баллов за верный ответ
обратную связь (включить/отключить, текст сообщений, показ правильного ответа)
количество попыток
Давайте разберём каждую настройку.
Настройки прохождения
По умолчанию, все тестовые вопросы оцениваются, то есть учитываются в итоговом балле. И за каждый вопрос ученик получает 10 баллов.
Вы можете изменить эти настройки. То есть выбрать, будет ли вопрос учитываться в итоговом балле за лонгрид и сколько баллов ученик получит за правильный ответ. Для этого раскройте поле «Показать настройки», затем поле «Настройки прохождения» и нажмите на переключатель «Вопрос влияет на оценку всего курса». Затем введите баллы за верный ответ или оставьте число по умолчанию (10 баллов).
Обратная связь и попытки
По умолчанию, обратная связь выключена. Если вы оставите её выключенной, то у ученика будет всего 1 попытка на прохождение и после своего ответа он увидит стандартное сообщение. Это сообщение будет одинаковым, независимо от выбранного ответа.
Вы можете включить обратную связь. Для этого раскройте поле «Показать настройки», затем поле «Обратная связь и попытки» и нажмите на переключатель «Обратная связь после ответа». Здесь вы можете ввести текст для обратной связи. И задать количество попыток.
Вы также можете включить правильный ответ в обратную связь. Тогда ученик сможет увидеть правильный ответ после неверных ответов. Если все ответы ученика были неверными, то, после последней попытки, он увидит правильное решение. Верные ответы будут выделены зелёным цветом, а неверные — красным.
Как добавлять и удалять варианты ответа?
Количество вариантов ответа в блоке «Ранжирование» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить вариант ответа» внизу. А удалить ненужные варианты можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вариант невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст во всех полях с помощью текстового редактора. Подробнее о редакторе.
Цвет
Цвет кнопок наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для контроля за тем, запомнили ли ваши ученики правильный порядок чего-либо.Например, чтобы показать правильные действия кладовщика при приёме продукции (заполнить документы, разложить товар, занести товар в базу).
Результаты без оценки
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Скриншот кнопки в меню блока
Как выглядит контентный блок?
Как он работает?
После нажатия кнопки «Завершить просмотр» блок передает в СДО статус успешного прохождения лонгрида и 100 баллов.
Завершающий контентный блок отображается в проекте сразу. Он не скрыт, в отличие от контентного блока «Результаты с оценкой».
Контентные блоки из серии «Завершение просмотра и блокеры» могут быть только один из трех. Добавляется только в самом последнем разделе, последним блоком.
Как работать с блоком?
Добавьте блок.
Выберите шаблон блока.
Оформите текст и загрузите картинку (опционально).
Чтобы увеличить демонстрацию, нажмите на нее.
Настройка внешнего вида кнопки
Еще есть возможность сгенерировать картинку с помощью нейросети.
Генерация картинки
Когда лучше использовать этот блок завершения проекта?
Когда в проекте нет вопросов, влияющих на результат прохождения лонгрида.Результаты с оценкой
Как добавить этот контентный блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Скриншот кнопки в меню блока
Как выглядит контентный блок?
Как он работает?
Проходные баллы считаются по контентным блокам из группы «Тесты»:
Ранжирование
Сопоставление
Тестовый вопрос
Вставка пропущенных слов
Баллы считаются только за те контентные блоки, в которых выставлена настройка влияния на оценку лонгрида.
В качестве 100 баллов (100%) принимается максимальное число баллов за все верные ответы в лонгрида.
Например, у вас в лонгриде 10 оцениваемых контентных блоков. Каждый из них приносит 1 балл. В сумме все могут принести 10 баллов = 100%. Если вы хотите, чтобы проходной балл за лонгрид был 80%, то в настройках завершающего блока укажите 80. Это будет равно 8 верным ответам (8 баллов за лонгрид).
При нажатии на кнопку «Завершить просмотр» считается набранный балл и сравнивается с проходным баллом в настройках блока. После сравнения в СДО передается статус лонгрида «Пройден» или «Не пройден» и набранный балл.
Завершающий контентный блок по умолчанию скрыт. Он становится видимым, когда слушатель лонгрида ответит на все оцениваемые задания в лонгриде.
Контентный блок из серии «Завершение просмотра и блокеры» может быть только один на весь лонгрид. Добавляется только в самом последнем разделе, последним блоком.
Если в вашем лонгриде 5 и меньше тестовых вопросов, для корректного подсчета результатов рекомендуем снизить процент до 75 (при 3-5 вопросах) или до 50 (при 2 вопросах).
Как работать с блоком?
Добавьте блок
Настройте проходной балл и количество попыток
Добавьте оформление для двух возможных исходов: «Курс пройден» и «Курс не пройден»
Разберем каждый этап.
Добавление и настройка блока
Добавление и настройка блока
Чтобы увеличить демонстрацию, нажмите на нее.
Оформление блока
Когда вы выставили проходной балл за лонгрид, оформите экран результата. У вас два возможных исхода: слушатель завершил лонгрид успешно или неуспешно. Настройте каждый из них.
Настройте каждый результат лонгрида: выберите шаблон, загрузите картинку (в шаблоне с картинкой) и впишите свое сообщение слушателю лонгрида.
Оформление блока
Чтобы увеличить демонстрацию, нажмите на нее.
Еще есть возможность сгенерировать картинку с помощью нейросети.
Генерация картинки
Настройка кнопки
Кстати! Вы можете сообщить слушателю лонгрида его прогресс по лонгриду с помощью переменных.
*!resultPercentage!* – процент правильных ответов пользователя.
*!resultScore!* – набранные пользователем баллы.
*!passPercentage!* – минимально необходимый процент правильных ответов.
*!passScore!* – балл, минимально необходимый для прохождения лонгрида.
В этой статье мы приведем несколько шаблонов, которые вы можете скопировать себе в лонгрид. Также вы можете изучить примеры и придумать свой вариант.
Как выглядит шаблон: Вы успешно завершили курс. Ваш результат: 80% правильных ответов.Как надо написать: Вы успешно завершили курс. Ваш результат: *!resultPercentage!* % правильных ответов.
Как выглядит шаблон: Вы успешно завершили курс. Ваш результат: 5 баллов из 10.Как надо написать: Вы успешно завершили курс. Ваш результат: *!resultScore!* баллов из (ваше количество баллов за лонгрид).
Как выглядит шаблон: Вы не набрали проходной балл. Ваш результат 5 баллов. Проходной балл: 10.Как надо написать: Вы не набрали проходной балл. Ваш результат *!resultScore!* баллов. Проходной балл: *!passScore!*.
Как выглядит шаблон: Вы не набрали проходной балл. Курс завершен на 70%, а необходимо набрать 80%.Как надо написать: Вы не набрали проходной балл. Курс завершен на *!resultPercentage!*%, а необходимо набрать *!passPercentage!*%.
Когда лучше использовать этот блок?
Когда в лонгриде есть оцениваемые вопросы и набранный балл нужно передавать в систему дистанционного обучения. Скачиваемый файл
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Как выглядит блок?
Как работать с блоком?
Создайте блок и добавьте в него свой файл.
Размер файла ограничен (не более 10 Мб).
Имя файла будет отображаться в блоке. Учитывайте это. Ученик не увидит, название файла.
Как заменить загруженный файл?
Просто загрузите новый файл.
Возможности ИИ-помощника в блоке
В данном блоке представлен ИИ-помощник, который может:
Сгенерировать текст для блок
Исправить ошибки в тексте
Перефразировать и сократить текст
Создать вопросы или практическое задание на основании текста в блоке
Могу ли я изменить внешний вид блока?
Нет.
Есть ли особенности у блока?
Цвет блока и кнопки наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит для загрузки файлов. Например, можно загрузить файл и дать слушателю лонгрида задание поработать с ними. Или загрузить памятку с кратким конспектом в конце лонгрида.
Слайдер
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Создайте блок и добавьте в него свои изображения. То изображение, которое вы загрузите первым, будет идти первым и в самом слайдере.
Рекомендуемый размер изображения — 1000 на 600 пикселей.
Вы можете выбрать, смогут ли ученики увеличить их при нажатии, настроить фон, автопереключение слайдов и интервал в секундах
Совет: Если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Как удалять и передвигать изображения?
Количество изображений в «Слайдере» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить изображение». Удалить ненужные изображения можно, нажав на значок «Корзина». А переместить можно, нажимая на стрелки.
Как изменить внешний вид?
Подсказка
Вы можете изменить текст подсказки.
Возможности ИИ-помощника
Вы можете сгенерировать своё изображение
Конвертация блока
Вы можете переконвертировать этот блок в другой с сохранением контента
Изображение
Текст с Изображением
Изображение с метками
Сохранится лишь изображение которое вы добавили первым
Как я могу использовать этот блок?
Этот блок хорошо подходит:
для пошаговых инструкций
демонстрации какого-то процесса
группировки изображений по одному принципу
Сопоставление
Блок «Сопоставление» это один из видов тестовых вопросов в нашем конструкторе. Его можно использовать, чтобы соотнести между собой разные объекты или понятия.
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Всё просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Сопоставление» можно добавить:
текст вопроса
текст/изображения для вариантов ответа
обратную связь
Картинки, которые вы добавляете в «Сопоставление», всегда могут быть просмотрены учениками в полном размере.
У блока «Сопоставление», как и у других тестовых вопросов, есть ряд специфичных настроек. Можно настроить:
оценивается или не оценивается вопрос
количество баллов за верный ответ
обратную связь (включить/отключить, текст сообщений, показ правильного ответа)
количество попыток
Давайте разберём каждую настройку.
Настройки прохождения
По умолчанию, все тестовые вопросы оцениваются, то есть учитываются в итоговом балле. И за каждый вопрос ученик получает 10 баллов.
Вы можете изменить эти настройки. То есть выбрать, будет ли этот вопрос влиять на итоговый балл и сколько баллов ученик получит за правильный ответ. Для этого раскройте поле «Показать настройки», затем поле «Настройки прохождения» и нажмите на переключатель «Вопрос влияет на оценку всего курса». Затем введите баллы за верный ответ или оставьте число по умолчанию (10 баллов).
Обратная связь и попытки
По умолчанию, обратная связь выключена. Если вы оставите её выключенной, то у ученика будет всего 1 попытка на прохождение и после своего ответа он увидит стандартное сообщение. Это сообщение будет одинаковым, независимо от выбранного ответа.
Вы можете включить обратную связь. Для этого раскройте поле «Показать настройки», затем поле «Обратная связь и попытки» и нажмите на переключатель «Обратная связь после ответа». Здесь вы можете ввести текст для обратной связи. И задать количество попыток.
Вы также можете выбрать, будет ли ученику показан правильный ответ после его ошибки. Если вы включите эту функцию, то в случае, если все ответы ученика были неверными, после последней попытки он увидит правильное решение. Верные сопоставления будут выделены зелёным цветом, а неверные — красным.
Как добавлять и удалять варианты ответа?
Количество вариантов ответа в блоке «Сопоставление» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить вариант ответа» внизу. А удалить ненужные варианты можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вариант невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст во всех полях с помощью текстового редактора. Подробнее о редакторе.
Цвет
Цвет кнопок наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для вопросов, где можно соотнести одно понятие или явление с другим.
Список
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и добавьте в него свой контент. В блоке «Список» можно добавить:
общий заголовок для списка
текст для каждого пункта списка
Как добавлять и удалять пункты списка?
Количество пунктов в блоке «Список» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить элемент списка» внизу. А удалить ненужные пункты можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить пункт списка невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Подробнее о редакторе.
Иконки
Вы можете выбрать иконку для пунктов списка из большой базы иконок в конструкторе.
Цвет
Цвет этого блока не наследуется из настроек лонгрида. Вы можете задать любой цвет для фона иконок и для самих иконок. В настройках вам предлагается 6 цветов для фона и 2 цвета для иконок (чёрный и белый).
Если вы выберете светлый фон, то, возможно, цвет иконки стоит поменять на чёрный.
Также вы можете задать свой собственный цвет с помощью HEX-кода как для фона, так и для самой иконки.
Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
Возможности ИИ-помощника в блоке
В данном блоке представлен ИИ-помощник, который может:
Сгенерировать текст для блок
Исправить ошибки в тексте
Перефразировать и сократить текст
Создать вопросы или практическое задание на основании текста в блоке
Конвертация блока
Вы можете переконвертировать блок в другой с сохранение контента, а именно блоки на которые мы можете сделать конвертации:
Аккордеон
Вкладки
Шаги
Как я могу использовать этот блок?
Рекомендуем вам использовать блок:
для наглядного отображения последовательности действий
акцента на важных моментах (выводы к уроку, разделу)
Таблица
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Как выглядит этот контентный блок?
Могу ли я изменить его внешний вид?
Нет. Вы можете только отформатировать таблицу с помощью панели над ней.
Кнопки сгруппированы по своему назначению. Разберем каждую группу:
Большинство кнопок работают относительно той строки или ячейки, в которой стоит курсор ввода. Т.е. если вы работаете со 2 строкой и нажмете «Добавить новую строку сверху», то строка добавится над 2 строкой таблицы.
Работа со колонками
Значения кнопок:
добавить колонку слева
добавить колонку справа
удалить выделенную колонку (или ту, в которой стоит курсор ввода)
Работа со строками
Значения кнопок:
добавить строку сверху
добавить строку снизу
удалить выделенную строку (или ту, в которой стоит курсор ввода)
Работа с ячейками
Значения кнопок:
объединить выделенные ячейки
разбить выделенные ячейки
Работа с заголовками
Значения кнопок:
выделить или снять выделение с первой колонки
выделить или снять выделение с первой строки
Есть ли особенности у блока?
Да!
Особенность №1: Scrolltool + MS Excel или Google таблица = ❤️
Блок дружит с MS Excel и Google Таблицы. Вы можете скопировать вашу таблицу и перенести ее в лонгрид за несколько секунд.
Будьте осторожны с нестандартными таблицами, где есть различное форматирование и формулы.
Особенность №2: Работа с клавиатуры
С таблицей удобно работать с клавиатуры. Рабочие кнопки:
TabПереключает ввод на ячейку справа. Как доходит до последней ячейки, в строке происходит переключение на первую ячейку строки ниже. Если вы нажимаете клавишу в последней ячейке последней строки, то создастся новая строка. С помощью этой клавиши можно быстро заполнять ячейки таблицы и создавать новые строки не отвлекаясь на мышку.
Клавиши стрелокС их помощью можно переключаться по ячейкам и строкам. Тут все просто. Какую стрелку нажмете, туда и переместится мигающий указатель ввода.
Как я могу использовать этот блок?
Мы рекомендуем использовать блок для того, чтобы:
Отобразить данные в читаемом виде: например, тариф по банковской карте.
Сравнить какие-то параметры: например, параметры разных двигателей.
Текст
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и добавьте в него контент. В блоке «Текст» можно добавить:
текст
Вы можете набрать текст вручную. Или вставить его из другого источника.
Преимущество блока: Если вы копируете текст из другого источника, то большая часть форматирования текста сохранится (жирность, курсив, ссылки, верхние или нижние индексы, цитаты и т.д.).
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора.
Возможности редактора:
выделение текста (курсив, жирность)
изменение цвета текста
добавление ссылок
добавление заголовков 2-го и 3-го уровня
создание списков (маркированных, нумерованных)
добавление цитаты, разделителя
добавление верхних и нижних индексов
вставка кода с подсветкой
изменить текст с помощью ИИ
Подробнее о текстовом редакторе читайте в этой статье.
Конвертировать блок в другой
Вы можете конвертировать блок "Предупреждение" в другой с сохранением текста, а именно:
Заголовок
Заголовок с подзаголовком
Предупреждение
Текст с изображением
Цитата
Возможности ИИ-помощника в блоке
В данном блоке представлен ИИ-помощник, который может:
Сгенерировать текст для блок
Исправить ошибки в тексте
Перефразировать и сократить текст
Создать вопросы или практическое задание на основании текста в блоке
Есть ли особенности у этого блока?
Да. Анимация проигрывается сразу на весь блок. Это означает, что во время скролла вашего лонгрида блок с текстом появляется с анимацией целиком. Если у вас большой объем текста, то он будет статичен во время скролла.
Если вы хотите чтобы блок текста аккуратно появлялся с анимацией по мере скролла, то большие объемы текста можно разбивать на отдельные текстовые блоки. Так лонгрид будет выглядеть динамичнее.
Как я могу использовать этот блок?
Текст — это базовая единица контента. Пусть он и выглядит просто, не пренебрегайте им. Может, иногда стоит добавить аккуратно отформатированный текстовый блок вместо целого зоопарка блоков и интерактивов? Сила может быть и в простоте.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Текст с изображением
Блок «Текст с изображением» позволяет добавить к лонгриду текст и картинку рядом с ним, и настроить их внешний вид.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
В блоке «Текст с изображением» можно добавить:
изображение с компьютера
текст
Вы можете использовать изображения в формате JPG, PNG, GIF, WEBP и SVG.
Еще есть возможность сгенерировать картинку с помощью нейросети.
Как изменить внешний вид?
В блоке «Текст с изображением» можно изменить:
шаблон
размер картинки
форматирование текста (вы можете отформатировать текст с помощью текстового редактора. Подробнее о редакторе.)
Как настроить?
Вы можете запретить ученикам увеличивать изображение. В таком случае они смогут посмотреть его только в том размере, который вы укажете. По умолчанию увеличение изображения разрешено. Чтобы его запретить, нажмите на соответствующий переключатель.
Конвертировать блок в другой
Вы можете конвертировать блок "Предупреждение" в другой с сохранением текста, а именно:
Заголовок
Заголовок с подзаголовком
Предупреждение
Текстовый блок
Цитата
Возможности ИИ-помощника в блоке
В данном блоке представлен ИИ-помощник, который может:
Сгенерировать текст для блок
Сгенерировать изображение для блока
Исправить ошибки в тексте
Перефразировать и сократить текст
Создать вопросы или практическое задание на основании текста в блоке
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой тип контентного блока «Изображение».
Как я могу использовать этот блок?
Этот блок хорошо подходит, чтобы:
Повысить наглядность лонгрида.Вставьте свое изображение и дайте развернутый комментарий к нему.
Украсить лонгрид или сделать акцент на какой-то теме.Можно украсить текст лонгрида изображениями в тему. Так лонгрид будет восприниматься лучше.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Тестовый вопрос
Блок «Тестовый вопрос» это один из видов тестовых вопросов в нашем конструкторе. Его можно использовать, чтобы задавать вопросы с одним или несколькими правильными ответами.
Как выглядит блок?
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок "плюс", чтобы открыть меню с блоками. Подробнее о добавлении блоков.
Как изменить содержимое?
В блоке «Тестовый вопрос» можно добавить:
текст вопроса
варианты ответов
изображение к вопросу
обратную связь (рассматривается в разделе "Как настроить?")
Количество вариантов ответа в блоке не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить вариант ответа» внизу. А удалить ненужные варианты можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вариант невозможно.
Как изменить внешний вид?
В блоке «Тестовый вопрос» можно изменить:
форматирование текста (вы можете отформатировать текст во всех полях с помощью текстового редактора. Подробнее о редакторе.)
Цвет кнопок и выбранных вариантов наследуется из цветовой схемы лонгрида. Подробнее о цветовой схеме.
Как настроить?
В блоке «Тестовый вопрос» можно настроить:
тип вопроса (вопрос с одним правильным ответом или с несколькими)
перемешивание ответов
оценивается или не оценивается вопрос
количество баллов за верный ответ
обратную связь (включить/отключить, текст сообщений, показ правильного ответа)
количество попыток
Перемешивать варианты ответов
Влияет ли вопрос на оценку вего лонгрида
Обратная связь и попытки
По умолчанию, обратная связь выключена. Если вы оставите её выключенной, то у ученика будет всего 1 попытка на прохождение и после своего ответа он увидит стандартное сообщение. Это сообщение будет одинаковым, независимо от выбранного ответа.
Есть ли альтернативные варианты этого блока?
Да. Вы можете добавить другой вид тестового вопроса: «Ранжирование», «Сопоставление» или «Вставка пропущенных слов».
Как я могу использовать этот блок?
Этот блок хорошо подходит, чтобы:
Проверить знания учеников, используя вопросы с одним или несколькими вариантами ответа.
Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.Цитата
Как добавить этот контентный блок?
Через меню добавления контентных блоков.
Как выглядит блок?
Как работать с блоком?
Добавьте блок.
Впишите цитату.
Впишите автора цитаты.
Конвертировать блок в другой
Вы можете конвертировать блок "Предупреждение" в другой с сохранением текста, а именно:
Заголовок
Заголовок с подзаголовком
Предупреждение
Текст с изображением
Текстовый блок
Возможности ИИ-помощника в блоке
В данном блоке представлен ИИ-помощник, который может:
Сгенерировать текст для блок
Исправить ошибки в тексте
Перефразировать и сократить текст
Создать вопросы или практическое задание на основании текста в блоке
Могу ли я изменить внешний вид блока?
Да. Вы можете отформатировать текст внутри цитаты с помощью текстового редактора.
Есть ли особенности у блока?
Цветовое оформление блока наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
для выделения ключевых мыслей и идей
цитирования высказываний и источников информации
Шаги
Как добавить блок?
Через меню добавления контентных блоков. Подробнее о блоках.
Как выглядит блок?
Как работать с блоком?
Все просто. Создайте блок и начните заполнять пустые поля вашим контентом. В блоке «Шаги» можно добавить:
название для шагов/этапов
текст для каждого шага
картинку для каждого шага
Картинки, которые вы добавляете в «Шаги», всегда могут быть просмотрены учениками в полном размере.
Вы можете изменить название шагов на своё усмотрение. Название, которое вы вводите в блоке, появляется в заголовке каждого шага.
Совет: Если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.
Еще есть возможность сгенерировать картинку с помощью нейросети.
Генерация картинки
Как добавлять и удалять шаги?
Количество шагов в блоке «Шаги» не ограничено. Вы можете добавить любое количество, нажав на кнопку «Добавить новый шаг» внизу. А удалить ненужные шаги можно, нажав на значок «Корзина».
Обратите внимание, что после удаления, восстановить вкладку невозможно.
Как изменить внешний вид?
Текст
Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Подробнее о редакторе.
Подсказка
Вы можете изменить текст подсказки.
Цвет
Цвет активного шага наследуется из цветовой темы лонгрида.
Как я могу использовать этот блок?
Этот блок хорошо подходит:
Для пошаговых инструкций.
Для показа истории и таймлайна.
Для перечисления этапов какого-либо процесса.
Копирование контентных блоков
Вы можете копировать необходимые контентные блоки и вставлять их в рамках одного лонгрида. Так же можете скопировать в новый или другой лонгрид.
Как копировать блок?
Все достаточно просто, нажимаете на "три точки" и появится меню где необходимо нажать "Копировать в буфер"
Как вставить блок?
Есть несколько вариантов как вставить блок.
Вариант первый, если требуется вставить контентный блок сразу между другими блоками. То вы наводите на поле между ними и у вас появится меню.
И второй вариант, в меню снизу страницы.
Дублирование блока
Еще одна разновидность копирования блока, это его дублирование. Дублировать можно в рамках одного раздела и дубль блока создается сразу же после оригинала.
Код
Блок «Код» позволяет добавить в лонгрид собственный HTML-блок: визуальный элемент, интерактив, анимацию, калькулятор или другой нестандартный фрагмент. Блок можно создать двумя способами:
сгенерировать прямо в Scrolltool;
вставить код, подготовленный во внешней нейросети или редакторе.
Как добавить блок?
Наведите курсор на линию между блоками и нажмите на появившийся значок «плюс», чтобы открыть меню с блоками. Выберите блок «Код».
Как выглядит блок?
В редакторе блок состоит из трех вкладок:
HTML — структура блока;
CSS — стили оформления;
JS — логика и интерактивность.
Ниже редактора отображается предпросмотр блока. В нем можно сразу увидеть, как код будет выглядеть в лонгриде.
Вариант 1. Сгенерировать блок в Scrolltool
Откройте блок «Код» и разверните область «Сгенерировать с ИИ».
В поле промта опишите, какой блок хотите получить. Например:
Сделай блок из трех преимуществ рисования: снижает стресс, развивает креативность, помогает расслабиться. Белый фон, три колонки, крупные иконки, тонкие линии, аккуратная типографика.
После генерации Scrolltool заполнит вкладки HTML, CSS и JS. Результат можно проверить в предпросмотре под редактором.
Если нужно изменить результат, напишите правку в том же поле и нажмите «Доработать».
Например:
Сделай иконки меньше, добавь больше воздуха между колонками, а на мобильном устройстве расположи блоки друг под другом.
Если хотите получить новый вариант с нуля, нажмите «Сгенерировать заново».
Вариант 2. Вставить код из внешней нейросети
Вы можете подготовить код в ChatGPT, DeepSeek, Claude или другом AI-сервисе, а затем вставить его в блок «Код».
Попросите нейросеть разделить результат на три части:
HTML
CSS
JS
Пример запроса:
Сделай блок для Scrolltool и раздели код на три части: HTML, CSS и JS. И пишите ваш промт.
Затем вставьте каждую часть в соответствующую вкладку блока:
код из части HTML — во вкладку HTML;
код из части CSS — во вкладку CSS;
код из части JS — во вкладку JS.
Важное ограничение
Код в блоке должен быть самодостаточным. Не используйте внешние файлы, ссылки и обращения к сети. Песочница Scrolltool их заблокирует.
Если внешняя нейросеть выдала код с такими строками:
их нужно убрать, а содержимое CSS и JS перенести во вкладки CSS и JS.
Но можно не руками а попросить нейросеть убрать ссылки, файлы и связь с внешними сервисами.
Колонки