Что нужно сделать чтобы картинка размещалась в тексте
Как сделать обтекание картинки текстом в Microsoft Word
Во время работы в MS Word нередко можно столкнуться с необходимостью проиллюстрировать документ с помощью изображений. О том, как просто добавить картинку мы уже писали, как писали и о том, как наложить поверх нее текст. Однако, иногда может потребоваться сделать обтекание добавленной картинки текстом, что немного сложнее, зато и выглядит куда приятнее. Об этом мы и расскажем в этой статье.
Для начала следует понять, что вариантов обтекания текстом картинки существует несколько. Например, текст может быть размещен за изображением, перед ним или по его контуру. Последнее, наверное, наиболее приемлемо в большинстве случаев. тем не менее, метод для всех целей общий, к нему и перейдем.
1. Если в вашем текстовом документе еще нет изображения, вставьте его, воспользовавшись нашей инструкцией.
2. Если это необходимо, измените размеры изображения, потянув за маркер или маркеры, расположенные по контуру. Также, вы можете обрезать изображение, изменить размеры и контур области, в которой оно находится. Наш урок вам в этом поможет.
3. Кликните по добавленному изображению, чтобы на панели управления отобразилась вкладка “Формат”, расположенная в основном разделе “Работа с рисунками”.
4. Во вкладке “Формат” нажмите на кнопку “Обтекание текстом”, расположенную в группе “Упорядочить”.
5. Выберите в выпадающем меню подходящий вариант обтекания текстом:
Примечание: Если для обтекания текстом будет выбран параметр “За текстом”, после перемещения изображения в нужное место, вы больше не сможете его редактировать, если область, в которой изображение находится, не выступает за пределы текста.
Примечание: Названия, обозначающие разные стили обтекания текстом, в разных версиях Microsoft Word могут отличаться, а вот типы обтекания всегда одинаковы. Непосредственно в нашем примере используется Ворд 2016.
6. Если текст еще не был добавлен в документ, введите его. Если же в документе уже содержится текст, обтекание которым необходимо сделать, переместите изображение на текст и отрегулируйте его положение.
- Совет: Экспериментируйте с различными типами обтекания текстом, так как вариант, идеально подходящий в одном случае, может оказаться совершенно неприемлемым в ином.
Как видите, сделать обтекание изображения текстом в Ворде совсем несложно. Кроме того, программа от Microsoft не ограничивает вас в действиях и предлагает несколько вариантов на выбор, каждый из которых может быть использован в различных ситуациях.
Помимо этой статьи, на сайте еще 12450 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Изображения в тексте
Иллюстрации всегда использовались для наглядного донесения до читателя нужной информации, для оформления страниц сайта и включения в текст различных графиков, диаграмм и схем. В общем, область применения изображений на сайтах достаточно велика. При этом используется несколько способов добавления рисунков в текст веб-страницы, которые и рассмотрены далее.
Рисунок по центру
Для выравнивания изображения по центру колонки текста, тег помещается в контейнер
Пример 1. Выравнивание рисунка по центру
Рис. 1. Рисунок в центре колонки текста
Обтекание рисунка текстом
Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон (рис. 2). Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей.
Рис. 2. Рисунок выровнен по левому краю и обтекается текстом справа
Пример 2. Использование свойств тега
Пример 3. Использование стилей
Рисунок на поле
При такой схеме изображение располагается справа или слева от текста, причем его обтекание происходит только с одной стороны. Фактически это напоминает две колонки, в одной из них находится рисунок, а в другой текст (рис. 3).
Рис. 3. Изображение размещается на поле слева от текста
Применение таблиц
Таблицы удобны тем, что позволяют легко создать структуру колонок с помощью ячеек. Потребуется таблица с тремя ячейками, в одной будет располагаться изображение, во второй текст, а третья нужна, чтобы создать отступ между ними. Можно также обойтись и двумя ячейками, а нужное расстояние задать через стили или с помощью атрибута width тега
Пример 4. Создание рисунка на поле с помощью таблиц
Результат примера показан на рис. 4.
Рис. 4. Изображение слева от текста
В данном примере ширина рисунка составляет 90 пикселов, а ширина колонки, где он располагается — 110 пикселов. Разница между ними и обеспечивает нужное расстояние от текста до картинки. Чтобы атрибуты таблицы cellspacing и cellpadding не вмешивались в процесс, их значения лучше обнулить. Обратите внимание, что в ячейках задается выравнивание по высоте.
Использование стилей
Пример 5. Использование margin
Свойство float в данном примере нужно, чтобы верхний край текста совпадал с верхним краем рисунка. Без этого свойства слой text опускается вниз на высоту изображения.
3 потрясающих способа вставить картинку в ворде
Всем здравствуйте! На связи Федор Лыков. Наша сегодняшняя статья будет посвящена вопросу, как вставить картинку в ворде. Вопрос достаточно актуальный, так как многие до сих пор не знают, как правильно расположить изображение в документе и о том, что оно имеет ряд параметров по своему расположению.
Необходимость добавлением в свой документ графических файлов часто возникает из потребности показать людям что-то на примере. Далеко ходить не нужно: статьи на данном блоге пишутся непосредственно в программе Word и все скриншоты, рисунки объектов или схем добавляются при помощи данной функции.
Как все это сделать рассмотрим на двух версиях: 2003 классической и на актуальной 2019. Инструкция для последней будет подходить ко всем изданиям, вышедшим после 2003, так что каждый из вас научится вставлять различные виды графики, не зависимо от того, какой версией пользуетесь вы.
Единственным отличием является только то, что в современной версии возможно прямо из программы загрузка рисунков из сети.
Кстати, я написал статью для тех, кто хочет еще и порисовать в ворде.
Предисловие считаю оконченным, поэтому давайте непосредственно приступать к рассмотрению основного вопроса. Приятного вам чтения, господа!
Варианты размещения графических объектов в документе
Первым делом, давайте рассмотрим на примерах как вообще рисунок может размещаться в документе. В ворде этот параметр называется «обтекание текстом изображения»:
| Название | Иконка | Описание и назначение |
| В тексте |  | Вариант размещения по умолчанию. Данный вид привязывается к самому тексту, при необходимости разрывает его и перемещается вместе с ним. |
| Квадрат |  | При выборе данного варианта текст будет огибать объект по его прямоугольной рамке, полностью огибая его фигуру. |
| По контуру |  | Аналогичный предыдущему параметр, но с отличием в том, что огибание будет осуществляться непосредственно по контуру размещенного изображения, будь это хоть круг, хоть треугольник. |
| Сквозное |  | Очень похожий параметр с предыдущим. При данном режиме текст будет располагаться вокруг накладываемого рисунка. Перемещать можно картинку в нужное место. |
| Сверху и снизу |  | Рисунок будет располагаться между предложений, не разрывая его как в первом случае, чтобы не мешать тексту. |
| За текстом |  | Позволит поставить рисунок на задний план. Слова будут как бы наложены на него. |
| Перед текстом |  | Рисунок будет располагаться как бы поверх слов. |
Все эти параметры присутствуют в обеих версиях офиса, хоть иконки и немного отличаются, но смысл остается абсолютно тем же.
Давайте рассмотрим на реальных примерах в каждой версии офиса и начнем по классике с 2003 издания.
Вставка картинки в ворде 2003
Имеется два способа вставить изображение в ваш документ:
Оба варианта достаточны просты, рассмотрим их по порядку.
Способ №1
Создаем или открываем документ и обращаем внимание на верхнюю панель, а именно на меню «вставка». В раскрывшемся меню выбираем пункт «Рисунок», наведя на него курсором и нажимаем на пункт «из файла» в еще одном раскрывшемся меню.
Откроется окно, в котором вам необходимо выбрать рисунок. Укажите до него путь через него и после этих действий картинка появится в вашем документе.
Способ №2
Второй способ еще проще. Просто найдите изображение на своем компьютере, и перетащите файл прямиком в документ. Для этого выделите файл однократным щелчком мыши, после чего, зажав левую кнопку мыши, перетаскивайте его в окно открытого документа. Проще простого
После вставки у вас должна появится так же панель под названием «Настройка изображения». Ее вы можете увидеть на скриншоте выше. Если ее вдруг у вас нет, то вам следует нажать правой кнопкой на картинку и из контекстного меню выбрать пункт «Отобразить панель настройки изображения».
Данная панель позволяет отредактировать графический объект и настроить его расположение. По теме нашей сегодняшней статьи, нас интересует лишь один пункт «обтекание текстом».
При нажатии на данную кнопку раскроется меню, в котором вы сможете выбрать нужный вам тип обтекания.
Каждый из пунктов объяснен в таблице выше, так что выбирайте необходимый вам и перемещайте в нужное вам место.
Так же вы можете обрезать или растянуть рисунок до нужного размера. Масштабирование выполняется не через данное меню, а не посредственно в документе. Вам необходимо потянуть за один из краев рамки изображения левой клавишей мыши или за точки, расположенные по периметру рамки.
Этим самым вы можете растянуть изображение хоть на весь лист. Вам потребуется просто растянуть объект до больших размеров, чтобы расположить ее на всю страницу.
Для добавления картинки в таблицу вам необходимо выполнить все те же действия, что и в начале заголовка. Первый способ подразумевает, что перед вставкой вы поставите курсор набора текста в необходимую ячейку таблицы.
А во-втором способе вы просто перемещаете её в нужную вам ячейку. Очень просто.
Теперь предлагаю рассмотреть, как вставить картинку в ворде на примере более современных версий Microsoft Office.
Вставка картинки в ворде 2019
Имеется два способа вставить изображение в ваш документ:
В первом случае нам требуется перейти на вкладку «вставка» и нажать на кнопку «Рисунки».
После нажатия данной кнопки перед вами откроется меню, где потребуется выбрать источник, откуда будете брать картинку. Если вы хотите добавить картинку со своего компьютера, то соответственно выбирайте «это устройство», а если из сети, то соответственно «изображения в интернете».
Второй способ аналогичен тому, что упоминался в инструкции для более старой версии. Просто перетащите файл с картинкой прямиком в документ. Проще некуда.
После добавления рисунка в текст над ним в верхнем правом углу появится уже знакомый по таблице нам значок. Нажимайте на него для изменения параметра обтекания.
Так же, при выборе параметров вам могут быть доступны две галочки:
Эти пункты отвечают за привязку картинки к тексту документа. Активация первого пункта позволит рисунку перемещаться вслед за перемещением предложений и слов. Если вы будете с помощью клавиши «Enter» опускать абзац, то и картинка будет двигаться за ним.
При активации второго пункта рисунок статично будет стоять на одном месте, независимо стоять на одном месте, в которое вы его поставили.
Двигать рисунок можно, зажав левую клавишу мыши и двигая ею в любое необходимое место. В зависимости от выбранного параметра, текст будет адаптироваться под него.
Чтобы растянуть картинку, кликните на него один раз и тяните за необходимую вам точку по периметру, чтобы увеличить размер до необходимого.
Чтобы добавить картинку в таблицу вам необходимо выполнить все те же действия, что и в начале заголовка. Первый способ подразумевает, что перед вставкой вы поставите курсор набора текста в необходимую ячейку таблицы. Ничем не отличается от обычного добавления, поэтому проблем с этим у вас не должно возникать. Ну, вот мы и разобрались, как вставить картинку в ворде в новой версии офиса.
Заключение
Сегодня мы разобрались, как вставить картинку в ворде. Это достаточно просто, если вы внимательно читали, но все же я не исключаю того факта, что могут появиться какие-либо вопросы или трудности.
Если у вас они остались, то обязательно переходите в комментарии и задайте их и я обязательно отвечу на них.
А еще в этом замечательном редакторе можно сделать кроссворд.
Так же буду рад прочитать вашу критику и пожелания. А на этом у меня всё. Спасибо, что дочитали до конца! До новых встреч и до свидания!
Компьютерная грамотность с Надеждой
Заполняем пробелы — расширяем горизонты!
Обтекание картинки в Ворде: как ее вставить в текст, изменить размер и расположить рядом с текстом
Современные тексты практически немыслимы без картинок. И если писать текст с помощью редактора Ворд (Word от Microsoft), то часто можно столкнуться с проблемой вставки в текст картинок. Иногда еще бывает нужно сделать обтекание картинки в Ворде, когда текст находится рядом с картинкой или расположен вокруг нее так, как будто обтекает ее.
Предположим, надо описать текстом (словами) картину известного художника Шишкина Ивана Ивановича «Утро в сосновом лесу», которую в просторечии называют «Три медведя». Как это сделать в Ворде?
Допустим, мы уже сделали описание картины в редакторе Microsoft Word, и теперь хотим в текст нашего описания поместить саму картину, то есть перенести картинку в текст. Начнем вставлять картину (рисунок) сразу после заголовка описания – это место для вставки рисунка мы выделяем с помощью мышки, то есть ставим туда курсор мышки (1 на рис. 1):
Рис. 1 (кликните по рисунку для увеличения). Выделяем в тексте место под заголовком статьи для вставки туда картинки (рисунка) из файла
Как скопировать картинку из Интернета
В редакторе Word предусмотрена возможность вставлять рисунки из готовых файлов. Предположим, что вставляемый рисунок – картина Шишкина И.И. «Утро в сосновом лесу» находится на компьютере, на рабочем столе в папке «Картина Шишкина». Как там эта картина, этот рисунок оказались? Ну, например, мы нашли эту картину, этот рисунок в Интернете и сохранили его себе на компьютер, на рабочий стол.
Чтобы сохранить картинку из интернета на свой компьютер (свое устройство):
Вставляемые рисунки в текст могут быть самые разные:
Главное, чтобы перед вставкой рисунка в текст, этот рисунок был сохранен на компьютере в виде файла. И тогда мы сможем его вставить в текст.
Вставка картинки в текст в Ворде
Теперь, когда мы выделили в тексте то место, куда должен быть вставлена картинка (рисунок), переходим к процедуре вставки. Вставка рисунка в текст делается следующим образом:
Рис. 2 (кликните по рисунку для увеличения). Переход к меню «Вставка» и клик по иконке «Рисунок»
Откроется окно «Вставка рисунка», в котором мы должны найти на компьютере рисунок, который нужно поместить в Ворд. В рассматриваемом примере рисунок хранится на Рабочем столе в папке «Картина Шишкина».
1 на рис. 3 – Находим эту папку,
2 – кликаем по ней левой кнопкой мышки для выделения,
3 на рис. 3 – после чего нажимаем на кнопку «Вставить».
Рис. 3 (кликните по рис. для увеличения). Поиск вставляемого рисунка (картинки) на компьютере в окне «Вставка рисунка»
Картинка вставлена в вордовский текст некрасиво
После всех манипуляций, описанных выше, мы видим, что рисунок (он же «картинка») вставлен в текст сразу после заголовка и прямо перед первым абзацем (рис. 4).
Рис. 4 (кликните по рис. для увеличения). Вид вставленной картинки сразу после завершения вставки рисунка в текст
Скорее всего, нам не понравится то, что мы видим в получившемся тексте с картинкой. Текст первого абзаца начинается сразу после рисунка, причем этот текст идет от правого нижнего угла картинки, и буквально сцеплен с рисунком.
Почему так произошло? Потому что картинка в редакторе Word вставляется вместо одного символа текста, на место одного символа текста. И для Ворда этот рисунок является всего лишь одним единственным символом текста – так «воспринимает» Word картинку, что называется по умолчанию.
Если дальше ничего не предпринимать, а лишь пытаться редактировать текст, не трогая вставленную картинку, мы сможем немного облагородить полученный текст с рисунком.
Например, мы можем поставить курсор перед заглавной буквой «У», и затем раз 5-6 нажать на клавишу «Пробел». Между вставленной картинкой и началом абзаца появится некий промежуток, который выделен синим цветом для наглядности (1 на рис. 5).
Рис. 5 (кликните по рис. для увеличения). Отделение вставленной картинки от текста пробелами
Так, конечно, текст читается лучше, и рисунок вроде как отделяется от остального текста. Но все равно, ведь мы обычно видим в журналах, в книгах, в газетах картинки в тексте не в таком виде.
Нам обычно представляют рисунок отдельно от текста, либо текст как бы «обтекает» картинку, заполняя собой все свободное от картинки пространство на листе. А на свободном поле листа справа от рисунка мы видим только первую строку абзаца. Выше, на рисунках 4 и 5, справа от картинки мы видим пустоту. Так не делают…
Отделение картинки от текста в Ворде
Давайте попробуем для начала отделить рисунок от текста вообще. Для этого убираем все пробелы между картинкой буквой «У» в начале абзаца (то есть возвращаемся к виду, как показано на рис. 4).
Затем ставим курсор перед буквой «У» и нажимаем на клавишу «Enter» — текст абзаца начнется с новой строки, а рисунок останется на своем месте (рис. 6).
Рис. 6 (кликните по рис. для увеличения). Отделение вставленного рисунка от текста с помощью клавиши «Enter»
Что же, неплохо получилось, уже смотрится и читается значительно лучше. Правда, картинка расположена по-прежнему в левой части страницы, а справа от нее «зияющая пустота»!
Что делать? Можно оставить и так. А можно, например, поместить рисунок в центр страницы. Как это сделать? Нужно:
Рис. 7 (кликните по рис. для увеличения). Выделение строки с вставленной картинкой и последующее ее перемещение на середину строки (по центру)
И вот, случилось то, что мы хотели! Рисунок теперь размещен по центру страницы (рис. 8).
Рис. 8 (кликните по рис. для увеличения). Вставленная картинка размещена посредине страницы
Получается, что со вставленной картинкой можно (и даже нужно!) работать как с обычным текстом. И тогда рисунок будет «подчиняться» нашим желаниям, становясь на то место, куда мы его хотим «определить»! В данном случае картинка расположится посредине строки над первым абзацем текста.
То есть, обладая умением форматировать текст, мы можем применить наши знания и опыт для такого же форматирования рисунков. Уже неплохо, правда, же?! Например, можно выделить картинку, как мы обычно выделяем текст, зацепить картинку левой кнопкой мышки и перетащить картинку в любое место нашего текста.
Скриншот данного действия (выделить рисунок, зацепить и переместить в любое другое место текста) я не делаю. Можете попробовать это сделать самостоятельно, чтобы ощутить «свою власть» над картинкой. Не такой он страшный, этот вставленный рисунок, как его малюют! С картинкой в тексте можно делать все (или почти все), что мы умеем делать с текстом, с отдельными словами текста и даже с отдельными буквами и символами текста!
Изменение размера картинки в Ворде
На рис. 8 видно, что рисунок вставлен в текст как-то «не к месту», что ли. Возможно, это ощущение создается из-за маленького размера картинки. А что если рисунок увеличить в размере?
Как увеличить или уменьшить размер вставленной в текст картинки? Для этого нужно:
По мере изменения размера рисунка он будет как бы «наползать» на текст (рис. 9), но это не страшно, поскольку это лишь процесс растягивания или сжатия картинки, а не окончательный результат.
Рис. 9 (кликните по рис. для увеличения). Растягивание (увеличение размера) или сжатие (уменьшение размера) картинки, вставленной в текст
После того, как мы отпустим левую кнопку мышки, рисунок станет того размера, каким мы его сделали. Остальной текст будет отодвинут от увеличившейся картинки или придвинут к уменьшившейся картинке. И так можно многократно менять размер рисунка, пока он не станет таким, каким мы его хотим видеть. Например, на рис. 10 рисунок расположен на всю ширину текста на странице.
Рис. 10 (кликните по рис. для увеличения). Увеличение размера вставленной картинки (рисунка) в редакторе Microsoft Word
Обтекание картинки текстом в Ворде
Вышеперечисленные манипуляции с текстом и картинкой, вставленной в текст, не позволили нам заполнить текстом правую часть листа, то есть, справа от вставленного рисунка. Мы лишь смогли отделить текст от картинки, а картинку увеличили в размере, чтобы заполнить «пустоту».
Но далеко не всегда подобное форматирование делает текст с рисунками привлекательным, читабельным. Давайте посмотрим, как все-таки можно «соединить» картинку и текст воедино так, чтобы было и красиво, и лист был бы равномерно заполнен.
Предлагаю вернуться к состоянию, показанному на рис. 4, когда у нас был вставленный рисунок, и сразу после него начинался первый абзац текста. Затем нужно:
Рис. 11 (кликните по рис. для увеличения). Варианты обтекания текста вокруг картинки
Именно такой вариант обтекания текста («по контуру») обеспечит нам расположение текста на свободном поле листа справа от рисунка (рис. 12). Что и требовалось сделать!
Рис. 12 (кликните по рис. для увеличения). Обтекание картинки в Ворде – расположение текста на свободном поле листа справа от вставленного рисунка (картинки)
Однако, в меню вариантов обтекания текстом рисунка (рис. 11) мы видим и другие варианты. Можете попробовать их самостоятельно, чтобы наглядно посмотреть, что получается с текстом и картинкой.
Например, вариант обтекания «Перед текстом» позволят «закрыть» рисунком часть текста. Текст будет размещен как бы под картинкой, его не будет видно. А вариант обтекания «За текстом», наоборот, размещает текста поверх рисунка. Текст будет, как бы, написан поверх картинки. Ну, и так далее, для разных случаев жизни, для разных вариантов совместного форматирования текста и рисунков, для форматирования текстов с картинками.
Остается только писать тексты и сопровождать их рисунками. Остальное сделает за нас текстовый редактор Microsoft Word, или как его иногда называют «текстовый процессор». Не совсем «текстовый», раз может работать и с картинками, не правда ли?!
Нашли ошибку? Выделите фрагмент текста и нажмите Ctrl+Enter.