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

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

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

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

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

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

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

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

НЗаспретрой увеличения ка блортинкаи

text-image3-settings.gifimgtext6-download.gif

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

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

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

:

image3-transparent.gif

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

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

Текст

Вы можете отформатировать текст внутри вкладки с помощью текстового редактора. Так он будет выглядеть аккуратнее.

Шаблон

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

Выбор шаблона

text-image4-layout.gif

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

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

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

Мы рекомендуем использовать эЭтот блок хорошо подходит, чтобы:

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

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

Наверх