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

Картинки Word

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

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

Чтобы сместить его вниз, нажмите кнопку Enter на клавиатуре. А чтобы наоборот поднять выше - нажмите Backspace (кнопку удаления). А можно просто щелкнуть два раза левой кнопкой мышки в нужном месте.

Для добавления картинки нажмите на пункт «Вставка» в левом верхнем углу программы Word.

Среди появившихся кнопок найдите «Клип» и нажмите на нее.

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

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

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

Как вставить фото с компьютера в Word

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

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

Когда Вы нажмете на эту надпись, появятся новые кнопки редактирования.

Среди них есть кнопка (надпись) «Рисунок». Нажмите на нее.

Откроется окошко. В нем программа Word «предлагает» Вам выбрать рисунок или фотографию с компьютера, диска или флешки. Вам нужно в этом окошке открыть то место на компьютере или на диске/флешке, в котором находится фото.

Сделать это можно воспользовавшись левой частью окошка.

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

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

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

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

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

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

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

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

Раздел Иллюстрации на панели Вставка

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

Как в ворд вставить фото

Рассмотрим пример вставки изображения из файла на вашем компьютере:

• Кликните левой кнопкой мыши в текстовом документе для указания места вставки вашего изображения. Текстовый курсор будет находиться в месте клика.
• На вкладке Вставка в разделе Иллюстрации нажмите кнопку Рисунки .
• В открывшемся окне выберите папку с фотографией или рисунком. Выделите нужный файл и нажмите кнопку Вставить.

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

Изображение появиться в вашем документе.

Вставить изображение в документ можно просто перетащив его мышкой из папки в нужное место. Также можно использовать Ctrl +C и Ctrl+V

Вставленное изображение может занять всю ширину страницы. Если необходимо сделать его меньше, то кликните по нему. Картинка станет выделена рамкой (смотрите рисунок ниже). Теперь захватив мышкой любой угол (кружок 7) изображения потяните его к центру фото.

Размещение рисунка в тексте документа

Изображение будет уменьшаться. Отпустите кнопку мыши, чтобы зафиксировать размер.

Для уменьшенного рисунка необходимо задать его положение относительно текста и страницы. Нажмите кнопку 8 и в появившемся списке параметров разметки укажите нужное положение. Также установите привязку к абзацу или к странице (переключатели 9).

Изображения из Интернета

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

Вставка изображения из Интернет

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

Фильтрация по размеру происходит исходя из параметров ширины или длины картинки в пикселах:

• Маленький - изображения до 200 пикселов в любом измерении.
• Средний - от 200 до 500 пиксел.
• Большой - от 500 до 1000 пиксел.
• Очень большой - все изображения с длиной стороны более 1000 пиксел.

Фильтрация по типу :

• Фотография - любые фотографические изображения.
• Картинки - рисованные изображения или отредактированные фото.
• Рисунок линиями - не раскрашенные рисунки.
• Прозрачный - рисунки без фона.

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

Геометрические фигуры и элементы схем

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

Библиотека графических элементов

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

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

После создания фигуры её можно изменить. Кликните по фигуре. Она будет выделена рамкой. Круговая стрелка сверху позволяет повернуть фигуру на произвольный угол. Белые кружки (квадратики) регулируют размеры автофигуры. Некоторые фигуры могут иметь несколько вспомогательных элементов желтый кружок (ромбик в предыдущих версиях). Желтый манипулятор изменяет внешний вид графического элемента. Но и это еще не всё.

Изменение автофигуры

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

Изменение формы фигуры с помощью узлов

Дорогой читатель! Вы посмотрели статью до конца.
Получили вы ответ на свой вопрос? Напишите в комментариях пару слов.
Если ответа не нашли, укажите что искали .

Здравствуйте уважаемые читатели блога! В этой статье вы узнаете все о том как вставить изображение на html страницу . У вас есть несколько изображений, которые вы хотите поместить на свою страничку или вы хотите поместить на свой сайт логотип? Все это легко. Прочитав эту статью, вы сможете без каких-либо трудностей вставлять картинки на свои html страницы. Для этого мы подробно поговорим о теге и его атрибутах, кратко рассмотрим форматы графических файлов, таких как gif, jpeg и png, а также посмотрим новые возможности HTML5, которые упрощают вставку видео и аудио на сайт.

Из-за того что графические данные и текст html невозможно объединить в одном файле, для их отображения на сайте применяется другой подход, нежели с другими элементами html-страниц. Прежде всего, графические изображения, да и другие мультимедийные данные хранятся в отдельных файлах. А для их внедрения в web-страницу используют специальные теги, которые содержат ссылки на эти отдельные файлы. В частности таким тегом является тег . Встретив такой тег с адресом, браузер сначала запрашивает у Web-сервера соответствующий файл с изображением, аудио- или видеороликом, а только затем отображает его на Web-странице.

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

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

Форматы графических изображений.

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

1. Формат JPEG (Joint Photographic Experts Group ). Довольно популярный формат, применяемый для хранения изображений. Поддерживает 24-битовый цвет и сохраняет все полутона в фотографиях неизменными. Но jpeg не поддерживает прозрачность и искажает мелкие детали и текст в изображениях. JPEG используется в основном для хранения фотографий. Файлы этого формата имеют расширения jpg, jpe, jpeg.

2. Формат GIF (Graphics Interchange Format ). Главное достоинство этого формата возможность хранить сразу несколько изображений в одном файле. Это позволяет создавать целый анимированные ролики. Во-вторых он поддерживает прозрачность. Главный недостаток это поддержка всего лишь 256-цветов, что никуда не годится для хранения фотографий. GIF в основном используется для хранения логотипов, баннеров, изображения с прозрачными участками и содержащих текст. Файлы этого формата имеют расширение gif.

3. Формат PNG (Portable Network Graphics ). Это формат был разработан как замена устаревшему GIF, а также, в некоторой степени, JPEG. Поддерживает прозрачность, но не позволяет создавать анимацию. Данный формат имеет расширение png.

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

JPEG лучше всего использовать для хранения фотографий или полутоновых картинок не содержащих текста;

• GIF используется в основном для анимации;
• PNG — формат для всего остального (иконки, кнопки и др.).

Вставка картинок в html страницы

Итак, как все таки вставить изображение на веб-страницу? Вставить изображение позволяет одинарный тег . Браузер помещает изображение в том месте веб-страницы, где встретит тег .

Код вставки картинки в html страницу имеет такой вид:

Данный html-код поместит на веб-страницу изображение, хранящееся в файле image.jpg, который находится в одной и той же папке с веб-страницей. Как вы могли заметить адрес картинки указывается в атрибуте src . Что такое я уже рассказывал. Так вот, атрибут src обязательный атрибут, который служит для указания адреса файла с изображением. Без атрибута src тег img не имеет смысла .

Приведу еще несколько примеров указания адреса файла с изображением:

— этот html-код вставит на страницу картинку с названием image.jpg, которая хранится в папке images, расположенной в корне веб-сайта.

В атрибуте src можно указывать не только относительные ссылки на изображения. Так как изображения хранятся в сети вместе с html-страницами, поэтому у каждого файла с изображением есть свой собственный url-адрес. Поэтому в атрибут src можно вставлять url-адрес изображения. Например:

Данный код вставит на страницу изображение с сайта mysite.ru. URL-aдpec обычно применяется, если вы указываете на изображение, находящееся на другом сайте. Для изображений хранящихся на вашем сайте лучше использовать относительные ссылки.

Тег является строчным элементом, поэтому его лучше помещать внутрь блочного элемента, например внутрь тега

— абзац:

Давайте попрактикуемся и вставим на нашу страницу из предыдущих статей об html изображение. Я создам рядом с html-файлом своей страницы папку «images» и помещу туда файл с картинкой «bmw.jpg», который выглядит так:

Тогда html-код страницы со вставленной картинкой будет таким:

Сайт об автомобилях.

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

Научным языком автомобиль это:

Механическое моторное безрельсовое дорожное транспортное средство минимум с 4 колёсами.

---

Классификация автомобилей

Автомобили бывают следующих типов:

• Легковой;


• Грузовой;


• Внедорожник;


• Багги;


• Пикап;


• Спортивный;


• Гоночный.

Все права защищены. 2010 год.
Сайт об автомобилях.

И смотрим результат отображения в браузере:

Как мы видим ничего сложного в размещении изображений на веб-страницах нет. Далее рассмотрим несколько других важных атрибутов тега .

Атрибут alt — как запасной вариант

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

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

И примерно так это выглядит:

Задаем размеры изображению

Осталось еще пару атрибутов тега img, о которых вам следует знать. Это пара атрибутов width и height . Вы можете использовать их, чтобы указать размеры изображения:

width="300" height="200" >

В обоих атрибутах указывается размер в пикселях . Атрибут width указывает браузеру какой ширины должно быть изображение, а атрибут height какой высоты. Эти два атрибута можно применять вместе и по отдельности. Например, если вы укажите только атрибут width, то браузер подберет высоту автоматически пропорционально указанной ширине и также в случае использования только атрибута height. В случае если вы не укажите эти атрибуты вовсе, то браузер автоматически определить размер изображения перед выводом его на экран. Стоит только заметить, что указывание размеров изображений немного ускорит работу браузера при отображении страницы.

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

Вставляем видео и аудио с помощью HTML 5

В новой спецификации html5 появилось несколько новых тегов с помощью которых можно очень легко вставлять файлы мультимедиа. Это прежде всего касается видео и аудио.

Для вставки аудио HTML5 предоставляет парный тег Адрес файла, в котором хранится аудиоролик, указывается с помощью уже знакомого нам атрибута src:

Тег

По умолчанию аудиоролик никак не отображается на web-странице. Но если в теге

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

Больше рассказывать о вставке картинок и мультимедиа на html страницы особо нечего. Надеюсь на вопрос «Как вставить изображение в html страницу?» я вам ответил. поэтому просто подведу итоги:

для вставки изображений на html страницу пользуемся одиночным тегом и указываем адрес файла с картинкой в атрибуте src : ;

• с помощью атрибута alt тега можно задавать текст замены на случай если изображение не загрузится;
• с помощью атрибутов width и height можно задавать размеры изображения на веб-странице;
• для вставки аудио и видео в html5 есть парные теги

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

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

В Office есть своя коллекция графики

В Office есть своя коллекция графики: диаграммы, фигуры, WordArt, SmartArt, мультимедиа. Чтобы использовать подобный рисунок, сделайте так:

1. Откройте меню Вставка - Иллюстрации.
2. Выберите тип объектов, которые хотите добавить в документ.

Подробнее о них:

• Картинка (в Word 2007 эта функция называется «Клип»). Открывает панель, в которой доступен контент с сайта Microsoft Office: мультимедиа, видео, звук и графика. В поле «Искать» задайте ключевую фразу для поиска по галерее. Если вы введёте слово «Торт», программа выдаст фото тортов. Они подойдут, если вы пишете текст о кулинарии.
• Фигуры: стрелочки, прямоугольники, лучи, круги, линии, звёздочки и многое другое. Их можно редактировать . И не разбираться, как вставить рисунок в документ Word, а создать узор самостоятельно.
• WordArt - декоративные надписи с различным дизайном.
• SmartArt и диаграммы. Служат для наглядной демонстрации каких-то данных или характеристик. В SmartArt можно красиво оформить списки, иерархии или схемы.

WordArt. Декоративные надписи с различным дизайном

Добавление рисунка из файла

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

1. Перейдите в меню Вставка - Иллюстрации - Рисунок.
2. Укажите путь к изображению.
3. Перетащите его в нужное место, растяните, обрежьте или дополните им резюме.

Вот как вставить картинку в Word, используя сочетание клавиш:

1. Выделите файл и нажмите Ctrl+C. Также можете кликнуть по нему правой кнопкой мыши и найти пункт «Копировать».
2. Откройте документ.
3. Нажмите Ctrl+V или отыщите вверху окна Office кнопку «Вставить из буфера обмена». Она выглядит как жёлтая папка-планшет с листом бумаги. Эта кнопка находится рядом с панелью настройки шрифта (там, где выбор регистра, размера и цвета).

Если в галерее не найдётся ничего подходящего, используйте свою графику.

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

Вставка картинок из интернета и скриншотов

Если вам понравилась графика, которую вы увидели во всемирной паутине, необязательно сохранять её на компьютер. Вот как вставить фото в текст Word со страницы в интернете:

1. Кликните на иллюстрацию правой кнопкой мыши.
2. Нажмите «Копировать изображение». Не перепутайте с пунктом «Копировать ссылку».
3. Откройте документ.
4. Правая кнопка мыши - Вставить или Ctrl+V.

Если вам нужно не фото, а скриншот экрана, нажмите клавишу PrintScreen.

Если вам нужно не фото, а скриншот экрана, сделайте следующее.

1. Выведите на передний план приложение, страницу или окно, снимок которого вам нужен.
2. Нажмите клавишу PrintScreen (PrntScr) . Она находится рядом с кнопкой F 12. Скриншот будет помещён в буфер обмена.
3. Откройте Word.
4. Вставьте снимок. Он будет выглядеть обычным рисунком.

Сохранение рисунков из Word

1. Кликните по иллюстрации в Word правой кнопкой мыши.
2. Выберите «Копировать».
3. Откройте любой графический редактор. Подойдёт, к примеру, Paint - приложение, устанавливаемое вместе с Windows.
4. Вставьте туда картинку.

В Word 2010 её можно преобразовать в файл, минуя графические редакторы. Кликните правой кнопкой мыши и выберите пункт «Сохранить как рисунок».

Как работать с рисунками в Word?

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

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

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

Теперь займитесь внешним видом изображения.

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