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

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

Выберите команду ВставкаРисунокИз файла .

В диалоговом окне вставки рисунка (рис. 1) перейдите в папку Общие документыПрактикум по ИТПрактические работы по WordРабота 4 и выберите файл REKL1.GIF . Перед тем, как нажать кнопку Добавить , убедитесь, что в окне включен флажок Поверх текста (рис. 4.1). В режиме «Внутри текста» рисунку нельзя будет назначить обтекание текстом.

Рис. 4.1. Диалоговое окно вставки рисунка из файла

Посмотрите, как выглядит документ. Очевидно, нужно менять формат рисунка.

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

Теперь задайте обтекание рисунка текстом. Нажмите правую кнопку мыши на рисунке. Из объектного (контекстного) меню рисунка выберите команду Формат рисунка , затем закладку Обтекание и вариант По контуру .

У рисунка справа и снизу есть лишние белые области. Их надо обрезать. Включите панель инструментов Настройка изображения (команда ВидПанели инструментовНастройка изображения ). Выделите рисунок. На панели Настройка изображения (рис. 1.13) выберите инструмент Обрезка . Мышью перетащите маркеры на серединах правой и нижней сторон рисунка так, чтобы удалить белые поля.

Рис. 1.13. Панель инструментов Настройка изображения

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

Теперь сделайте так, чтобы расстояние от рисунка до текста было одинаковым: на закладке Обтекание задайте Расстояние от текста слева / справа по 0,1 см .

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

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

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

На той же закладке диалогового окна (Положение ) установите привязку рисунка не к абзацам текста, а к полям страницы: для свойств Положение по вертикали/по горизонтали выберите вариант «От поля» (рис. 1.14).

Рис. 1.14. Параметры положения рисунка, жестко закрепляющие его на странице

Оформление первого рисунка завершено. Для вставки второго рисунка выполните следующие действия:

Добавьте в документ рисунок из файла REKL2.GIF .

Уменьшите размер рисунка.

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

Обрежьте у рисунка белые области.

Нужно, чтобы размеры рисунков были одинаковы. Как это сделать? Выделите первый рисунок и выберите команду Формат рисункаРазмер . Запишите значения высоты и ширины первого рисунка. Теперь выделите второй рисунок и установите те же самые значения высоты и ширины.

Назначьте рисунку Обтекание текстом по контуру .

На закладке Обтекание установите Расстояние от текста слева и справа по 0,1 см .

Отключите у рисунка флажок перемещения вместе с текстом и на закладке Положение установите привязку «Положение по вертикали/по горизонтали» типа «От поля» (рис. 1.14).

Переместите второй рисунок так, чтобы он накладывался на первый рисунок. Если потребуется, измените размеры рисунков одинаковым способом.

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

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

Ниже подробно описано, как сделать надпись в центральной части рекламного листа.

Если панель инструментов Рисование отсутствует, включите ее (команда ВидПанели инструментов ). Выберите инструмент Надпись (рис. 1.15) и нарисуйте прямоугольник слева от последнего рисунка. Размеры надписи можно будет изменить в любой момент. Назначьте надписи параметры обтекания текстом так же, как делали это для рисунков.

Рис. 1.15. Кнопка Надпись на панели инструментов Рисование

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

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

С помощью объектного меню надписи вызовите окно свойств (щелкните правой кнопкой на рамке надписи и выберите команду Формат надписи ). В окне свойств на закладке Цвета и линии установите серый цвет заливки и увеличьте толщину линии обрамления до 1,5 пт .

Теперь сделайте вторую надпись в нижней части рекламного листа. Слова «Предложения по сотрудничеству» внутрь надписи можете перенести из нижней части документа с помощью буфера обмена (командами ПравкаВырезать / ПравкаВставить ). Выровняйте абзац внутри надписи по центру.

Завершение оформления

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

Первыми типами иллюстраций в программе Microsoft Word, которые мы рассмотрим, будут Рисунок (Picture), Картинка (Clip Art) и Снимок экрана (Screenshot). Их стоит объединить в одну группу по той причине, что их свойства очень близки друг к другу, и поэтому текстовый процессор Microsoft Word предлагает пользователю одинаковый инструментарий для работы с данными типами иллюстрации.

Однако несмотря на то, что редактирование всех трех типов иллюстраций идентично, процесс вставки рисунка, картинки и снимка экрана заметно отличается друг от друга. Так что прежде чем перейти к редактированию иллюстраций этих типов, давайте разберемся со способами вставки картинок, рисунков и снимков экрана в приложении Microsoft Word.

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

Чтобы вставить в документ рисунок, необходимо нажать кнопку Рисунок (Picture) в группе элементов управления Иллюстрации (Illustrations) на вкладке Вставка (Insert) ленты управления. Откроется диалоговое окно Вставка рисунка (Insert Picture), в котором необходимо выбрать файл для вставки. По умолчанию диалоговое окно отображает папку Мои рисунки (My pictures) (для операционной системы Windows Vista и более ранних версий) или библиотеку Изображения (Pictures) (для операционной системы Windows 7).

Чтобы вставить файл, достаточно выполнить один из предложенных вариантов действий.

• Выбрать нужный файл, щелкнув по нему левой кнопкой мыши, и нажать кнопку Вставить (Insert).
• Вставить файл, дважды щелкнув по нему левой кнопкой мыши.
• В поле ввода Имя файла: (File name:) ввести название нужного документа, а затем нажать кнопку Вставить (Insert).

По мере ввода названия файла поле ввода Имя файла : (File name:) будет превращаться в раскрывающийся список с возможными вариантами названия файла. Можно не вводить имя файла до конца, а клавишами и ↓ выбрать нужный файл из предложенных.

Нажатие кнопки Вставить (Insert) можно заменить нажатием клавиши Enter. Если вы хотите ускорить поиск изображения в папке, содержащей множество графических файлов, можно выбрать в раскрывающемся списке Все рисунки (All Pictures) требуемый формат файла.

После того как вы выберете графический файл и вставите его в текст, диалоговое окно Вставка рисунка (Insert Picture) закроется, и вы увидите вставленный рисунок на том месте, на котором был установлен текстовый курсор. Обратите внимание на то, что рисунок вставляется в своем реальном размере. Размер рисунка измеряется в сантиметрах.

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

Кроме появившегося рисунка откроется дополнительная вкладка ленты управления Работа с рисунками (Picture Tools) (рис. 7.2), а в ней вкладка Формат (Format) с инструментами исключительно для работы с рисунками. Для того чтобы скрыть эту вкладку, достаточно перенести текстовый курсор в любое другое место.

Дополнительная группа вкладок Работа с рисунками (Picture Tools) появляется только тогда, когда осуществляется редактирование рисунка или картинки. Чтобы вкладка появилась, необходимо щелкнуть мышью по любому рисунку или картинке в документе.

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

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

Картинка, как правило, представляет собой векторное изображение, которое можно применять как иллюстрацию (рис. 7.3). Аналогично кнопке Рисунок (Picture) кнопка Картинка (Clip Art) расположена в группе элементов управления Иллюстрации (Illustrations) на вкладке Вставка (Insert) ленты управления. Нажав эту кнопку, пользователь увидит панель Картинка (Clip Art), появившуюся в правой части рабочего окна программы.

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

При желании можно изменить положение панели Картинка (Clip Art). Для этого необходимо нажать кнопку в заголовке панели и выбрать необходимое действие. Для изменения местоположения панели необходимо выбрать Переместить (Move). После этого указатель мыши изменит свой внешний вид, и можно будет перемещать панель Картинка (Clip Art) по рабочему пространству. Установив панель в нужное место, щелкните левой кнопкой мыши для закрепления положения.

Панель Картинка (Clip Art) построена из трех блоков. Первый блок состоит из поля ввода Искать : (Search for:), кнопки Начать (Go) и группы элементов управления Искать объекты (Results should be). С помощью данного блока можно осуществлять поиск по библиотеке картинок. Второй блок - поле с полосой прокрутки, предназначенное для отображения подходящих под поисковые запросы картинок. Последний блок - две гиперссылки, упрощающие работу с панелью Картинка (Clip Art).

По умолчанию в блоке с результатами не отображается ни одной картинки. Библиотека картинок Microsoft Office состоит из множества звуков и изображений, для каждого из которых предусмотрены ключевые слова. Чтобы использовать картинки из библиотеки в документе, необходимо найти их в библиотеке. Для каждой из картинок, хранящихся в библиотеке, предусмотрено одно или несколько ключевых слов.

Ключевые слова - это термины, определяющие данное изображение. Соответственно для поиска иллюстрации, подходящей по смыслу, нужно ввести ключевое слово в поле ввода Искать : (Search for:) в верхней части панели Картинка (Clip Art), затем нажать кнопку Начать (Go), для того чтобы программа Microsoft Word начала подбор подходящих вариантов.

Нижний блок, содержащий две гиперссылки, может помочь разобраться в использовании панели Картинка (Clip Art). Ссылка Дополнительно на сайте Office.com (Find more at Office.com) ведет на страничку сайта Office.com, содержащую дополнительные картинки, а ссылка Советы по поиску картинок (Hints for finding images) откроет диалоговое окно справки программы Microsoft Word.

Как уже упоминалось выше, в качестве картинки могут выступать не только изображения, но и звуковые и видеофайлы. Если вам необходимо произвести поиск лишь среди определенного типа файлов мультимедиа, можно ограничить поиск по типу объектов с помощью раскрывающегося списка Искать объекты : (Results should be). Для этого необходимо щелкнуть мышью по кнопке и напротив ненужных типов мультимедиафайлов сбросить флажки. Кроме того, можно увеличить количество выводящихся изображений за счет установки флажка Включить контент сайта Office Online (Include Office.com content). После установки этого флажка поиск будет производиться не только по библиотеке компьютера, но и использовать ресурсы сервера компании Microsoft.

Для возможности поиска файлов мультимедиа на сервере Microsoft Office Online компьютер должен быть подключен к сети Интернет.

Давайте разберем этот момент на примере. В качестве примера мы возьмем наш новогодний текст. Для украшения текста нам потребуется какая-либо тематическая иллюстрация. Поэтому мы введем в поле ввода Искать : (Search for:) поисковый запрос «Новый год». В поле ввода с полосой прокрутки появится изображение Деда Мороза (рис. 7.4). Таким образом, варьируя запросы, можно находить в библиотеке различные картинки.

Теперь, когда мы нашли нужное изображение, вставим его в текст. Существуют два способа сделать это:

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

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

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

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

Чтобы вставить снимок любого окна, запущенного в операционной системе, в качестве иллюстрации, необходимо щелкнуть мышью по кнопке Снимок экрана Иллюстрации (Illustrations) на вкладке Вставка (Insert) ленты управления. Откроется контекстное меню, в котором будет поле с полосой прокрутки Доступные окна (Available Windows).

Для удобства работы с контекстным меню кнопки Снимок экрана (Screenshot) можно увеличить его в размере. Для этого необходимо установить указатель мыши в правый нижний угол рамки контекстного меню так, чтобы он изменил свой вид, затем, нажав и не отпуская левую кнопку мыши, движениями мыши установить нужный размер контекстного меню. После этого для закрепления размеров меню необходимо отпустить левую кнопку мыши.

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

Другая возможность кнопки Снимок экрана (Screenshot) - создание вырезки экрана (рис. 7.5), любой его части, причем размеры и место на экране пользователь может задавать сам. Эта функция удобна для иллюстрирования небольших участков интерфейса программ.

Чтобы вставить вырезку экрана в документ программы Microsoft Word, необходимо щелкнуть мышью по кнопке Снимок экрана (Screenshot) группы элементов управления Иллюстрации (Illustrations) на вкладке Вставка (Insert) ленты управления.

Если вы работаете с документом формата предыдущего поколения (формат.doc), функция вырезки экрана будет недоступна. Для активации этой функции необходимо использовать новый формат.docx.

Затем в открывшемся контекстном меню необходимо выбрать пункт Вырезка экрана (Screencut). Окно текстового процессора Microsoft Word свернется в панель задач. Это делается для того, чтобы окно программы не помешало созданию вырезки экрана. Вслед за этим изображение на экране будет осветлено, а указатель мыши изменит свой внешний вид. Теперь экран готов для создания вырезки. Нам осталось лишь установить указатель в ту позицию на экране, которая станет одним из углов вырезки, затем, нажав и не отпуская левую кнопку мыши, определить размеры вырезки. Пространство вырезки экрана не будет осветлено.

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

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

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

1. Откройте текстовый документ, в который требуется добавить изображение и кликните в том месте страницы, где оно должно находиться.

2. Перейдите ко вкладке “Вставка” и нажмите на кнопку “Рисунки” , которая расположена в группе “Иллюстрации” .

3. Откроется окно проводника Windows и стандартная папка “Изображения” . откройте с помощью этого окна папку, в которой содержится необходимый графический файл, и кликните по нему.

4. Выбрав файл (картинку или фото), нажмите кнопку “Вставить” .

5. Файл будет добавлен в документ, после чего сразу откроется вкладка “Формат” , содержащая в себе инструменты для работы с изображениями.

Удаление фона: если это необходимо, вы можете удалить фон картинки, точнее, убрать нежелательные элементы.

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

Стили рисунков: используя инструменты “Экспресс-стили”, вы можете изменить внешний вид добавленного в документ изображения, в том числе и форму отображения графического объекта.

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

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

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

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

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

Перемещение: для того, чтобы переместить добавленное изображение, кликните по нему левой кнопкой мышки и перетяните в необходимое место документа. Для копирования/вырезки/вставки используйте горячие комбинации клавиш — Ctrl+C/Ctrl+X/Ctrl+V , соответственно.

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

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

Excel для Office 365 Word для Office 365 Outlook для Office 365 Excel 2019 Word 2019 Outlook 2019 OneNote 2016 Publisher 2019 Excel 2016 Word 2016 Outlook 2016 OneNote 2013 Publisher 2016 Excel 2013 Word 2013 Outlook 2013 Publisher 2013 Excel 2010 Word 2010 Outlook 2010 OneNote 2010 Publisher 2010 Excel 2007 Word 2007 Outlook 2007 PowerPoint 2007 Word Online Excel Starter 2010 Word Starter 2010 Меньше

Рисунки делают документы интереснее и понятнее.

Совет: Чтобы добавить рисунки в Word Online, сперва переключитесь в режим правки. Для этого нажмите кнопку Редактировать документ и выберите пункт Изменить в Word Online .

Выполните одно из следующих действий:

Совет: Вы также можете вставить рисунок, скопировав (CTRL+C) и вставив (CTRL+V) его.

При вставке рисунка Word Online помещает его в документ и выводит ленту Работа с рисунками с вкладкой Формат .

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

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

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

Вставка изображения с компьютера

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

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

Совет _з0з_ постоянно обновляется с помощью нового содержимого, включая инструкции, видео и учебные курсы. Если в нижней части средства просмотра справки указано в автономном режиме и вы подключены к Интернету, щелкните в автономном режиме и выберите Показать содержимое из _з1з_ .

Инструкция

Воспользуйтесь, например, стандартным графическим редактором Paint, входящим в состав программных средств Windows. Запустите приложение, нажмите сочетание клавиш Ctrl + O, найдите и откройте ту картинку, которая в результате должна оказаться на заднем плане.

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

Сохраните совмещенную картинку, нажав сочетание клавиш Сtrl + S.

Если у вас есть возможность использовать графический редактор Adobe Photoshop, это значительно расширит диапазон параметров совмещения двух изображений. Запустив это приложение, откройте фоновую картинку тем же способом, который используется в редакторе Paint - диалог открытия файла и здесь вызывается сочетанием клавиш Ctrl + O.

Откройте таким же способом и вторую картинку. Затем поместите ее на отдельный слой поверх фоновой картинки. Если у вас открыты обе картинки в отдельных окнах, то просто перетащите мышкой строку из панели слоев в другое окно. Можно сделать это и иначе - выделите все изображение (Ctrl + A), скопируйте выделенное (Ctrl + C), перейдите в другое окно и вставьте скопированное (Ctrl + V). Новый слой для вставленного изображения в обоих случаях будет создан редактором автоматически.

Отрегулируйте положение и размеры вставленной картинки - нажмите сочетание клавиш Ctrl + T, а затем действуйте так же, как и в редакторе Paint. Если перемещать узловые точки при нажатой клавише Ctrl, то размеры вставленной картинки будут изменяться пропорционально, без искажения соотношения ширины и высоты.

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

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

Инструкция

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

С использованием файл-менеджера системы управления сайтом или ФТП-клиента скачайте нужный файл в компьютер и откройте в любом графическом редакторе - например, в устанавливаемом вместе с ОС Windows приложении Paint.

Поместите поверх фона картинку переднего плана - в Paint для этого надо из выпадающего списка «Вставить» на вкладке «Главная» выбрать пункт «Вставить из» и в открывшемся диалоге найти нужный файл. Затем отрегулируйте положение вставленного изображения на существующем фоне (потаскайте его мышкой) и сохраните результат (Ctrl + S).

Загрузите обратно отредактированную картинку, перезаписав старую. На этом процедура будет завершена.

Описанный способ неудобен в том случае, когда вставляемые картинки требуется время от времени менять. Тогда используйте возможности языка HTML - например, сделайте картинку заднего плана фоном того элемента страницы, в который будет помещено изображение переднего плана. Таким элементом-контейнером может служить, скажем, слой (div). Сделать большую из картинок его фоном нужно с использованием описания стилей - атрибута style тега div. Пустой контейнер в HTML-коде может выглядеть так:

В скобках укажите адрес и название файла фонового изображения на вашем сайте.

Составьте тег изображения переднего плана (img), задав в нем с помощью того же атрибута style величины отступов от краев контейнера с фоном. Например:

Здесь атрибуты width и height задают размеры изображения, а четыре числа после padding указывают отступы от краев контейнера в пикселах, начиная с верхнего (50) и далее по часовой стрелке (60 - справа, 70 - снизу, 80 - слева).

Поместите тег img в контейнер:

.jpg" width="200" height="100" style="padding: 50 60 70 80" />

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

Обратите внимание

Можно применить несколько способов, чтобы вставить картинку на сайт. Рассмотрим эти способы. 1. Меню админпанели Медиафайлы=>Добавить новый; 2. Непосредственно в Записи=>редактор админпанели блога WordPress (режим Визуально); наведите курсор на нужное место в тексте Затем она заменяется изображением. Если загрузка изображений в браузере отключена, атрибут alt дает текстовую информацию о рисунке.

Полезный совет

Как вставить изображение на сайт? Изображения в вашей web странице могут быть условно двух типов «для вида» или «для дела». Если вставлять рисунок из какой-либо другой папки, то это нужно указывать, например: - команда для вставки картинки с именем kartinka.gif, которая находится в папке risunki, с размерами вставки 100 на 100 (ширина и высота).

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

Вам понадобится

• - программа Photoshop;
• - фоновое изображение;
• - картинка для вставки на новый слой.

Инструкция

Откройте в графическом редакторе файлы, с которыми собираетесь работать при помощи команды Open («Открыть») меню File («Файл»). Выделите оба файла при зажатой клавише Ctrl и нажмите на кнопку «Открыть».