Разбираемся · Создание онлайн-курсов

Обтекание текстом Word: как разместить рисунки в методичке курса

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

В этом материале

Разделите иллюстрации по роли

Представим методичку для кураторов с двумя рисунками. Первый — скриншот «Проверка версии файла», который нужен для выполнения конкретного шага. Второй — небольшая схема «Виды проверок», дополняющая обзорный абзац. Это редакционный пример, а не описание готового документа или результата испытания Word.

У этих изображений разные задачи. Скриншот читатель рассматривает последовательно с действием: найдите номер версии, сравните его с заданием, выберите подходящий файл. Схема помогает ориентироваться в классификации и может находиться сбоку, если текст остаётся достаточно широким и легко читается.

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

Поместите пошаговый скриншот в строку

Выделите изображение и откройте параметры разметки. Для скриншота выберите «В тексте» — In Line with Text — и разместите его в отдельном абзаце сразу после соответствующего действия. В справке Microsoft поясняется, что такое изображение ведёт себя подобно текстовому символу; отдельный якорь для него не отображается.

В нашем фрагменте сначала идёт действие «Сравните номер версии», затем скриншот, затем пояснение, что делать при несовпадении. Проверьте, можно ли прочитать мелкие элементы интерфейса при обычном размере страницы. Если для читаемости картинку приходится увеличивать, лучше пересмотреть выделенный участок изображения, чем втискивать его рядом с узкой полосой текста.

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

Настройте небольшую схему рядом с пояснением

Для схемы можно испытать режим «Вокруг рамки» — Square — с перемещением вместе с текстом, Move with Text. Выбирайте его для компактного рисунка, рядом с которым остаётся достаточно места для связного объяснения. Названия команд могут отличаться в зависимости от языка интерфейса.

Включите отображение непечатаемых знаков. Для плавающего рисунка Word показывает якорь, связанный с абзацем; при необходимости отображение якорей включается в File → Options → Display → Object anchors. Найдите, к какому абзацу относится схема, и сопоставьте это с выбранным смысловым пояснением.

Якорь — указатель связи размещения, а не гарантия удобного чтения. Посмотрите на реальную страницу: не превратился ли обзор в короткие обрывки строк, не приходится ли прыгать глазами вокруг рисунка? Если текст стал труднее читать, верните схему в отдельный абзац и повторите проверку. Сам факт доступности обтекания не делает его необходимым.

Испытайте изменение текста перед рисунком

Сохраните копию и добавьте перед каждым фрагментом один содержательный абзац из трёх предложений. Затем удалите его. После обоих действий найдите инструкцию, соответствующий рисунок и подпись. Запишите, сохраняется ли однозначная последовательность чтения, а не только прежний номер страницы.

Для скриншота проверьте, что его по-прежнему можно связать с действием проверки версии. Для схемы — что она осталась рядом с обзором и не перекрыла другой материал. Если рисунок оказался рядом с новым абзацем, который описывает совсем другую задачу, читатель может неверно истолковать его назначение даже при аккуратной вёрстке.

Номер страницы при правке может измениться, и это само по себе не ошибка. Если проблема заключается в заголовке, оторванном от своего текста, отдельно настройте размещение абзацев и висячих строк. Обтекание изображения не решает все вопросы разрыва страницы.

Проверьте подписи и совместное редактирование

Подпись «Проверка версии файла» должна однозначно относиться к своему скриншоту. Взгляните на страницу без чтения предыдущего раздела: понятно ли, какое изображение описано? После изменения расположения проверьте и текстовые отсылки вроде «на рисунке ниже». Если направление перестало быть точным, используйте содержательное название.

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

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

Просмотрите файл, который получит ученик

Сохраните итоговый PDF и откройте обе страницы при обычном масштабе. Пройдите действие проверки версии по скриншоту, затем найдите нужный вид проверки по схеме. Убедитесь, что изображения не перекрывают текст, мелкие подписи читаемы, а объяснение не потерялось на соседней странице.

Попросите коллегу выполнить те же действия без устной подсказки. Если он выбирает не тот рисунок, уточните подпись или расположение и повторите конкретную пробу. Готовый результат — методичка, в которой изображение помогает сделать учебное действие и остаётся понятным после очередной редакторской правки.

Источники

  1. справке Microsoft ↗
Создать аккаунт и собирать свою библиотеку →
От знаний — к своему курсу

Создайте свой курс в Umhub

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

Создать курс