Перейти к основному контенту

Текст с изображением

Блок «Текст с изображением» позволяет добавить к курсу текст и картинку рядом с ним, и настроить их внешний вид.

Как выглядит блок?

text-image1-look.gif

Как добавить блок?

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

Как выглядит блок в меню

text-image0-menu.jpg

Добавление блока

imgtext2-new.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как изменить содержимое?

В блоке «Текст с изображением» можно добавить:

  • изображение с компьютера
  • текст

Вы можете использовать изображения в формате JPG, PNG, GIF, WEBP и SVG.

Заполнение блока

Чтобы добавить своё изображение, нажмите на стартовую картинку и выберите нужный файл в проводнике. Чтобы ввести свой текст, поставьте курсор в текстовое поле и наберите его.

imgtext3-fill.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как изменить внешний вид?

В блоке «Текст с изображением» можно изменить:

  • шаблон
  • размер картинки
  • форматирование текста (вы можете отформатировать текст с помощью текстового редактора. Подробнее о редакторе.)
Шаблон
Шаблон

Выбор шаблона позволяет разместить картинку справа или слева от текста. Чтобы изменить шаблон, выберите соответствующий пункт.

text-image4-layout.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Размер картинки
Размер картинки

Чтобы изменить размер изображения, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера исходные пропорции сохраняются.

imgtext5-size.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как настроить?

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

Запрет увеличения картинки

imgtext6-download.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Совет: Если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.

Пример с прозрачным фоном:

image3-transparent.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Есть ли альтернативные варианты этого блока?

Да. Вы можете добавить другой тип контентного блока «Изображение».

Как я могу использовать этот блок?

Этот блок хорошо подходит, чтобы:

  • Повысить наглядность курса.
    Вставьте свое изображение и дайте развернутый комментарий к нему.
  • Украсить курс или сделать акцент на какой-то теме.
    Можно украсить текст курса изображениями в тему. Так курс будет восприниматься лучше.

Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.