《让你的电子邮件与众不同》——XXXX年第1期 总第21期.docx
-
资源ID：2037560
资源大小：1.75MB
全文页数：13页
- 资源格式： DOCX
下载积分：16金币
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
《让你的电子邮件与众不同》——XXXX年第1期 总第21期.docx
“我为人人”电脑服务队技术文档2010年 第1期 总第21期摘要 此文档主要介绍HTML电子邮件的概念、如何编写HTML邮件及其需要注意的事项，学习使用HTML邮件，将会让你的邮件充满个性，从此与众不同！我为人人2010/3/7 我为人人目录让你的电子邮件与众不同3什么是HTML电子邮件3如何写HTML邮件5HTML入门5HTML标记有很多，在这里只介绍几个常用的标记：6HTML源码框架：8添加样式属性，让内容丰富多彩：8Inline CSS 使用方法：9常用的CSS属性：10在QQ邮箱里编写HTML电子邮件10写HTML邮件需注意：10联系我们：13让你的电子邮件与众不同 2010年 第1期 总第21期 2010/03/07相信大家都收到过来自大公司（腾讯、招行等）发来的电子邮件，看到他们图文并茂、漂亮的模板，是否眼前一亮，立即明白邮件的意图？这些便是使用HTML 编写的电子邮件。什么是HTML电子邮件HTML电子邮件有哪些不同？商业HTML邮件大致可分为营销型和确认型电邮营销型邮件确认型邮件内容具有丰富性、多样性，客户会更注重内容的丰富性和视觉效果的美观性内容具有单一性、独特性，我们要让客户非常直接的看到确认信息，复杂的内容和视觉效果只会让客户忽略了邮件的主要内容即确认信息除了商业HTML邮件，在平时发邮件时也可借鉴以上优点，写出不同的HTML邮件的模板，满足不同用于的需求，比如求职、通知等。由上可以知道，制作并发送HTML电子邮件，不仅能够按照不同的需求满足用户的视觉感受和审美观，更能够更清楚、直接的表达出发送人的意图（宣传，营销、确认）。邮箱里丰富多彩的HTML电子邮件鲜果周报QQ管理员来信，相信这个大家都会有收到当然也有广告看到这些绚丽的电子邮件，你是否也摩拳擦掌，跃跃欲试呢？不要急，编写这类电子邮件之前需要先了解下HTML语言。如何写HTML邮件HTML入门HTML语言的来源、发展、意义之类的就不多啰嗦了，在这里直接介绍如何使用。全称： HyperText Mark-up Language 译名： 超文件注标式语言 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C+ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成。标记写法：l 任何标记皆由"<"及">"所围住，如 <P> l 标记名与小于号之间不能留有空白字符。 l 某些标记要加上参数，某些则不必。如 <font size="+2">Hello</font> l 参数只可加于起始标记中。 l 在起始标记之标记名前加上符号"/"便是其终结标记，如 </font> l 标记字母大小写皆可。HTML标记有很多，在这里只介绍几个常用的标记：标记名使用浏览器中显示效果段落<p>这是段落1</p><p>这是段落2</p>（为突出出各标记范围，每一标记都加入了背景颜色。后面会讲到如何添加背景。）一级标题<h1>一级标题</h1>二级标题<h2>二级标题</h2>表格<table><tr><td>表格的第一行第一列</td><td>表格的第一行第二列</td></tr><tr><td>表格的第二行第一列</td><td>表格的第二行第二列</td></tr></table>无序列表<ul><li>列表项1</li><li>列表项2</li></ul>层<div>这是一个层</div>图片<img src=”图片的地址”>超链接<a href=”>百度</a>需要注意的是层这个概念，层可以通俗的理解为一块方形区域。现在大部分电子邮件（网页）就是由层组成，即网页（邮件）可以看做是一块一块拼凑起来的。由此图也可以看出，使用几个常用的HTML标签足够做出美观大方的电子邮件！HTML源码框架：1. <div> / 最外层2. <div> / 头部层3. <table> / 头部层里表格4.<tr> / 表格的第一行5<td></td>6.<td></td>7. </tr>8. <tr></tr> / 表格的第二行9. 10 </table>11</div>12<div></div> / 中间层13<div> / 最下层14<h1>推荐好友</h1> / 第一级标题1516<a href=”>更多推荐</a> / 超链接17</div>18 <p>不想收到周报？点击此处更改</p> / 段落19</div>上图中鲜果周报源码如左注意：u HTML代码一层层嵌套的形式u 各层次之间的关系u 标签的闭合添加样式属性，让内容丰富多彩：HTML框架是结构，样式属性是表现形式。就像做房子，先搭好梁，再铺瓷砖、刷油漆，这样做出来的房子才又坚固又好看。控制HTML标签属性的语言称之为CSS。让我们看下时下邮件客户端对CSS的支持：其中“inline CSS”指内嵌CSS。为使我们写出的电子邮件在不同的客户端有相同的显示效果，建议使用内嵌的CSS。<标签 style=”样式属性”></标签>Inline CSS 使用方法：l <div>这是一个未加任何属性的层</div>l <div style="border:1px; border-style:solid;">这是一个有实框（solid）为1像素的层</div>l <div style="border:1px; border-style:solid; border-color:#CC0033">这是一个有实框为红色、1像素的层</div>l <div style="border:1px; border-style:solid; width:300px; height:60px;">这是一个有实框、宽300像素、高60像素的层</div>l <div style="background-color:red">这是一个无框、红色背景的层</div>l <div style="background-color:red; margin:10px auto auto 30px;">这是一个红色背景、上下左右边距分别为10像素、自动、自动、30像素的层</div>l <div style="border:1px; border-style:solid; text-align:right;">文本右对齐</div>l <div style="border:1px; border-style:solid; font-size:18px; color:#009933; font-weight:bold;">文字大小为18像素，绿色、加粗</div>实际效果图中各层之间添加了<br />，为换行符，为使各层区域更容易辨认。常用的CSS属性：属性名取值说明ColorRed、Green、Grey / web颜色控制文字颜色Border数值（1px）边框大小Border-styleSolid（实框）、dashed（虚线）边框样式Border-color同color边框颜色Text-alignLeft、right、center、justify文本对齐方式Background-color同color背景颜色Background-imageurl（”背景图地址”）图像背景Font-size同Border字体大小Font-color同color字体颜色Font-weightNormal、bold、lighter字体粗细Width数值宽度Height数值高度Margin-left数值左边距，同理有上、右、下边距在QQ邮箱里编写HTML电子邮件打开一封你的QQ邮箱收到的邮件，点击转发-> 文字格式 -> <HTML> ，在这里你就可以看到邮件还没有经过浏览器解释的原始代码了。QQ邮件的代码框架如下：<DIV><includetail><STYLE type=text/css>“此处放CSS格式” </STYLE> QQ邮箱支持非inline CSS<DIV>此处放正文内容</DIV></includetail></DIV>如果你发邮件的时候也打开HTML编辑视图，你会发现并没有<includetail>这个标签。因为这个标签是为了放置<style>标签，只有在<includetail>里写的非inline CSS格式代码才能被qq邮箱应用。当然，如果你使用的是inline CSS，则可以去掉<includetail>标签。写HTML邮件需注意： 1. 把样式写入HTML标签内部，不要独立在某个外部文件中，也不要写在<style></style>间(图) 2. 给每一个有内容标签内部都加上CSS，即使重复和繁琐3. 不要用CSS来对HTML元素标签定位,用绝对大小(像素)和相对大小(百分比)相结合的表格嵌套方式来定位4. 不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)绝大部分邮件客户端会屏蔽Flash和Javascript，以及一些特殊标签和属性。 5. 图片的使用不要使用背景图片，background-image属性在多数在线邮件客户端会被屏蔽，在Gmail中，你看不到任何的background图片。（QQ mail中可以使用背景图）所有使用的图片需用URL定位，即需要是网络上的图片。为保证图片不掉链，注意使用可靠的图片来源。经过一番尝试，发现使用QQ自己的服务才是最可靠的，即使用QQ空间里的相册功能。将需要使用的图片上传至QQ空间后打开图片，点击右上角“复制地址”，在弹出层中选择原图地址即可！给每张图片都指定宽和高以及Alt属性值；图片的src属性一定要用绝对地址：正确：<img src=” width=”297 height=”160 alt=” />错误：<img src=”logo.gif” /> 重要的内容请不要用图片标示。展览会的时间，地点，内容等信息是非常总要的，考虑到图片可能无法显示，这些内容不建议放在图片中显示；即使放在图片中，也请在邮件内容中以文字形式表示出来，并给把内容加入图片的Alt属性中。 6. 邮件的宽度写HTML邮件时一般都会给邮件定一个宽度，让邮件看起来更整齐。通过对比各邮件客户端显示情况，推荐使用650px。使用这个宽度可以充分利用页面显示宽度以展示更丰富的内容，同时又不会产生横向滚动条，影响阅读。注释1：HTML（HyperText Markup Language ）注释2：CSS（cascading style sheet），级联样式表。联系我们：有任何意见、想法，欢迎给我们来信！喜欢电脑技术、遇到电脑问题，欢迎来我为人人对外交流群！您也可以直接与我们取得联系！服务队不定期举行电脑各方面内部培训，欢迎参加！想要了解更多？ 百度一下 你就知道
