Практичный email маркетинг. MY adept путевые заметки

Инструкция

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

Осталось только выбрать файл, который вы хотите вставить в текст письма, и нажать на ОК.

Почтовая программа The Bat!

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

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

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

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

Находим нужный вам файл и вставляем в тело письма.

Почтовая программа Microsoft Outlook.

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

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

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

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

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

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

Почтовый ящик Gmail.

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

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

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

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

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

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

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

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

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

Источники:

  • Gmail
  • как вставлять рисунки в сообщение
  • MS Outlook 2007-2010

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

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

  • Графический редактор MS Paint.

Инструкция

Воспользуйтесь для этого графическим редактором Paint - это приложение по умолчанию устанавливается вместе с операционной системой Windows. Для его запуска воспользуйтесь ссылкой в главном меню ОС либо нажмите сочетание горячих клавиш Win + R, введите команду mspaint и нажмите Enter.

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

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

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

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

Видео по теме

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

Инструкция

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

- таблица;
- строка;
- колонка.

Основные дополнительные атрибуты:
Border – граница;

Bordercolor – цвет рамки;
Width – ширина;
Height – высота.

Синтаксис таблицы 2X2 без рамки и левосторонним/правосторонним выравниванием содержимого:








Содержимое 1-й ячейки Содержимое 2-й ячейки
Содержимое 3-й ячейки Содержимое 4-й ячейки

Картинку нужно прописывать после тега

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







Содержимое 2-й ячейки
Содержимое 3-й ячейки Содержимое 4-й ячейки

Дополнительные атрибуты:
Width – ширина;
Height – высота;
Alt - альтернативный текст, который будет отображаться у пользователя, если у него отключена функция просмотра картинок;
Align – выравнивание по горизонтали;
Valign – выравнивание по вертикали;
Title – подпись к изображению.

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








Содержимое 2-й ячейки
Содержимое 3-й ячейки Содержимое 4-й ячейки

Дополнительные возможности изображений.

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

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

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




// 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