Совет 1: Как вставить картинку в письмо

Иногда когда вы пишите электронное письмо, возникает необходимость проиллюстрировать текст картинкой, диаграммой, таблицей. И сделать это нужно непосредственно в теле письма, а не добавить нужные файлы вложением. Ещё несколько лет назад решить такую задачу было под силу только программистам или тем, кто мог безошибочно повторить их инструкции. Теперь вставить картинку в письмо может каждый.
Вам понадобится
  • Почтовый клиент
  • Компьютер или ноутбук
Инструкция
1
Почтовая программа Mozilla Thunderbird.

Создаем новое сообщение. В меню сообщения сверху выбираем вкладку «Настройки». В ней находим подменю «Формат». Выбираем пункт «Форматированный текст (HTML)».

В графическом меню, расположенном под графой «Тема», нажимаем на пиктограмму с изображением картинки.

В выпадающем меню выбираем «Изображение».

Осталось только выбрать файл, который вы хотите вставить в текст письма, и нажать на ОК.
2
Почтовая программа The Bat!

Создаем новое сообщение.

Снизу находим кнопку «Только текст» и нажимаем на неё.

В выпадающем меню выбираем «Только HTML» или «HTML/Простой текст».

В графическом меню сверху ищем пиктограмму «Картинка».

Находим нужный вам файл и вставляем в тело письма.
3
Почтовая программа Microsoft Outlook.

Создаем новое сообщение.

В меню письма сверху выбираем вкладку «Формат».

Выбираем пункт «HTML».

В графическом меню нажимаем на пиктограмму с изображением картинки и надписью «Рисунок».

Выбираем нужный файл и нажимаем на ОК.

В Microsoft Outlook 2007 для того, чтобы вставить картинку, нужно будет выбрать пункт в верхнем меню «Вставка». В выпадающем меню «Рисунок» выбрать «Картинка», найти и вставить файл.
4
Почтовый ящик Gmail.

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

Открываем почту Gmail, создаем письмо.

В правом верхнем углу нажимаем ссылку «Настройки».

В открывшемся меню выбираем последний пункт «Экспериментальные функции».

В длинном списке предложенных функций находим «Вставка картинок» и выбираем «Включить».

Нажимаем на «Сохранить изменения».

В шаблоне письма слева находим «Расширенное форматирование». Выбираем.

Появляется панель с пиктограммами.

Теперь осталось только нажать на пиктограмму «Вставить изображение», выбрать файл и отправить письмо с картинкой, вставленной в тело самого письма.

Совет 2: Как вставить фото в картину

Сделать фотографию сегодня не составляет труда. Для этого не требуется приобретать фотоаппарат или ходить в фотоателье - достаточно, например, иметь сотовый телефон. Некоторые из сделанных самостоятельно снимков хочется сохранить и даже как-нибудь красиво оформить. К сожалению, далеко не каждый из тех, кто может сделать снимок, умеет красиво рисовать с помощью компьютера. Однако можно воспользоваться какой-либо готовой высокохудожественной картинкой и вставить в нее нужную фотографию.
Вам понадобится
  • Графический редактор MS Paint.
Инструкция
1
Воспользуйтесь для этого графическим редактором Paint - это приложение по умолчанию устанавливается вместе с операционной системой Windows. Для его запуска воспользуйтесь ссылкой в главном меню ОС либо нажмите сочетание горячих клавиш Win + R, введите команду mspaint и нажмите Enter.
2
Загрузите в Paint картинку, которая будет фоном для фотографии. Для этого, войдя меню программы щелчком по синей кнопке без надписи в левом верхнем углу окна приложения, выберите строку «Открыть». Этой команде назначено сочетание клавиш Ctrl + O - можете использовать и его. С помощью запустившегося диалога найдите в компьютере нужный файл и нажмите кнопку, на которой и здесь повторена команда «Открыть».
3
Щелкните по пиктограмме с надписью «Вставить» в меню графического редактора - она помещена на активную по умолчанию вкладку «Главная». В выпавшем списке всего из двух строк выберите пункт «Вставить из». Вновь запустится тот же самый диалог, что и в предыдущем шаге. На этот раз найдите файл, который содержит вставляемую фотографию, и дважды кликните его. В результате снимок будет помещен редактором поверх фонового изображения и обрамлен прямоугольной пунктирной рамкой, на каждой стороне которой будут размещены по три узловые точки.
4
Отрегулируйте размеры и позицию фотографии на фоновом изображении. С помощью курсора мыши ее можно перемещать при нажатой левой кнопке, а передвигая узловые точки на рамке, вы будете изменять величину и пропорции снимка. Будьте внимательны - после щелчка по фоновому изображению за пределами вставленной картинки, рамка исчезнет и больше у вас не будет возможности производить манипуляции с ее размерами и позиционированием.
5
Откройте еще раз меню редактора щелчком по синей кнопке в левом верхнем углу окна приложения и перейдите в раздел «Сохранить как». Выберите один из графических форматов для нового файла, а затем в открывшемся диалоге укажите его название, место хранения и нажмите кнопку «Сохранить».
Видео по теме

Совет 3: Как вставить картинку в html таблицу

Язык html не совершенен и имеет ряд существенных недостатков. Для того чтобы привязать картинку к определенному месту страницы, лучше для этого вставить ее при помощи таблицы. В этом случае изображение будет считаться фоном и поверх его можно поместить текст.
Инструкция
1
Первоначально необходимо создать таблицу, если ее еще нет. Это действие совершается в атрибуте <body>. Для этого используются теги (закрывающий тег обязателен):
• <table> - таблица;
• <tr> - строка;
• <td> - колонка.

Основные дополнительные атрибуты:
• Border – граница;
• Align – выравнивание по горизонтали;
• Valign – выравнивание по вертикали;
• Bordercolor – цвет рамки;
• Width – ширина;
• Height – высота.

Синтаксис таблицы 2X2 без рамки и левосторонним/правосторонним выравниванием содержимого:
<table border= "0">
<tr align="left">
   <td>Содержимое 1-й ячейки</td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
    <td> Содержимое 4-й ячейки </td> </tr>
</table>
2
Картинку нужно прописывать после тега <td>. Если вставить изображение в первую ячейку таблицы, представленной выше, то получится:
<table border= "0">
<tr align="left">
   <td><img src="адрес картинки в формате gif, png, jpeg"></td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
    <td> Содержимое 4-й ячейки </td> </tr>
</table>

Дополнительные атрибуты:
• Width – ширина;
• Height – высота;
• Alt - альтернативный текст, который будет отображаться у пользователя, если у него отключена функция просмотра картинок;
• Align – выравнивание по горизонтали;
• Valign – выравнивание по вертикали;
• Title – подпись к изображению.
3
Использовать изображение можно в качестве ссылки. Для этого его достаточно облачить в соответствующий тег: <a href="страница, на которую будет осуществляться переход"><img src="имя файла.png"></a>
В контексте таблицы это будет выглядеть так:
<table border= "0">
<tr align="left">
   <td><a href="stranitsa.html"><img src="kartinka.png"></a></td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
   <td> Содержимое 4-й ячейки </td> </tr>
</table>
4
Дополнительные возможности изображений.

1. Смена картинки на цвет при наведении на нее мышью и после смены местоположения курсора:
onMouseOver="this.style.background='#номер цвета'" onMouseOut="this.style.background='#номер цвета'"

2. Смена картинки на другое изображение при наведении мышью:
onmouseover="this.src='images/1.gif'" onmouseout="this.src='images/2.gif'"

3. Вставка вращающейся карусели из картинок в ячейку таблицы (значения можно менять):

<td align="left">
<BODY onload="Carousel()" background=>
<script type="text/javascript">
// 7 variables to control behavior
var Car_Image_Width=100;
var Car_Image_Height=100;
var Car_Border=true; // true or false
var Car_Border_Color="000000"; Border="0"
var Car_Speed=5;
var Car_Direction=true; // true or false
var Car_NoOfSides=6; // must be 4, 6, 8 or 12

/* array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
*/
Car_Image_Sources=new Array(
"images/1.gif","",
"images/2.gif","",
"images/3.gif","",
"images/4.gif","",
"images/5.gif","",
"images/6.gif",""

// NOTE No comma after last line
);

/***************** DO NOT EDIT BELOW **********************************/
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_Pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
CW_I[i].style.position="absolute";
CW_I[i].style.top=0+"px";
CW_I[i].style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I[i].style.borderStyle="solid";
CW_I[i].style.borderWidth=1+"px";
CW_I[i].style.borderColor=Car_Border_Color}
CW_I[i].src=Car_Image_Sources[2*i];
CW_I[i].lnk=Car_Image_Sources[2*i+1];
CW_I[i].onclick=C_LdLnk;
CW_I[i].onmouseover=C_Stp;
CW_I[i].onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW[i]}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I[i].style.left=C_LeftOffset+"px";
CW_I[i].style.width=C_ClcW[i]+"px";
C_LeftOffset+=C_ClcW[i]}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script><div id="Carousel" style="position:relative; width:130; height:21">

</td>
Обратите внимание
Это урок о том, как вставить картинку в HTML, как её оформить, как сделать обтекание картинки текстом и т.д. Ведь известно, что изображения делают сайт более привлекательным и отличным от других ресурсов, поэтому умение использовать тег «IMG» и его атрибуты весьма пригодится в современном Интернете. Но, главное тут — чувство меры! Переизбыток графики вызовет утяжеление html-страницы и, соответственно, увеличит время её загрузки.
Полезный совет
Если эта область будет не соответствовать реальному размеру картинки, которую вы хотите вставить, то рисунок будет соответственно растянут или сужен, до заданного в html теге Img размера. Тем не менее, не следует использовать это способ, скажем, для уменьшения размера вставляемого в Html документ рисунка.  Лучше предварительно изменить размер картинки в графическом редакторе, а уже затем вставлять картинки в Html документ через любой удобный вам Html редактор кода.
Источники:
  • как вставить картинку без фона html

Совет 4: Как вставить картинку в тело письма в Bat

Почтовый клиент - это резидентная программа, устанавливаемая в персональный компьютер и позволяющая обмениваться электронными письмами без необходимости каждый раз «вручную» авторизоваться на удаленном почтовом сервере. Один из наиболее широко используемых почтовых клиентов - The Bat, он имеет очень широкие возможности оформления создаваемых писем, включая вставку изображений в текст.
Инструкция
1
Запустите The Bat и создайте новое сообщение. Сделать это можно многими способами - например, если это должен быть ответ на полученное электронное письмо, то его можно выделить и нажать кнопку ответа, размещенную выше списка полученных сообщений. Это же можно сделать, кликнув нужную строку списка правой кнопкой и выбрав в контекстном меню пункт «Ответить». А можно выделить строку с полученным сообщением и нажать сочетание клавиш Ctrl + Enter. Аналогичные способы существуют и для создания нового сообщения, пересылки полученного письма другому адресату и т.д.
2
Переключите формат создаваемого электронного письма в режим, который допускает использование HTML-тегов. Таких режимов в последних версиях этого почтового клиента два - только HTML и HTML + обычный текст. Чтобы выбрать один из них, раскройте в меню окна редактируемого сообщения раздел «Свойства» и перейдите в подраздел «Формат письма». Эти два режима так и сформулированы - «HTML/простой текст» и «Только HTML».
3
Наберите текст сообщения, а дойдя до нужной строки, кликните иконку вставки изображения - она помещена между самим сообщением и полем «Тема», правее пиктограмм форматирования текста. В результате откроется стандартное диалоговое окно, в котором вам надо найти нужный файл в компьютере, выделить его и нажать кнопку «Открыть». После этого The Bat поместит указанную вами картинку в текст письма.
4
Отредактируйте вставленное изображение. Его размеры можно изменить, если кликнуть мышкой, а затем перемещать с ее же помощью узловые точки, помещенные редактором на рамку вокруг картинки. Кроме размеров вы можете изменить, например, центровку изображения - выделите всю строку и кликните одну из четырех пиктограмм рядом с кнопкой вставки картинки.
5
Отправьте подготовленное письмо адресату или поместите его в папку «Исходящие», нажав соответствующую кнопку в меню окна редактирования сообщения.

Совет 5: Как вставить в Outlook картинку

В программе картинку можно вставить в личные данные пользователя или вложить в прикрепленный к сообщению файл. Изображение из раздела контактов адресата не пересылается при отправке почты.
Инструкция
1
Запустите программу Outlook. В списке «Все папки» выберите папку «Контакты», войдите в нее. Как правило, по умолчанию в открывшемся окне справа появится строка с именем пользователя, под чьим логином открыта программа Outlook. Клик мышкой по любой ячейке этой строки откроет папку с данными пользователя.
2
Ячейка для размещения фотографии расположена в левой части окна рядом с именем данного контакта и отмечена изображением силуэта. Кроме того, при подведении к этому изображению курсора всплывает надпись «Добавление фотографии». Клик левой клавишей мышки откроет окно обзора. Выберите изображение и вставьте его двойным кликом. Для сохранения изображения нажмите изображение дискеты в левом верхнем углу окна. При подведении курсора к этому значку всплывает надпись «Сохранить». Также сохранить сделанные изменения можно сочетанием клавиш «Ctrl+s» .
3
При необходимости добавленную фотографию можно удалить или заменить другой. При наведении курсора на изображение в окне с контактными данными появляется всплывающее меню «Изменить рисунок» и «Удалить изображение». Выберите нужное действие, выполните его и сохраните сделанные изменения. Для выхода из окна контакта нажмите крестик в правом верхнем углу.
4
Если нужно передать по Outlook файл с изображением, создайте сообщение и прикрепите вложение. Нажатие на значок с изображение канцелярской скрепки на панели инструментов откроет окно обзора, выберите нужный файл кликом мышки.
5
Возможна передача изображения с монитора вашего компьютера в тексте сообщения. Нажмите одновременно клавиши «Ctrl» и «PrtSc» на фрагменте для пересылке, затем перейдите в программу Outlook и на окне для текстового сообщения правой кнопкой мыши вставьте сохраненное изображение.
Полезный совет
Вы можете выбрать не только фото или картинку, находящуюся на вашем компьютере, но и указать путь к графическому файлу, размещенному в сети.
Источники:
  • Gmail
  • как вставлять рисунки в сообщение
  • MS Outlook 2007-2010
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500