Совет 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. Щелкните по пиктограмме с надписью «Вставить» в меню графического редактора – она размещена на энергичную по умолчанию вкладку «Основная». В вывалившемся списке каждого из 2-х строк выберите пункт «Вставить из». Опять запустится тот же самый диалог, что и в предыдущем шаге. На данный раз обнаружьте файл, тот, что содержит вставляемую фотографию, и двукратно кликните его. В итоге снимок будет размещен редактором поверх фонового изображения и обрамлен прямоугольной пунктирной рамкой, на всякой стороне которой будут помещены по три узловые точки.
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 редактор кода.
Совет 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 и на окне для текстового сообщения правой кнопкой мыши вставьте сохраненное изображение.
Полезный совет
Вы можете предпочесть не только фото либо картинку, находящуюся на вашем компьютере, но и указать путь к графическому файлу, помещенному в сети.
