Интерфейс редактора курсов
Учебный модуль в CourseLab Online состоит из последовательности блоков. В редакторе возможно два варианта их представления: слайдовое (поэкранное) и в формате лонгрида – в этом случае блоки «склеиваются» друг с другом, и переход от одного к другому осуществляется не с помощью кнопки «Далее», а путем пролистывания страницы снизу вверх.
![](https://static.tildacdn.com/tild6239-3037-4664-b962-626437396563/clo_1b.png)
Перечень основных блоков, которые могут присутствовать в курсе, включает:
- текст (в том числе текст с картинкой/несколькими картинками, текст с гиперссылками, текст со ссылками на файлы и т.д.),
- галерея (последовательность картинок),
- видео, которое может быть как встроенным, так и прикрепленным из видеохостинга,
- блоки вкладок,
- интерактивные картинки с пояснениями,
- цитаты,
- вопросы,
- вывод результатов тестирования и т.д.
![](https://static.tildacdn.com/tild3538-6333-4535-a639-356633393834/clo_2.png)
В учебный модуль можно добавлять другие блоки, их количество может быть произвольным. Типы блоков будут расширяться – в следующем релизе инструмента планируется еще 5-6 типовых интерактивностей.
Работа с блоками
После того как автор соберет в учебный модуль необходимый набор блоков, он может использовать набор параметров, при изменении которых автоматически в режиме реального времени отображение меняется.
![](https://static.tildacdn.com/tild3231-3236-4761-b433-386466623163/clo_3.png)
Разработчик сразу же видит, как после редактирования контент будут выглядеть для обучаемого (для этого нужно воспользоваться кнопкой Preview), причем и в десктопном, и в мобильном варианте. Контент адаптируется под каждую версию автоматически. Например, для мобильного варианта изменяются размеры шрифтов, картинки увеличиваются, чтобы их можно было развернуть на весь экран, текст из слайдового представления превращается в лонгрид с соответствующими информационными блоками и т.д. Механизм адаптивности у каждого интерактивного блока или объекта свой, тем не менее автор может быть уверен, что любой контент будет мобильно дружественным без специальных усилий с его стороны.
Мобильная адаптивность
Созданный учебный модуль автоматически может отображаться как в слайдовом формате так и в виде длинной страницы (лонгрид) для обычного или мобильного устройства.
![](https://static.tildacdn.com/tild3932-3166-4638-a361-303533303530/clo_4b.png)
![](https://static.tildacdn.com/tild3736-3566-4539-a234-386164303931/clo_5b.png)
![](https://static.tildacdn.com/tild6463-3230-4532-a361-636263373364/clo_6b.png)
Полный обзор майских новшеств CourseLab Online читайте в статье Алексея Королькова:
"Как создать курс для мобильного устройства без специальных знаний?"