Обтекание текста в «ворде»: секреты оформления

Редактирование

После вставки картинки (но только если она выделена) на верхней панели появляется вкладка «Формат» – работа с рисунками.

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

Набор инструментов для работы с графикой во всех версиях Microsoft Word отличаются незначительно.

Как в Word повернуть картинку

Для поворота объекта следует выполнить следующие шаги:

1. Выделить изображение, перейти во вкладку «Формат».
2. В разделе «Упорядочить» найти опцию «Повернуть».
3. Кликнуть по ней левой кнопкой мышки для вызова меню.
4. Выбрать вариант поворота или отражения объекта.

При редактировании обычно не приходится задействовать другие параметры поворота.

Как в Word обрезать картинку

Делается это в несколько кликов:

1. Выделить рисунок.
2. В разделе «Размер» вкладки «Формат» найти опцию «Обрезка».
3. Кликнуть по ней левой кнопкой мышки. Возле курсора появится инструмент обрезки.
4. Навести его на любую из точек выделения, нажать левую кнопку и потянуть в нужную сторону.

Для более точной обрезки необходимо:

1. Открыть параметры раздела «Размер», клацнув по значку со стрелкой в правом нижнем углу.
2. В диалоговом окне перейти на вкладку «Рисунок».
3. Указать значения для обрезки изображения со всех сторон.
4. Нажать «Ок».

Как в Word наложить картинку на картинку

При вставке изображений стандартным способом они располагаются только один над другим или рядом. Наложить несколько объектов друг на друга возможно несколькими способами.

Чтобы два рисунка гармонично выглядели, один из них должен быть на прозрачном фоне, то есть в формате png.

С помощью «Обтекания текстом»

1. Вставить изображения по очереди удобным способом.
2. Выделить то, которое будет фоном, клацнув по нему левой кнопкой.
3. Во вкладке «Формат» выбрать инструмент «Обтекание…» — «За текстом».
4. Повторить действия со вторым рисунком, только выбрать вариант «Перед текстом».
5. Перетащить левой кнопкой второй объект на фон.

С помощью «Надписи»

1. Во вкладке «Вставка» найти раздел «Текст».
2. Выбрать инструмент «Надпись» — подойдет простая, или можно нарисовать ее.
3. В месте, где установлен курсор, появится рамка с текстом, которая перемещается по странице левой кнопкой мышки.
4. Выделить и удалить текст кнопкой «Del» или «Backspace».
5. Вставить внутрь пустой рамки картинку, используя опцию «Вставка» — «Рисунок» или комбинацию клавиш Ctrl+C и Ctrl+V.
6. Второе изображение можно наложить на фон.
7. Для скрытия рамки и белых полей нужно выделить объект и перейти во вкладку «Формат». В контуре и заливке фигуры установить вариант «Нет».

Как в Word вставить текст на картинку

Иногда требуется сделать так, чтобы текст располагался не под или над рисунком, а прямо на нем. Эта опция обычно актуальна для объяснения определенных фрагментов изображения или просто красивой надписи. Написание текста на графическом элементе осуществляется двумя способами.

С помощью «WordArt»

1. После добавления рисунка в документ перейти во вкладку «Вставка», в разделе «Текст» выбрать инструмент «WordArt».
2. В списке найти подходящий стиль и кликнуть по нему.
3. На экране появится диалоговое окно. Нужно удалить пример, написать желаемую фразу, выбрать шрифт и размер, установить курсивное или жирное начертание.
4. Нажать «Ок».
5. Во вкладке «Формат» настраивается оформление надписи: заливка, контур, тени и т.д. Здесь также можно изменить текст.
6. Задать для надписи формат обтекания – «Перед текстом».
7. Передвинуть готовую надпись на рисунок.

С помощью «Фигуры»

1. Во вкладке «Вставка» раскрыть список с фигурами.
2. Найти вариант «Надпись» и клацнуть по нему.
3. На экране вместо курсора появится знак в виде «+».
4. Левой кнопкой мышки кликнуть по любому месту на рисунке и протянуть прямоугольник до нужного размера.
5. Вписать текст, выбрать шрифт, размер, цвет, заливку.
6. При желании оформить надпись, используя инструменты во вкладке «Формат».
7. Для изменения белого фона прямоугольника и удаления границ в «Заливке фигуры» и «Контуре фигуры» установить вариант «Нет».
8. Щелкнуть в любом месте документа для применения изменений.

Читайте новости информационных технологий и экскурсов в безопасность в интернете на сайте www.techcraunch.com

Как сделать обтекание картинки текстом в Microsoft Word

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

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

1. Если в вашем текстовом документе еще нет изображения, вставьте его, воспользовавшись нашей инструкцией.

2. Если это необходимо, измените размеры изображения, потянув за маркер или маркеры, расположенные по контуру. Также, вы можете обрезать изображение, изменить размеры и контур области, в которой оно находится. Наш урок вам в этом поможет.

3. Кликните по добавленному изображению, чтобы на панели управления отобразилась вкладка “Формат”, расположенная в основном разделе “Работа с рисунками”.

4. Во вкладке “Формат” нажмите на кнопку “Обтекание текстом”, расположенную в группе “Упорядочить”.

5. Выберите в выпадающем меню подходящий вариант обтекания текстом:

“В тексте” — изображение будет “покрыто” текстом по всей площади;

“Вокруг рамки” (“Квадрат”) — текст будет расположен вокруг квадратной рамки, в которой находится изображение;

“Сверху или снизу” — текст будет располагаться сверху и/или снизу изображения, область по бокам при этом останется пустой;

“По контуру” — текст будет расположен вокруг изображения. Данный вариант особенно хорош в случае, если изображение имеет круглую или неправильную форму;

“Сквозное” — текст будет обтекать добавленное изображение по всему периметру, в том числе и изнутри;

“За текстом” — рисунок будет располагаться за текстом. Таким образом можно добавить в текстовый документ водяной знак, отличный от стандартных подложек, доступных в MS Word;

Примечание: Если для обтекания текстом будет выбран параметр “За текстом”, после перемещения изображения в нужное место, вы больше не сможете его редактировать, если область, в которой изображение находится, не выступает за пределы текста.

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

Примечание: Названия, обозначающие разные стили обтекания текстом, в разных версиях Microsoft Word могут отличаться, а вот типы обтекания всегда одинаковы. Непосредственно в нашем примере используется Ворд 2016.

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

1. Совет: Экспериментируйте с различными типами обтекания текстом, так как вариант, идеально подходящий в одном случае, может оказаться совершенно неприемлемым в ином.

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

Как сделать в word картинку по левому краю, а текст справа

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

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

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

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

Как убедиться в том, что границы таблицы действительно невидимы

Внимательный читатель заметит, что на самом деле граница в таблице все-таки есть. Это синий пунктир на рис. 19. Соглашусь. Объяснение этому эффекту следующее. Microsoft Word – это в первую очередь редактор текстов, редактор текстов с картинками. А значит, для пользователя компьютера должно оставаться видимым даже то, что невидимо. Иначе, как потом, спустя большой интервал времени вспомнить, глядя на текст, что тут вставлена таблица, в нее вставлена картинка, а также вставлен текст? Будем гадать, что называется «на кофейной гуще»?!

Хорошо, пусть так, согласится читатель, и тут же возразит: а как можно убедиться в том, что все-таки таблица стала невидимой? Пожалуйста. Давайте сделаем предварительный просмотр получившегося текста с картинкой. То есть посмотрим, как отформатированный текст будет выглядеть, скажем, при его печати .

А потому кликнем по главной кнопке Ворда (1 на рис. 20) и в появившемся меню подведем курсор к опции «Печать» (2 на рис. 20). В открывшемся справа дополнительном меню кликнем по иконке «Предварительный просмотр» (3 на рис. 20).

Рис. 20 (кликните по рисунку для увеличения). Переход в режим предварительного просмотра созданного текста с рисунками в Ворде.

И вот открывается окно предварительного просмотра. После чего в этом окне нужно кликнуть по иконке «100%», чтобы добиться удобного для просмотра размера изображения (1 на рис. 21). Теперь совершенно наглядно видно, что никаких границ у таблицы, которая была создана для форматирования текста с картинкой, нет, как будто этих границ никогда и не было (рис. 21).

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

Закрывается окно предварительно просмотра кликом на красный крестик – это самая правая иконка в меню окна предварительного просмотра (2 на рис. 21). Не нужно путать данный полезный «крестик» с общим «крестиком», который расположен правее и выше. Тот «высокий» крестик закрывает сразу весь редактор Word. А нам нужно закрыть только окно предварительного просмотра, и после этого вернуться в режим редактирования текста с рисунком.

Хотя зачем туда возвращаться? Ведь уже закончено форматирование текста с рисунком. Ах да, если только попробовать сделать другой вариант форматирования текста с рисунком?!

Задание: расположить рисунок в центре таблицы

Давайте теперь самостоятельно попробуем отформатировать текст с рисунком, используя вставку таблицы так, чтобы рисунок у нас оказался по центру, а текст располагался бы слева и справа от него.

Детали такого форматирования текста с рисунком я опускаю, это своего рода задание для самостоятельной работы.

А вот что в итоге должно получиться, если выполнить поставленную задачу по размещению картинки в центре, а размещение текста сделать вокруг картинки двумя колонками слева и справа от рисунка (рис. 22).

Рис. 22 (кликните по рисунку для увеличения). Размещение рисунка в середине между двумя колонками текста с помощью редактора Word.

Таким образом, можно использовать самые разные варианты форматирования текста с рисунками. Кому как хочется, кому как нравится. Знание основных возможностей редактора Word позволяет использовать самые разные способы форматирования текстов с рисунками, о которых порой даже не подозревают!

Дополнительные материалы:

1. Как сделать непрерывную горизонтальную линию в Word: 4 способа

2. О сходстве и различии файлов doc и docx

3. Как легко посчитать буквы в тексте

4. Видео ролики Youtube: 16 шагов к удобству просмотра

Распечатать статью

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

.

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

Альтернатива HTML

Разумеется, печатание листовок, приведенное в качестве примера, далеко не единственная возможность применения такого полезного инструмента, как «обтекание текста». В «Ворде» существует возможность сохранения или создания документа в виде веб-страницы.

Конечно, существует множество гораздо более продвинутых инструментов для создания сайтов, чем текстовый редактор. Но вполне можно набросать примерный эскиз своего сайта и затем уже доверить его разработку профессионалам. По крайней мере, такой вариант позволит вам сэкономить свое и чужое время, которое вы потратите на словесное описание пожеланий веб-дизайнерам.

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

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

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

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

Также можно создать полотно, где тоже можно рисовать. Его преимуществом является то, что текст будет находиться только за его границами.

1. Для того, чтобы создать новое полотно, перейдите на вкладку «Вставка» и нажав на кнопку «Фигуры», выберите опцию «Новое полотно».

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

Редактирование фигур

• Поворот
• Перемещение
• Изменение длинны, ширины или высоты объекта. Либо просто растяжение.

Для того, чтобы получившийся рисунок стал целым объектом, необходимо объединить все те фигуры, из которых собственно его и собрали.

1. Сначала для этого необходимо выделить поочерёдно каждый элемент левой кнопкой мыши, удерживая клавишу Ctrl.
2. Затем правой кнопкой мыши вызвать контекстное меню, в котором в пункте «Группировать»выбрать одноимённую опцию.

Изменение заливки фигур

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

Для начала следует двойным щелчком левой кнопки мыши выбрать рисунок, и в открывшейся сверху вкладке в пункте «Заливка» выбрать нужный цвет. Готово.

Изменение цвета контура рисунка

Это также несложная процедура, которая выполняется аналогично предыдущей. После того, как объект выбран, в пункте «Контур фигуры» выберите желаемый цвет. Также в этом же меню можно подобрать толщину контура.

Возможно и изменение линий, которыми будет обведено изображение.

Изменения стиля фигуры

1. Выбрав объект двойным нажатием ЛКМ, переходим на ту же самую вкладку, о которой было сказано в двух предыдущих пунктах.
2. Слева от пунктов «Заливка» и «Контур» видим палитру всех предложенных стандартной библиотекой Ворда стилей оформления фигуры. Далее выбираем подходящий и готово.

Добавление эффектов

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

Передний и задний план

При создании рисунка фигуры накладываются друг на друга. Например, как на картинке ниже:

То есть, для того, чтобы полумесяц переместить за тучи, необходимо кликнуть по нему ПКМ и выбрать пункт «На задний план». В случае, если его придётся переместить обратно, можно воспользоваться опцией «На передний план».

Что делать, если при перемещении текста передвигается фигура?

Эту проблему очень легко устранить. Достаточно нажатия правой кнопкой мыши по созданному рисунку. В меню «Обтекание текстом» выбрать опцию «Зафиксировать положение на странице». Вуаля!

Расширенные опции форматирования изображений

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

«Формат фигуры» состоит из трёх вкладок:

• Заливка и границы;
• Эффекты;
• Макет и свойства.

А теперь о каждой вкладке подробнее.

Заливка и границы

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

Эффекты

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

Макет и свойства

Функции этой вкладки позволяют настроить положение текста, который обтекает рисунок, и позволяют установить размер полей в документе.

Рисование объёмных фигур

В Ворде возможно так же и создание трёхмерных изображений. Нарисовав обычную фигуру, перейдите в меню «Формат фигуры», где во вкладке «Эффекты» найдите подпункт «Формат объёмной фигуры». Затем внесите свои параметры.

Используя вышеприведённые инструкции, можно создать достаточно интересную композицию в Ворде. Надеемся, этот материал был для Вас полезным.

Как исправить ошибку 0xc000021a в Windows 8/10?

Ошибка 0xc000021a представляет из себя синий экран смерти. В начале жизни операционных систем Windows 8 и Windows 10 всегда присутствуют некоторые ошибки. Со временем они разрешаются с помощью обновлений этих систем от Microsoft, но некоторые так и остаются на своем месте.

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

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

Причины возникновения ошибки 0xc000021a

Данная проблема возникает после процесса обновления Windows. После этого процесса операционная система отказывается загружаться и вы можете увидеть синий экран смерти. Есть два файла из-за которых возникает эта ошибка. Давайте взглянем на них.

• winlogon.exe: как можно понять из названия файла, он отвечает за вход и выход из операционной системы Windows. Этот файл мог быть поврежден при несоответствии с файловой системой или сторонними утилитами. Если файл был поврежден, то это может привести в появлению ошибки при загрузке системы.
• csrss.exe: является вторым файлом способным вызвать эту проблему. Этот файл принадлежит к серверу Microsoft или клиенту. При его повреждении также может появляться ошибка.

После рассмотрения причин появления ошибки 0Xc000021A, давайте перейдем к методам ее решения.

Метод №1 Загрузка системы вручную

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

• Перезагрузите ваш компьютер с помощью зажатой кнопкой Shift и нажмите «Перезагрузка». Если вы не можете получить доступ к опции «Перезагрузка», то вам понадобится сделать это через загрузочную флешку с Windows.
• Эти действия перенесут вас на экран с настройками. Выберите «Диагностика проблем» для получения доступа к дополнительным инструментам.
• Со следующего экрана выберите «Дополнительные параметры».
• На следующем экране вы можете увидеть кучу опций. Вы должны выбрать «Настройки загрузки».
• Нажмите клавишу F7 которая отвечает за «отключения проверки подписи драйверов».

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

Метод №2 Исправление проблемы с помощью SFC Scan

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

• Нажмите правой кнопкой мыши на «Пуск» и выберите «Командная строка(администратор)».
• Пропишите в ней команду sfc /scannow
• После этого начнется проверка системы на ошибки и ее поврежденные участки. Утилита по возможности исправит их, если сможет.

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

Добавляем текст поверх картинки в Microsoft Word

Помимо работы с текстом, программа MS Word также позволяет работать и с графическими файлами, которые в ней можно изменять (хоть и по минимуму). Так, нередко добавленную в документ картинку требуется как-нибудь подписать или дополнить, причем, сделать это необходимо так, чтобы сам текст находился поверх изображения. Именно о том, как наложить текст на картинку в Ворде, мы и расскажем ниже.

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

Добавление поверх рисунка надписи в стиле WordArt

1. Откройте вкладку “Вставка” и в группе “Текст” нажмите на пункт “WordArt”.

2. Из развернувшегося меню выберите подходящий стиль для надписи.

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

Примечание: После добавления надписи WordArt появится вкладка “Формат”, в которой можно выполнить дополнительные настройки. Кроме того, вы можете изменить размер надписи, потянув за границы поля, в котором она находится.

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

6. Готово, вы наложили надпись в стиле WordArt поверх изображения.

Добавление поверх рисунка обычного текста

1. Откройте вкладку “Вставка” и в разделе “Текстовое поле” выберите пункт “Простая надпись”.

2. Введите необходимый текст в появившееся текстовое поле. Выровняйте размеры поля, если это необходимо.

3. Во вкладке “Формат”, которая появляется после добавления текстового поля, выполните необходимые настройки. Также, вы можете изменить внешний вид текста в поле стандартным способом (вкладка “Главная”, группа “Шрифт”).

4. Добавьте изображение в документ.

5. Переместите текстовое поле на картинку, если это необходимо, выровняйте положение объектов, воспользовавшись инструментами в группе “Абзац” (вкладка “Главная”).

1. Совет: Если текстовое поле отображается в виде надписи на белом фоне, перекрывая таким образом изображение, кликните по его краю правой кнопкой мышки и в разделе “Заливка” выберите пункт “Нет заливки”.

Добавление подписи к рисунку

Кроме наложения надписи поверх изображения, вы также можете добавить к нему подпись (название).

1. Добавьте изображение в документ Word и кликните по нему правой кнопкой мышки.

2. Выберите пункт “Вставить название”.

3. В открывшемся окне введите необходимый текст после слова “Рисунок 1” (остается неизменным в этом окне). Если это необходимо, выберите положение подписи (над или под изображением), развернув меню соответствующего раздела. Нажмите кнопку “ОК”.

4. Подпись будет добавлена к графическому файлу, надпись “Рисунок 1” можно будет удалить, оставив только введенный вами текст.

На этом все, теперь вы знаете, как сделать надпись на картинке в Ворде, а также о том, как подписывать рисунки в этой программе. Желаем вам успехов в дальнейшем освоении этого офисного продукта.

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

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

Итак, как сделать обтекание текстом картинки в Word? Всё очень просто. В качестве примера возьмём мою картинку. Для начала её нужно вставить в этот текстовый редактор. Нажимаем по ней левой кнопкой мыши, затем правой и выбираем из меню, которое нам предлагает Ворд – «Обтекание текстом» (Скрин 2).

Далее, выбираете любой тип обтекания, который предоставлен на выбор. Что должно у Вас получится? Если Вы установите первый вариант обтекания текста, то картинка вставится в сам текст.

В некоторых версиях Майкрософт Ворд можно кликнуть один раз на картинку, и эту функцию обтекания текстом Вы увидите рядом с картинкой в виде стрелки. Также есть и другой способ – через управление программы. Для этого снова нажимаем на картинку, выбираем из списка функций «Формат» (Скрин 3).

И затем функцию – «Обтекание текстом». Следуйте этим советом, и тогда сделаете обтекание текстом Ваших картинок без труда.

Выравнивание изображения по центру

Для выравнивания изображения по центру колонки текста, проще всего тег <img> поместить в контейнер <p>, для которого ставится атрибут align=»center». Если ожидается частое использование картинок, то оптимальнее будет применение CSS стиля для тега <p>. Как это реализовано, смотрите в примере 1.

Пример 1. Выравнивание рисунка по центру

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Рисунок по центру<title>
    <style type="text/css">
      P.cimg{
        text-align: center; /* Выравнивание по центру */
      }
    <style>
  <head>
  <body>
    <p class="cimg">
      <img src="images/sample.gif" width="200" height="100" alt="Иллюстрация">
    <p>
  <body>
<html>

В данном примере к контейнеру <p> добавляем CSS-класс cimg, в котором прописывается выравнивание по центру строки. То, как это будет схематично выглядеть — показано на рисунке 1.

Рис. 1. Рисунок в центре колонки текста

Обтекание картинки текстом при помощи свойств CSS

Как вы могли заметить на вышеприведенных примерах наша картинка и текст не совсем красиво располагаются по отношению друг к другу.

Расположить их красиво на помогут CSS стили, которые можно добавить к картинке задав ей определенный класс и применив нужные свойства.

Если вы не знаете, что такое CSS смотрите урок Основы CSS и важные понятия: http://webmastermix.ru/lessons-css/17-bases-css.html.

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

Разберем простой пример, как сделать обтекание картинки текстом, когда картинка расположена по левому краю, а текст обтекает ее справа. При этом между текстом и картинкой зададим определенные отступы.

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

Теперь классу leftfoto нужно присвоить определенные CSS стили.  

.leftfoto{
float:left;
margin: 4px 10px 2px 0px;
}

Данный код располагают между тегами , заключив в теги или помещают во внешний файл стилей CSS. 

Разберем те элементы, которые мы здесь задали:

• float:left; — мы позиционировали картинку по левому краю и заставили обтекать текст вокруг картинки справа, это по сути то же самое, что и атрибут align=»left».
• margin: 4px 10px 2px 0px; — мы задали внешние отступы, 4px — от верха, 10px — справа, 2px снизу и 0px слева от изображения.

Пример:

Добавив к данным стилям рамку и внутренний отступ можно придать изображению некий эффект фотографии с белыми краями:

.leftfoto{
float:left;
margin: 4px 10px 2px 0px;
border:1px solid #CCC;
padding:6px;
}

Здесь мы добавили следующие элементы:

• border:1px solid #CCC; — задали сплошную линию размером 1 пиксель и светло серым цветом;
• padding:6px; — задали внутренний отступ между изображением и рамкой, равный 6 пикселям.

Пример:

Материал подготовлен проектом: WebMasterMix.ru

Рекомендуем ознакомиться:

Подробности

Какие есть варианты обтекания текста?

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

• Квадрат, По контору и Сквозное: все эти три варианта являются вариациями одного и того же. Текст обтекает все четыре стороны вашего объекта.
• Сверху и снизу: этот параметр удерживает текст над и под объектом, но не по бокам
• За текстом и Перед текстом: эти два параметра никак не влияют на текст. Изображение появляется за текстом в качестве его фона или перед ним на переднем плане.

Давайте внимательнее посмотрим на это.

Квадрат, По контору и Сквозное

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

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

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

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

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

Сверху и снизу

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

За текстом и Перед текстом

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

Последовательность действий

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

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

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

Способ №3: обтекание текстом

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

На вставленной картинке щелкните правой кнопкой и выберите в контекстном меню строку «Обтекание текстом». Далее, нажмите пункт «За текстом».

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

С помощью приведенных приемов вы легко сделаете отлично оформленный текст на картинке. При этом надобность в использовании графических редакторов отпадает.

Источник статьи: http://droidway.net/323-kak-vstavit-tekst-v-kartinku-v-vorde.html

Заключение