Как поставить текст рядом с картинкой в ворде
Перейти к содержимому

Как поставить текст рядом с картинкой в ворде

  • автор:

Как вставить картинку в Ворд

На странице узнаем, как вставить картинку в Ворд, а также научимся перемещать, разворачивать и менять размер изображения в документе.

Превью

Используем буфер обмена, чтобы добавить картинку в документ Word

Откройте картинку в графическом редакторе или окне веб браузера. Нажав правую клавишу мышки, выберите опцию «Копировать изображение».

Копирование изображения из браузера в сервисе Яндекс Картинки

Вернитесь к документу и в нужном месте нажмите комбинацию клавиш «CTRL+ V». Альтернативно, можно кликнуть правой кнопкой мыши, выбрав опцию «Вставить».

Переносим изображение в документ

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

Открытие окно Word и папки с изображениями

Использование программного меню

  1. Выбрать пункт «Вставка» программного меню.
  2. Поставить курсор в строке, куда желательно поместить картинку.
  3. Кликнуть на пиктограмме с надписью «Рисунок» на ленте.

Программное меню

Возможности редактирования добавленной картинки

  • ближе к левому краю страницы;
  • сместить к центру;
  • передвинуть вправо.

Перемещение

Однако центрирования картинки бывает недостаточно. Тогда надо использовать альтернативный способ. Наведите курсор мыши на графический объект и кликнете левой клавишей. Вокруг изображения появится рамка (см скриншот).

Параметры перемещения и центровки

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

Полукруг для вращения

Увеличение/сжатие

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

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

Аналогично изменяется размер картинки пропорционально: действие активируют круглые маркеры, расположенные по углам объекта.

Обтекание текстом и редактирование

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

Параметры обтекания текстом

Еще больше возможностей предоставляет пункт меню «Формат рисунка». Его выбор сопровождается появлением отдельного окна с разнообразными функциями по редактированию изображения.

Открытие редактора рисунка

Вставить рисунок в Word несложно. Сделать это можно различными способами. Дополнительно, текстовый редактор позволяет менять положение изображения, способ его обтекания текстом и даже выполнять редактирование.

Word. как сделать чтобы в документе рядом с картинкой был текст

а то картинка маленькая. и текст получается под ней и в итоге 2 стр. а мне надо все на одной стр. разместить.

Дополнен 15 лет назад
забыла сказать, у меня немецкий Word. Поэтому и не могу найти как сделать.
Лучший ответ

Способ 1,
Выделить рисунок (щелкнуть на нем) ;
нажать правую кнопку (появится контекстное меню) выбрать опцию Формат рисунка;
нажать закладку Положение;
выбрать нужный способ Обтекания.
Способ 2, Создать таблицу из одной строки и двух столбцов. Размеры ячеек легко меняются, а их содержимое удобно форматируется.
Желаю успеха.

Остальные ответы

в ствойствах рисунка — текст справа (формат рисунка — вкладка Положение — вокруг рамки — горизонтальное выравнивание по левому краю)

текст редактируешь шрифтом и размером. Картинку (кликни) можно растянуть/уменьшить за уголок. Во кладке- работа с рисунком можно текст сделать: во круг рамки, сверху/снизу, контраст, яркость, цвет и т. д.
смотри, думай, учись!

Вид — панель инструментов — настройка изображения — вокруг рамки или вокруг контура. Если на 2-х страницах, то можно еще попробовать: предварительный просмотр — подгонка страниц.

Компьютерная грамотность с Надеждой

Заполняем пробелы — расширяем горизонты!

Обтекание картинки в Ворде: как ее вставить в текст, изменить размер и расположить рядом с текстом

Современные тексты практически немыслимы без картинок. И если писать текст с помощью редактора Ворд (Word от Microsoft), то часто можно столкнуться с проблемой вставки в текст картинок. Иногда еще бывает нужно сделать обтекание картинки в Ворде, когда текст находится рядом с картинкой или расположен вокруг нее так, как будто обтекает ее.

p, blockquote 1,0,0,0,0 —>

p, blockquote 2,0,0,0,0 —>

Предположим, надо описать текстом (словами) картину известного художника Шишкина Ивана Ивановича «Утро в сосновом лесу», которую в просторечии называют «Три медведя». Как это сделать в Ворде?

p, blockquote 3,0,0,0,0 —>

Допустим, мы уже сделали описание картины в редакторе Microsoft Word, и теперь хотим в текст нашего описания поместить саму картину, то есть перенести картинку в текст. Начнем вставлять картину (рисунок) сразу после заголовка описания – это место для вставки рисунка мы выделяем с помощью мышки, то есть ставим туда курсор мышки (1 на рис. 1):

p, blockquote 4,0,0,0,0 —>

Выделяем в тексте место для вставки картинки из файла

Рис. 1 (кликните по рисунку для увеличения). Выделяем в тексте место под заголовком статьи для вставки туда картинки (рисунка) из файла.

Как скопировать картинку из Интернета

В редакторе Word предусмотрена возможность вставлять рисунки из готовых файлов. Предположим, что вставляемый рисунок – картина Шишкина И.И. «Утро в сосновом лесу» находится на компьютере, на рабочем столе в папке «Картина Шишкина». Как там эта картина, этот рисунок оказались? Ну, например, мы нашли эту картину, этот рисунок в Интернете и сохранили его себе на компьютер, на рабочий стол.

p, blockquote 5,0,0,0,0 —>

Чтобы сохранить картинку из интернета на свой компьютер (свое устройство):

  • Можно по картинке, найденной в интернете, кликнуть левой кнопкой мыши, чтобы она открылась в полном размере. Ничего страшного, если при этом картинка не меняет размер.
  • Теперь, оставив курсор мышки на рисунке, надо нажать на ПКМ (правую кнопку мыши).
  • Появится меню, в котором надо кликнуть опцию «Сохранить изображение как» или «Сохранить картинку как».
  • Откроется окно «Сохранить как», в котором выбираем место, где хотим поместить картинку.
  • Остается нажать кнопку «Сохранить».

Вставляемые рисунки в текст могут быть самые разные:

  • рисунки (картинки) из Интернета,
  • либо рисунки, нарисованные нами с помощью различных редакторов и сохраненные на компьютере,
  • присланные картинки (рисунки) по электронной почте
  • и т.п.

Главное, чтобы перед вставкой рисунка в текст, этот рисунок был сохранен на компьютере в виде файла. И тогда мы сможем его вставить в текст.

p, blockquote 8,0,0,0,0 —>

Вставка картинки в текст в Ворде

Теперь, когда мы выделили в тексте то место, куда должен быть вставлена картинка (рисунок), переходим к процедуре вставки. Вставка рисунка в текст делается следующим образом. Надо перейти в меню «Вставка» (1 на рис. 2) и кликнуть по иконке «Рисунок» (2 на рис. 2).

p, blockquote 9,0,0,0,0 —>

Переход к меню Вставка и клик по иконке Рисунок

Рис. 2 (кликните по рисунку для увеличения). Переход к меню «Вставка» и клик по иконке «Рисунок».

Откроется окно «Вставка рисунка», в котором мы должны найти на компьютере рисунок для добавления в Ворд. В рассматриваемом примере рисунок хранится на Рабочем столе в папке «Картина Шишкина».

p, blockquote 10,0,1,0,0 —>

1 на рис. 3 – Находим эту папку,
2 – кликаем по ней левой кнопкой мышки для выделения,
3 на рис. 3 – после чего нажимаем на кнопку «Вставить».

p, blockquote 11,0,0,0,0 —>

Поиск картинки на своем компьютере в окне Вставка рисунка

Рис. 3 (кликните по рис. для увеличения). Поиск вставляемого рисунка (картинки) на компьютере в окне «Вставка рисунка».

Картинка вставлена в вордовский текст некрасиво

После всех манипуляций, описанных выше, мы видим, что рисунок (он же «картинка») вставлен в текст сразу после заголовка и прямо перед первым абзацем (рис. 4).

p, blockquote 12,0,0,0,0 —>

Вид вставленной картинки после вставки в текст

Рис. 4 (кликните по рис. для увеличения). Вид вставленной картинки сразу после завершения вставки рисунка в текст.

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

p, blockquote 13,0,0,0,0 —>

Почему так произошло? Потому что картинка в редакторе Word вставляется вместо одного символа текста, на место одного символа текста. И для Ворда этот рисунок является всего лишь одним единственным символом текста – так «воспринимает» Word картинку, что называется по умолчанию.

p, blockquote 14,0,0,0,0 —>

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

p, blockquote 15,0,0,0,0 —>

Например, мы можем поставить курсор перед заглавной буквой «У», и затем раз 5-6 нажать на клавишу «Пробел». Между вставленной картинкой и началом абзаца появится некий промежуток, который выделен синим цветом для наглядности (1 на рис. 5).

p, blockquote 16,0,0,0,0 —>

Отделение картинки от текста пробелами

Рис. 5 (кликните по рис. для увеличения). Отделение вставленной картинки от текста пробелами.

Так, конечно, текст читается лучше, и рисунок вроде как отделяется от остального текста. Но все равно, ведь мы обычно видим в журналах, в книгах, в газетах картинки в тексте не в таком виде.

p, blockquote 17,0,0,0,0 —>

Нам обычно представляют рисунок отдельно от текста, либо текст как бы «обтекает» картинку, заполняя собой все свободное от картинки пространство на листе. А на свободном поле листа справа от рисунка мы видим только первую строку абзаца. Выше, на рисунках 4 и 5, справа от картинки мы видим пустоту. Так не делают…

p, blockquote 18,0,0,0,0 —>

Отделение картинки от текста в Ворде

Давайте попробуем для начала отделить рисунок от текста вообще. Для этого убираем все пробелы между картинкой буквой «У» в начале абзаца (то есть возвращаемся к виду, как показано на рис. 4).

p, blockquote 19,0,0,0,0 —>

Затем ставим курсор перед буквой «У» и нажимаем на клавишу «Enter» — текст абзаца начнется с новой строки, а рисунок останется на своем месте (рис. 6).

p, blockquote 20,0,0,0,0 —>

Отделение картинки от текста с помощью Enter

Рис. 6 (кликните по рис. для увеличения). Отделение вставленного рисунка от текста с помощью клавиши «Enter».

Что же, неплохо получилось, уже смотрится и читается значительно лучше. Правда, картинка расположена по-прежнему в левой части страницы, а справа от нее «зияющая пустота»!

p, blockquote 21,1,0,0,0 —>

Что делать? Можно оставить и так. А можно, например, поместить рисунок в центр страницы. Как это сделать? Нужно:

  • выделить строку, в которой находится картинка, как мы обычно выделяем текст в Ворде – мы увидим, как рисунок «посинел», как обычно синеет выделяемые в редакторе Word текст (1 на рис. 7),
  • а затем нажать на кнопку форматирования текста по центру (2 на рис. 7).

перемещение картинки по центру

Рис. 7 (кликните по рис. для увеличения). Выделение строки с вставленной картинкой и последующее ее перемещение на середину строки (по центру)

И вот, случилось то, что мы хотели! Рисунок теперь размещен по центру страницы (рис. 8).

p, blockquote 23,0,0,0,0 —>

Вставленная картинка посредине страницы

Рис. 8 (кликните по рис. для увеличения). Вставленная картинка размещена посредине страницы.

Получается, что со вставленной картинкой можно (и даже нужно!) работать как с обычным текстом. И тогда рисунок будет «подчиняться» нашим желаниям, становясь на то место, куда мы его хотим «определить»! В данном случае картинка расположится посредине строки над первым абзацем текста.

p, blockquote 24,0,0,0,0 —>

То есть, обладая умением форматировать текст, мы можем применить наши знания и опыт для такого же форматирования рисунков. Уже неплохо, правда, же?! Например, можно выделить картинку, как мы обычно выделяем текст, зацепить картинку левой кнопкой мышки и перетащить картинку в любое место нашего текста.

p, blockquote 25,0,0,0,0 —>

Скриншот данного действия (выделить рисунок, зацепить и переместить в любое другое место текста) я не делаю. Можете попробовать это сделать самостоятельно, чтобы ощутить «свою власть» над картинкой. Не такой он страшный, этот вставленный рисунок, как его малюют! С картинкой в тексте можно делать все (или почти все), что мы умеем делать с текстом, с отдельными словами текста и даже с отдельными буквами и символами текста!

p, blockquote 26,0,0,0,0 —>

Изменение размера картинки в Ворде

На рис. 8 видно, что рисунок вставлен в текст как-то «не к месту», что ли. Возможно, это ощущение создается из-за маленького размера картинки. А что если рисунок увеличить в размере?

p, blockquote 27,0,0,0,0 —>

Как увеличить или уменьшить размер вставленной в текст картинки? Для этого нужно:

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

По мере изменения размера рисунка он будет как бы «наползать» на текст (рис. 9), но это не страшно, поскольку это лишь процесс растягивания или сжатия картинки, а не окончательный результат.

p, blockquote 29,0,0,0,0 —>

изменение размера картинки вставленной в текст

Рис. 9 (кликните по рис. для увеличения). Растягивание (увеличение размера) или сжатие (уменьшение размера) картинки, вставленной в текст.

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

p, blockquote 30,0,0,0,0 —>

Увеличение размера картинки в Word

Рис. 10 (кликните по рис. для увеличения). Увеличение размера вставленной картинки (рисунка) в редакторе Microsoft Word.

Обтекание картинки текстом в Ворде

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

p, blockquote 31,0,0,0,0 —>

Но далеко не всегда подобное форматирование делает текст с рисунками привлекательным, читабельным. Давайте посмотрим, как все-таки можно «соединить» картинку и текст воедино так, чтобы было и красиво, и лист был бы равномерно заполнен.

p, blockquote 32,0,0,1,0 —>

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

  • выделить рисунок кликом левой кнопки мышки по нему,
  • после чего, не сдвигая курсор мышки с картинки, кликнуть уже правой кнопкой мышки,
  • появится контекстное меню, которое показывает, что мы можем сделать с этим рисунком (а сделать мы можем много чего!)
  • выбираем из меню опцию «Обтекание текстом» (1 на рис. 11),
  • далее из появившегося меню вариантов обтекания картинки текстом выбираем «По контуру» (2 на рис. 11).

обтекание текста вокруг картинки

Рис. 11 (кликните по рис. для увеличения). Варианты обтекания текста вокруг картинки.

Именно такой вариант обтекания текста («по контуру») обеспечит нам расположение текста на свободном поле листа справа от рисунка (рис. 12). Что и требовалось сделать!

p, blockquote 34,0,0,0,0 —>

Обтекание картинки в Ворде

Рис. 12 (кликните по рис. для увеличения). Обтекание картинки в Ворде – расположение текста на свободном поле листа справа от вставленного рисунка (картинки).

Однако, в меню вариантов обтекания текстом рисунка (рис. 11) мы видим и другие варианты. Можете попробовать их самостоятельно, чтобы наглядно посмотреть, что получается с текстом и картинкой.

p, blockquote 35,0,0,0,0 —>

Например, вариант обтекания «Перед текстом» позволят «закрыть» рисунком часть текста. Текст будет размещен как бы под картинкой, его не будет видно. А вариант обтекания «За текстом», наоборот, размещает текста поверх рисунка. Текст будет, как бы, написан поверх картинки. Ну, и так далее, для разных случаев жизни, для разных вариантов совместного форматирования текста и рисунков, для форматирования текстов с картинками.

p, blockquote 36,0,0,0,0 —>

Остается только писать тексты и сопровождать их рисунками. Остальное сделает за нас текстовый редактор Microsoft Word, или как его иногда называют «текстовый процессор». Не совсем «текстовый», раз может работать и с картинками, не правда ли?!

p, blockquote 37,0,0,0,0 —>

Видео Обтекание картинки в Ворде: как вставить в текст, изменить размер и расположить слева от текста

p, blockquote 38,0,0,0,0 —>

p, blockquote 39,0,0,0,0 —>

p, blockquote 40,0,0,0,0 —>

p, blockquote 41,0,0,0,0 —>

p, blockquote 42,0,0,0,0 —> p, blockquote 43,0,0,0,1 —>

Как сделать обтекание картинки текстом?

Добавить изображение на страницу так, чтобы оно обтекалось рядом лежащим текстом.

Решение

Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста. Само обтекание создаётся с помощью стилевого свойства float , добавляемого к селектору IMG . Значение left выравнивает изображение по левому краю, right — по правому. Обтекание при этом происходит по другим, свободным сторонам.

Пример 1. Обтекание картинок

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Обтекание   

Доклад лейтенанта Бокатуева

Пресс-релиз аналитической группы

Учёные, находящиеся в состоянии аффекта

Результат данного примера показан на рис. 1.

Текст с иллюстрациями

Рис. 1. Текст с иллюстрациями

Использование свойства float заставляет текст плотно прилегать к изображению. Поэтому в примере введёно универсальное свойство margin , которое добавляет отступы между картинкой и текстом. Это свойство одновременно задаёт отступ сверху, справа, снизу и слева от фотографий.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *