Как сделать картинку сбоку текста
Как сделать обтекание картинки текстом в Microsoft Word
Во время работы в MS Word нередко можно столкнуться с необходимостью проиллюстрировать документ с помощью изображений. О том, как просто добавить картинку мы уже писали, как писали и о том, как наложить поверх нее текст. Однако, иногда может потребоваться сделать обтекание добавленной картинки текстом, что немного сложнее, зато и выглядит куда приятнее. Об этом мы и расскажем в этой статье.
Для начала следует понять, что вариантов обтекания текстом картинки существует несколько. Например, текст может быть размещен за изображением, перед ним или по его контуру. Последнее, наверное, наиболее приемлемо в большинстве случаев. тем не менее, метод для всех целей общий, к нему и перейдем.
1. Если в вашем текстовом документе еще нет изображения, вставьте его, воспользовавшись нашей инструкцией.
2. Если это необходимо, измените размеры изображения, потянув за маркер или маркеры, расположенные по контуру. Также, вы можете обрезать изображение, изменить размеры и контур области, в которой оно находится. Наш урок вам в этом поможет.
3. Кликните по добавленному изображению, чтобы на панели управления отобразилась вкладка “Формат”, расположенная в основном разделе “Работа с рисунками”.
4. Во вкладке “Формат” нажмите на кнопку “Обтекание текстом”, расположенную в группе “Упорядочить”.
5. Выберите в выпадающем меню подходящий вариант обтекания текстом:
Примечание: Если для обтекания текстом будет выбран параметр “За текстом”, после перемещения изображения в нужное место, вы больше не сможете его редактировать, если область, в которой изображение находится, не выступает за пределы текста.
Примечание: Названия, обозначающие разные стили обтекания текстом, в разных версиях Microsoft Word могут отличаться, а вот типы обтекания всегда одинаковы. Непосредственно в нашем примере используется Ворд 2016.
6. Если текст еще не был добавлен в документ, введите его. Если же в документе уже содержится текст, обтекание которым необходимо сделать, переместите изображение на текст и отрегулируйте его положение.
- Совет: Экспериментируйте с различными типами обтекания текстом, так как вариант, идеально подходящий в одном случае, может оказаться совершенно неприемлемым в ином.
Как видите, сделать обтекание изображения текстом в Ворде совсем несложно. Кроме того, программа от Microsoft не ограничивает вас в действиях и предлагает несколько вариантов на выбор, каждый из которых может быть использован в различных ситуациях.
Изображения в тексте
Иллюстрации всегда использовались для наглядного донесения до читателя нужной информации, для оформления страниц сайта и включения в текст различных графиков, диаграмм и схем. В общем, область применения изображений на сайтах достаточно велика. При этом используется несколько способов добавления рисунков в текст веб-страницы, которые и рассмотрены далее.
Рисунок по центру
Для выравнивания изображения по центру колонки текста, тег помещается в контейнер
Пример 1. Выравнивание рисунка по центру
Рис. 1. Рисунок в центре колонки текста
Обтекание рисунка текстом
Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон (рис. 2). Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей.
Рис. 2. Рисунок выровнен по левому краю и обтекается текстом справа
Пример 2. Использование свойств тега
Пример 3. Использование стилей
Рисунок на поле
При такой схеме изображение располагается справа или слева от текста, причем его обтекание происходит только с одной стороны. Фактически это напоминает две колонки, в одной из них находится рисунок, а в другой текст (рис. 3).
Рис. 3. Изображение размещается на поле слева от текста
Применение таблиц
Таблицы удобны тем, что позволяют легко создать структуру колонок с помощью ячеек. Потребуется таблица с тремя ячейками, в одной будет располагаться изображение, во второй текст, а третья нужна, чтобы создать отступ между ними. Можно также обойтись и двумя ячейками, а нужное расстояние задать через стили или с помощью атрибута width тега
Пример 4. Создание рисунка на поле с помощью таблиц
Результат примера показан на рис. 4.
Рис. 4. Изображение слева от текста
В данном примере ширина рисунка составляет 90 пикселов, а ширина колонки, где он располагается — 110 пикселов. Разница между ними и обеспечивает нужное расстояние от текста до картинки. Чтобы атрибуты таблицы cellspacing и cellpadding не вмешивались в процесс, их значения лучше обнулить. Обратите внимание, что в ячейках задается выравнивание по высоте.
Использование стилей
Пример 5. Использование margin
Свойство float в данном примере нужно, чтобы верхний край текста совпадал с верхним краем рисунка. Без этого свойства слой text опускается вниз на высоту изображения.
Как сделать картинку сбоку текста
Бывает так, что нужно вывести картинку и приписать название (короткую фразу). Для этого есть такие параметры:
• align=»top» – выравнивает текст по верху изображения.
• align=»bottom» – выравнивает текст по низу.
• align=»middle» – выравнивает текст по центру.
Ниже приведён код, в котором демонстрируется работа выше описанных параметров.
Красивая пчёлка
Очень симпатичная пчёлка
Тоже ничего.
Теперь посмотрим, как нужно выводить картинку при большом количестве текста.
Есть два параметра:
• align=»left» – изображение «обтекает текст» слева.
• align=»right» – изображение «обтекает текст» справа.
Для наглядности напишите такой код:
Солнце
По форме Солнце близко к идеальной сфере с диаметром 1392000 км. Оно вмещает в себя орбиту Луны, и еще остается много места. Фактически более миллиона таких планет как Земля свободно поместились бы внутри Солнца. Кроме того, если бы вы смогли вести машину по его поверхности со скоростью 88 км/ч, у вас бы ушло 5 с половиной лет, чтобы объехать Солнце один раз (притом не останавливаясь). Но размер Солнца не постоянен. Современные исследования показывают, что диаметр Солнца уменьшается приблизительно на 1 метр в час. Если этот феномен проходил и в прошлом столетии, тогда Солнце, которое мы видим сейчас на 800 км меньше, чем то, которое видели наши предки. Возможно, это солнечное сжатие является частью долговременного колебания, которое помогает стабилизировать громадный выброс энергии.
Луна
Это единственный естественный спутник Земли. Масса Луны составляет 0,0123 массы Земли (приблизительно 1/81) или 7,6.1022 кг. Диаметр Луны чуть больше четверти земного (0,273) или 3 476 км. Луна освещает Землю в 500 000 раз слабее Солнца). На Луне нет привычной для нас атмосферы, нет рек и озёр, растительности и живых организмов. Сила тяжести на Луне в шесть раз меньше, чем на Земле. День и ночь с перепадами температур до 300 градусов длятся по две недели.
Но как вы видите может быть так, что текст и картинка слишком близко находятся друг к другу. Что бы исправить это, нужно просто задать некоторую нужную величину толщины рамки и цвет, как у заднего фона.
Астрономическое явление, которое заключается в том, что Луна закрывает (затмевает) полностью или частично Солнце от наблюдателя на Земле. Солнечное затмение возможно только в новолуние, когда сторона Луны, обращенная к Земле, не освещена, и сама Луна не видна. Затмения возможны только если новолуние происходит вблизи одного из двух лунных узлов (точки пересечения видимых орбит Луны и Солнца), не далее чем примерно в 12 градусах от одного из них.
Как поместить картинку в определённое место в Word
Как разместить изображения и другие объекты в Word
Добавление изображения или других иллюстративных объектов в документ Word делается очень просто, но расположение этих объектов и их размещение на том месте, где вы хотите их видеть, может быть неприятным. К счастью, в Word есть инструменты, чтобы сделать это более управляемым, если вы знаете, где искать. Давайте ознакомимся со способами размещения изображений в определённых местах текста.
Кратко об обтекании текстом
Прежде чем мы перейдём к этим инструментам позиционирования, вы должны немного узнать об обтекании текстом. По умолчанию, когда вы вставляете изображения и другие графические объекты в документ, Word применяет одну из двух форм обтекания текстом: «В тексте» (для изображений и большинства других графических объектов) или «Перед текстом» (для фигур и трёхмерных моделей).
Когда вы устанавливаете обтекание текстом «В тексте», Word обрабатывает рассматриваемый объект как текстовый символ. Если вы вводите или вставляете текст до или после объекта, он перемещается вдоль линии и вниз по странице, как любой другой текстовый символ. Когда вы устанавливаете обтекание текстом для объекта на значение «Перед текстом», объект появляется поверх любого текста, и вы можете переместить его в любую нужную вам позицию.
Понимание того, как происходит обтекание текстом вокруг объектов, является важной частью размещения картинок в соответствии с вашими желаниями, поэтому, если вы ещё не знакомы с тем, как это работает, мы настоятельно рекомендуем вам прочитать наше руководство по этому вопросу.
В этой статье мы используем объект, для которого мы установили обтекание текстом на опцию «Квадрат». Инструменты позиционирования, о которых мы будем говорить, применимы к любому типу обтекания текстом, который вы используете, но точное позиционирование, которое вы сможете выполнить, будет зависеть от того, какой вид обтекания текстом вы выбрали.
Открытие и использование меню Положение
В связи с этим давайте поговорим об этих инструментах позиционирования.
В своём документе выберите объект, с которым вы хотите работать, переключитесь в меню «Макет», а затем нажмите кнопку «Положение». Эта кнопка также появляется в меню «Формат» и работает аналогичным образом.
Раскрывающееся меню «Положение» состоит из двух разделов: «В тексте» и «Обтекание текстом».
Раздел «В тексте» предлагает только один вариант по умолчанию, и вот как это выглядит.
Девять параметров в разделе «Обтекание текстом» позволяют выбрать фиксированную позицию на странице для вашего объекта, начиная от верхнего левого угла до нижнего правого угла. Вот наше изображение с выбранной опцией «Положение посередине в центре с обтеканием текста вокруг рамки».
Теперь, когда мы выбрали положение по отношению к тексту, наше изображение останется там независимо от того, как изменяется текст. Вы можете удалить текст из этого абзаца, изменить порядок абзацев, добавить новый текст или все, что вам нужно сделать, и это изображение останется в выбранной вами позиции.
Однако следует быть осторожным с тем, что при выборе всего абзаца, к которому привязан объект, этот объект также обычно выбирается. Поэтому, если вы выберете, а затем удалите этот абзац, вы также удалите этот объект. Вы можете определить, что объект выбран, потому что он принимает серый цвет и для него очерчивается граница.
Если вы хотите удалить абзац, не удаляя объект, то выделите весь абзац, а затем, удерживая клавишу Ctrl, кликните на объект, чтобы отменить его выбор. При удалении абзаца объект (картинка) останется в документе.
Вы также можете перетащить объект в новое место, и оно останется в этом новом месте.
Точная настройка и другие параметры для точного позиционирования
Эти базовые пресеты хорошо работают для простого позиционирования, и вы можете перетащить свой объект в определённое место, если хотите. Но что, если вы хотите разместить два изображения на заданную величину или установить своё изображение на определённом расстоянии от полей? Word предоставляет палитру параметров, которые можно использовать для точной настройки положения объекта.
Выберите ваш объект, вернитесь в Макет → Положение и на этот раз нажмите «Дополнительные параметры разметки».
Должно открыться окно «Макет» с выбранной вкладкой «Положение».
Если вы хотите, чтобы эти выравнивания были измерены относительно чего-либо, кроме полей страницы, вы можете выбрать различные параметры в раскрывающихся меню справа от каждого параметра.
В разделе «По горизонтали» вы также увидите параметр «в книге», который используется, когда ваш документ имеет формат лево/правой страницы для печати и переплёта. Варианты здесь довольно просты. Вы можете расположить свой объект относительно внутренней или внешней части поля или страницы. Эти параметры работают совместно с параметрами Макет → Поля, особенно с опцией «Зеркальные».
Завершают набор «положение» и «относительное положение» в разделах «По горизонтали» и «По вертикале». Эти параметры дают вам более точный контроль над конкретной позицией объекта. Выбор «положение» (имеется ввиду абсолютное положение) означает, что ваш объект будет оставаться в этой точной позиции независимо от того, какое другое форматирование или текст вы можете изменить. «относительное положение» означает, что ваш объект будет расположен относительно части структуры документа, поэтому, если эта часть документа перемещается, ваше изображение перемещается вместе с ним и остаётся в той же относительной позиции. Это полезно, когда вы хотите, чтобы ваше изображение всегда было на определённом расстоянии от поля, например, даже если вы позже измените поле.
Перекрывающиеся изображения
Под разделами «По горизонтали» и «По вертикале» в окне «Макет» вы также найдёте несколько других вариантов. Давайте начнём с опции «Разрешить перекрытие», потому что это довольно просто и очень полезно.
Если в вашем документе имеется более одного объекта, и вы хотите, чтобы некоторые из них могли перекрываться с другими, вам нужно — как вы уже догадались — включить опцию «Разрешить перекрытие». Это параметр уровня «весь документ», который означает, что он влияет на каждый объект в документе, а не только на объект, который вы выбрали при включении параметра. Это имеет большой смысл, если вы думаете об этом, потому что зачем вам включать это для одного изображения, а не для других? Как и все параметры позиционирования, «Разрешить перекрытие» применяется только к изображениям, которые не используют стиль обтекания «В тексте». Как только вы выключите «Обтекание текстом», вы сможете перетаскивать изображения так, чтобы они перекрывали друг друга.
Если вы хотите изменить, какое изображение находится выше, а какое ниже другого, переключитесь на вкладку «Макет» (или «Формат») и используйте параметры «Переместить вперёд» и «Переместить назад», чтобы наложить изображения на нужный вам слой.
Понимание параметров «Перемещать с текстом» и «Зафиксировать положение на странице»
Различные варианты горизонтального и вертикального выравнивания (и «Разрешить перекрытие») довольно просты, особенно после того, как вы немного поиграли с ними и увидели, как они влияют на позиционирование.
С другой стороны, параметры «Перемещать с текстом» и «Зафиксировать положение на странице» часто приводят к некоторой путанице, поэтому нам потребуется немного больше времени, чтобы объяснить, как они работают.
Перво-наперво: когда вы начнёте экспериментировать с этими двумя вариантами, вы можете заметить, что мало что происходит независимо от того, какой вы выберете. Это потому, что эти параметры влияют только на объекты, которые не имеют фиксированной позиции. Когда вы изменили своё изображение с «В тексте» на другой стиль обтекания текстом, был включён параметр, который вы, вероятно, пропустили, если только вы явно его не искали. Этот параметр называется «Зафиксировать положение на странице», и вы можете найти его в меню Макет (или Формат) → Обтекание текстом.
Когда у вас включена опция «Зафиксировать положение на странице», опции «Перемещать с текстом» и «установить привязку» в окне «Макет» ничего не делают. Эти параметры работают, только если изображение может двигаться. Чтобы использовать их, вы должны включить опцию «Перемещать с текстом».
Итак, в меню «Обтекание текстом» включите опцию «Перемещать с текстом». Этот параметр определяет, будет ли объект перемещаться с абзацем, к которому он привязан. Если этот параметр включён, вы можете добавлять или удалять абзацы выше того, который содержит ваш объект, и объект перемещается вместе со своим собственным абзацем.
Быстрый пример покажет это в действии. Мы начнём с изображения в тексте, установив параметр обтекания текстом «Квадрат» и «Положение сверху в центре».
Когда переключатель «Перемещать с текстом» включён, изображение остаётся с исходным абзацем, когда мы добавляем ещё один абзац выше.
Но когда «Перемещать с текстом» отключён, то когда мы добавляем ещё один абзац выше, изображение остаётся там, где оно находится на странице.
Это подводит нас к тому, как Word помечает объект как принадлежащий определённому абзацу — как он узнаёт, как перемещать объект с помощью абзаца, когда включена функция «Перемещать с текстом»? Word делает это с помощью «якоря». Вы можете увидеть якорь при выборе изображения.
Примечание. Если вы не видите привязку, перейдите в «Файл» → «Параметры» → «Отображение» и убедитесь, что «Привязки объектов» включены.
По умолчанию привязка прикрепляется к абзацу, в который вы вставляете объект, но когда вы перемещаете объект в другой абзац, привязка перемещается вместе с ним. Допустим, у вас есть два абзаца: первый и второй. Если ваш объект находится в первом абзаце и пункт «Перемещать с текстом» включён, ваше изображение будет двигаться вместе с первым абзацем. Если вы перетащите свой объект во второй абзац, привязка будет присоединена ко второму абзацу, и после этого объект начнёт перемещаться вместе со вторым абзацем.
Но что, если вы хотите, чтобы ваш объект оставался в той же позиции на странице, но всегда был на странице с её якорным абзацем?
Вот тут-то и появляется настройка «установить привязку». Когда вы включаете «установить привязку», вы можете переместить ваше изображение в любую позицию на той же странице, что и абзац привязки, и объект останется в этой позиции. Однако если вы переместите якорный абзац на другую страницу, объект также переместится на эту страницу, но останется в той же относительной позиции на странице.
Так, например, если у вас был объект в центре верхней части страницы, и вы переместили абзац привязки на другую страницу, объект также переместился бы на ту же страницу, где вы переместили абзац привязки, но остался в верхней центральной части страницы этой новой страницы.