设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 软件教程 Design › Dreamweav(DW) › 带来一篇制造贸易HTML邮件的倡议
返回列表 发新帖
查看: 1281|回复: 8
打印 上一主题 下一主题

[HTML5] 带来一篇制造贸易HTML邮件的倡议

[复制链接]
分手快乐 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:19:37 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼：“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。网页制造poluoluo文章简介：明天我研讨的成绩是，怎样从手艺方面动手，制造一个优异，且同时兼容用户视觉和邮件客户真个电子邮件。
经由过程基于允许的电子邮件营销，不但能够年夜年夜的下降营销和推行的本钱，更可以间接地、正确地把信息传送到客户手中。
明天我研讨的成绩是，怎样从手艺方面动手，制造一个优异，且同时兼容用户视觉和邮件客户真个电子邮件。
1.选择HTML仍是文本(PlainText)
有人喜好复杂的文本，有人喜好看丰厚的HTML，我们怎样选择？
关于营销型的邮件，倡议利用HTML格局来制造(图)；
而关于确认/提示/告诉型邮件，倡议利用文本大概复杂的HTML来制造(图)。
为何针对这两种分歧范例的邮件，接纳分歧的制造体例，这基于这些缘故原由：
营销型邮件的内容丰厚性、多样性；确认型邮件的内容单一性，共同性；
在营销型邮件中，客户会更注意内容的丰厚性和视觉效果的美妙性；
在确认型邮件中，我们要让客户十分间接的看到确认信息，庞大的内容和视觉效果只会让客户疏忽了邮件的次要内容——即确认信息；
(下文将对营销型邮件的HTML制造做重点会商)

2.基于表格结构+CSS的HTML基础功
工夫分两种，一种至阳至刚，另外一种则至阴至柔，张三丰之以是无以复加，由于其武功基础好，少林基础功踏实，才悟出这道即能至阴，又能至阳的太极拳。
HTML的邮件也是云云，我们晓得，现今邮件浏览客户端有良多种，传统的Outlook，Thunderbird，LotusNotes，和在线的MacMail，Gmail，Hotmail等，对邮件的注释城市分歧，年夜多半在线邮件体系会屏障失落<head></head>标签之间的代码。
要让一切用分歧客户真个用户看到的邮件不异，这就要十分好的把握好HTML的基础功。有人说DIV+CSS，有人说是SEO标签语义化，不成否定作为一个网页开辟职员，能有这两种时下游行的HTML开辟头脑会很吃喷鼻，可是，这其实不合用于邮件制造。我们的目标是让客户在分歧邮件客户端下看到不异的信息内容，这就用到一个最原始的排版体例：表格结构+CSS。让我们看下时下邮件客户端对HTML和CSS的撑持(图)：
*Hotmail能剖析<body></body>间的<style>，但一样屏障<head></head>间的<style>
3.做HTML邮件时，就要侧重注重以下几点：

  • 把款式写进HTML标签外部，不要自力在某个内部文件中，也不要写在<style></style>间(图)；

  • 给每个有内容标签外部都加上CSS，即便反复和烦琐
  • 不要用CSS来对HTML元素标签订位；
    用相对巨细(像素)和绝对巨细(百分比)相分离的表格嵌套体例来定位。
  • 不要在邮件中拔出任何的Javascript、Flash和一些特特别标签(如:marquee)
    尽年夜部分邮件客户端会屏障Flash和Javascript，和一些特别标签和属性；
  • 不要利用背景图片
    background-image属性在多半在线邮件客户端会被屏障，在Gmail中，你看不就任何的background图片；
  • 给每张图片都指定宽和高和Alt属性值；
    图片的src属性必定要用相对地点：
    准确：
  • 主要的内容请不要用图片标示
    博览会的工夫，地址，内容等信息长短常总要的，思索到图片大概没法显现，这些内容不倡议放在图片中显现；
    即便放在图片中，也请在邮件内容中以笔墨情势暗示出来，并给把内容到场图片的Alt属性中。
  • 利用一致的utf-8编码；
4.邮件的宽度，650px?仍是600px?
我们都晓得，时下网页的宽度尺度是950/960px，这取决于我们的显现器分辩率；
而电子邮件常常是经由过程两种路子翻开，软件客户端和在线客户端，这两种邮件客户端(图)。
*MicrosoftOutlook2003
*网易163邮箱
由图可见，邮件常常并非全屏显现的，
假如持续利用网页的960/950px尺度宽度，则必将会形成邮件一部份内容被粉饰住，如许，就发生了横向和纵向的两个转动条，不便利于客户扫瞄；
而太窄的宽度又会形成空间的华侈(图)
那末，关于HTML邮件的宽度，究竟定在几才是最好的呢？我们起首来参考下几家出名企业HTML邮件制造时所用的宽度：
网易有道：600px
QQ会员：650px
Dell家庭与办公：650px
CiscoWebex：600px
可见，这些出名IT企业的营销邮件宽度就两种600px和650px，
而据我4年EDM和Web计划履历，我更偏向于选择后者，即650px作为HTML营销邮件的尺度宽度。
650px的上风：
当邮件的内容被分红2栏时分，650px能够支解成X+10+Y，个中X=左栏，Y=右栏，10为距离清闲，X+Y=640，而640刚好能被20整除，640=2
邮件营销, 网页制作, 客户端, 文章, 成本

相关帖子
回复

使用道具 举报

深爱那片海 该用户已被删除
沙发
发表于 2015-1-17 21:51:24 | 只看该作者
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。
回复 支持 反对

使用道具 举报

小魔女 该用户已被删除
板凳
发表于 2015-1-26 13:20:19 | 只看该作者
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。
回复 支持 反对

使用道具 举报

再现理想 该用户已被删除
地板
发表于 2015-2-4 20:15:59 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
回复 支持 反对

使用道具 举报

谁可相欹 该用户已被删除
5#
发表于 2015-2-10 07:16:28 | 只看该作者
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
回复 支持 反对

使用道具 举报

不帅 该用户已被删除
6#
发表于 2015-3-1 05:46:13 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
回复 支持 反对

使用道具 举报

若相依 该用户已被删除
7#
发表于 2015-3-10 13:05:34 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。
回复 支持 反对

使用道具 举报

愤怒的大鸟 该用户已被删除
8#
发表于 2015-3-17 08:10:31 | 只看该作者
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
回复 支持 反对

使用道具 举报

admin 该用户已被删除
9#
发表于 2015-3-24 04:31:46 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表