Наполнение глав и уроков

Корпоративный университет позволяет наполнять главы и уроки текстом, изображениями, видео и файлами. Для новых онлайн-курсов администратор выбирает один из двух редакторов: блочный «Сайты 24» или HTML-редактор Битрикс24. Ниже описаны оба варианта.

Выбор редактора задается опцией «Для наполнения вновь создаваемых онлайн-курсов использовать редактор модуля "Сайты 24"» в настройках модуля. Уже созданный курс далее редактируют только в том редакторе, в котором его создали.

Наполнять курсы могут пользователи с правами на создание и редактирование курсов и их элементов:

• Администраторы
• Группа HR-отдела
• Группа авторов курсов
• Пользователи, которым отдельно даны права на создание и редактирование курса

Редактор «Сайты 24»Редактор «Сайты 24»

Редактор «Сайты 24» — блочный визуальный конструктор. Верстку урока собирают из готовых блоков, которые не требуют знания HTML.

Чтобы перейти к наполнению, откройте нужный урок или главу и нажмите «Редактировать».

Откроется рабочая область редактора. Нажмите на кнопку «+ Добавить блок». В левой части окна выберите раздел (категорию) блоков.

В каталоге блоков есть разделы «Последние», «Избранное», «Обложка», «Текст», «Текст с картинками», «Картинки и галереи», «Видео», «Заголовок», «Колонки», «Кнопки и ссылки», «Переходы и разделители», «Меню и шапка сайта», «Сайдбар», «Подвал сайта», «CRM-форма», «Новостная лента», «Обратная связь», «Файлы», «Другое» и другие. Внутри раздела — различные тематические блоки с разной версткой.

После добавления блока наведите на него курсор и нажмите «Редактировать», чтобы заполнить текст, изображения и другие параметры.

Режим «Суперблок»Режим «Суперблок»

Готовый блок можно изменить глубже, чем через обычное редактирование: удалить отдельные элементы или добавить новые. Для этого предназначен режим «Суперблок».

Выделите блок на странице урока и нажмите «Суперблок» на панели над блоком.

Щелкните по элементу внутри блока (заголовок, абзац, картинку) и при необходимости удалите его или добавьте новый через «Добавить элемент».

Шаблоны блоков и избранноеШаблоны блоков и избранное

Если вы часто используете один и тот же блок, его можно сохранить и быстро вставлять в другие уроки и курсы на «Сайтах 24».

В режиме редактирования откройте меню «Действия», выберите «Сохранить в список блоков» и укажите раздел каталога, куда попадет шаблон (например, «Заголовок» или «Текст с картинками»).

Сохраненные шаблоны отображаются в том разделе, куда вы их сохранили. На превью у таких блоков есть метки «Мой» и «Сохраненный блок».

Для быстрого доступа к нужным блокам их можно добавлять в раздел «Избранное». Для этого в каталоге нажмите значок сердца.

Блок HTML-кодаБлок HTML-кода

Иногда готовых блоков в каталоге недостаточно, и для оформления урока нужна другая верстка. Для этого предназначен специальный блок «Онлайн курс: HTML код» в разделе «Другое». В него можно вставить произвольную HTML-разметку и таким образом создать уникальное оформление курса.

На опубликованной странице отобразится результат вставленного кода.

Код с подсветкой синтаксисаКод с подсветкой синтаксиса

В курсах по верстке, программированию и смежным темам сотрудникам часто нужно показывать примеры кода: фрагменты HTML, CSS, PHP, SQL и т. п. Обычный текстовый блок для этого неудобен — синтаксис не подсвечивается, фрагмент сложно скопировать. Для таких задач предназначен блок «Онлайн-курс: Код с подсветкой синтаксиса» в разделе «Другое».

В настройках блока можно выбрать язык (PHP, JS, SQL, CSS и др.). При необходимости можно включить или отключить опцию копирования кода в режиме просмотра.

Видео в урокеВидео в уроке

В разделе «Видео» каталога блоков есть стандартные шаблоны «Сайтов 24» для роликов с YouTube, VK Видео, RuTube, Vimeo и других внешних площадок.

Этого не всегда достаточно: у компании часто есть учебные ролики, которые хранятся на портале и намеренно не выкладываются во внешние сервисы. Стандартные блоки рассчитаны на ссылки с площадок вроде YouTube и не подойдут для таких файлов. Для публикации видео с портала в курсах предназначены два блока Корпоративного университета:

• «Курс: Видео (во всю ширину)»
• «Курс: Видео с описанием»

Шаблоны находятся в разделе «Видео».

Курс: Видео (во всю ширину)Курс: Видео (во всю ширину)

Видео отображается по центру страницы и во всю ширину (по умолчанию), без текста рядом.

Доступные настройки:

1. Источник видео. «Загрузка файла» — ролик с компьютера. «Ссылка на видеофайл» — прямая ссылка на файл .mp4 или .webm на сервере (ссылки на YouTube и аналогичные сервисы не подходят).

   Для варианта «Ссылка на видеофайл» скопируйте прямую ссылку на файл. Ее можно взять в административной части портала: «Контент» > «Структура сайта» > «Медиабиблиотека» > «Видео», откройте элемент и скопируйте значение поля «Прямая ссылка на файл».

2. Загрузить файл. Кнопка загрузки ролика с компьютера (при источнике «Загрузка файла»).
3. Название видео. Подпись к ролику внутри блока.
4. Выводить название видео. Показывать или скрывать подпись на странице урока.
5. Ширина видео. Например, «На всю ширину» или указанный вручную размер.
6. Запретить менять скорость. Блокирует изменение скорости воспроизведения.
7. Запретить скачивание видео. Скрывает возможность скачать ролик из плеера.
8. Запретить перематывать вперед. Не дает перематывать ролик вперед.

Курс: Видео с описаниемКурс: Видео с описанием

Видео отображается рядом с заголовком и текстом (слева или справа от описания).

Доступные настройки:

1. Источник видео. «Загрузка файла» или «Ссылка на видеофайл» — так же, как в блоке «Курс: Видео (во всю ширину)». Для ссылки нужна прямая ссылка на файл .mp4 или .webm.

   Для варианта «Ссылка на видеофайл» скопируйте прямую ссылку на файл. Ее можно взять в административной части портала: «Контент» > «Структура сайта» > «Медиабиблиотека» > «Видео», откройте элемент и скопируйте значение поля «Прямая ссылка на файл».

2. Загрузить файл. Кнопка загрузки ролика с компьютера (при источнике «Загрузка файла»).
3. Заголовок. Текст рядом с видео.
4. Описание. Пояснение к ролику рядом с видео.
5. Сначала описание, затем контент. Переключатель меняет порядок колонок: текст слева, видео справа или наоборот.
6. Ширина видео. Например, «На всю ширину» или указанный вручную размер.
7. Запретить менять скорость. Блокирует изменение скорости воспроизведения.
8. Запретить скачивание видео. Скрывает возможность скачать ролик из плеера.
9. Запретить перематывать вперед. Не дает перематывать ролик вперед.

На странице урока настроенные блоки выглядят так:

Прикрепление файловПрикрепление файлов

В разделе «Файлы» предусмотрено три блока для прикрепления файлов к уроку:

• «Курс: Файлы (список)»
• «Курс: Файлы с описанием»
• «Курс: Просмотр PDF»

Курс: Файлы (список)Курс: Файлы (список)

Список файлов отображается для скачивания без отдельного текстового блока.

Настройки блока:

1. Как добавить файл. «Загрузка файла» или «Ссылка на файл».
2. Загрузить файлы. Кнопка выбора файлов с компьютера (при способе «Загрузка файла»).
3. Показывать размер (только загруженные файлы). Выводить размер рядом с именем файла.
4. Открывать картинки и PDF в просмотрщике. Изображения и PDF открываются во встроенном просмотрщике поверх страницы, остальные типы файлов скачиваются.

На странице урока блок выглядит так:

Курс: Файлы с описаниемКурс: Файлы с описанием

Блок совмещает список файлов с заголовком и описанием. Порядок колонок задает переключатель «Сначала описание, затем контент».

Настройки блока:

1. Как добавить файл. «Загрузка файла» или «Ссылка на файл».
2. Загрузить файлы. Кнопка выбора файлов с компьютера (при способе «Загрузка файла»).
3. Показывать размер (только загруженные файлы). Выводить размер рядом с именем файла.
4. Открывать картинки и PDF в просмотрщике. Изображения и PDF открываются во встроенном просмотрщике поверх страницы, остальные типы файлов скачиваются.
5. Заголовок. Текст рядом со списком файлов.
6. Описание. Пояснение к материалам рядом со списком файлов.
7. Сначала описание, затем контент. Переключатель меняет порядок колонок: текст слева, файлы справа или наоборот.

На странице урока блок выглядит так:

Курс: Просмотр PDFКурс: Просмотр PDF

Блок встраивает PDF в страницу урока для чтения без перехода по ссылке.

Настройки блока:

1. Источник документа. «Загрузка файла» или «Ссылка на файл». Для ссылки нужна прямая ссылка на файл .pdf.
2. Загрузить файл. Кнопка выбора PDF с компьютера (при источнике «Загрузка файла»).
3. Название документа. Подпись к документу в блоке.
4. Выводить название документа. Показывать или скрывать название на странице урока.
5. Выводить иконку разворачивания на весь экран. Добавляет кнопку полноэкранного просмотра.
6. Запретить скачивание. Скрывает кнопки «Скачать» и «Печать» во встроенном просмотрщике и меню по правому клику. Полностью запретить скачивание нельзя: файл остается доступен по прямой ссылке.
7. Ширина просмотрщика. Например, «На всю ширину» или фиксированный размер в пикселях.
8. Высота просмотрщика. Готовые варианты (компактная, средняя, большая и др.) или фиксированная высота в пикселях.

На странице урока блок выглядит так:

HTML-редакторHTML-редактор

Если в настройках модуля отключена опция редактора «Сайты 24», для наполнения используется стандартный HTML-редактор Битрикс24 (визуальный режим и правка HTML-кода). Такой вариант удобен, когда в компании уже принят процесс верстки уроков через HTML.

Откройте урок и в меню действий выберите «Изменить урок».

Содержимое урока задают на вкладке «Содержание» в карточке урока: выберите источник «текстовое поле» и режим «Визуальный редактор» или «HTML».

На странице урока содержимое выглядит так:

Подробнее о возможностях редактора — в курсе Битрикс24 «Контент-менеджер».