警告:本文内容仅为本人猜想,纯属意淫,如有雷同,纯属巧合。

俺记性不好,俺大约记得,02年开始混迹于CSDN技术论坛;
也就是从那年,俺知道了md5不可逆的加密算法;
也就是从02年开始,经手本人的数据库,都会用一次以上的md5加密算法;

打个比方,用户使用“111111”作为密码;
经过md5一次加密后,数据库中记录的密码为“96e79218965eb72c92a549dd5a330112”;
经过md5二次加密后,数据库中记录的密码为“9db06bcff9248837f86d1a6bcf41c9e7”;

很难想象,作为中国互联网技术论坛老大的CSDN,以及作为互联网论坛社区老大的天涯,09年竟然还用明文作为密码?

你们这是想干什么?是想偷我Email,还是偷我QQ,还是偷我的支付宝呀?
阅读全文 …

2011 年 12 月 31 日 吴技术, 吴评论

从三聚氰胺事件,到今天的黄曲霉素超标;

要不是哥还识字,我真会认为蒙牛是中国最大的化工企业之一;

好吧,我承认我错了,蒙牛是一乳制品制造企业;

在保护名族企业的光环下,三聚氰胺事件让蒙牛躲过一劫;

我们给了蒙牛一次机会,蒙牛却没有担负起名族企业的责任;

回顾这些年来,蒙牛的种种是非,我们不禁要问:到底是什么,让蒙牛能够这么牛呢?

很大程度上,我认为是监管部门给了蒙牛如此之牛的底气;

常年凭着民族企业的光环,受到监管部门的特殊照顾,即使丑闻不断,监管部门依然邀请蒙牛参与制定“国乳标准”这个全球最低的乳制品标准。

神马天然牧场,都素浮云,挤出来的是黄曲霉素;
神马尖端设备,都素浮云,还不是一台只会打印“检验合格”的标签打印机;
神马一丝不苟,都素浮云,良心还不如拿去喂狗;

对于这样的企业,只有两种出路:
1.被监管部门清理出市场
2.被消费者清理出市场

 

2011 年 12 月 30 日 吴评论

首先,讲个段子:
很久没去某健身房健身了,因为是老顾客了,今天我直冲跑步机(晚上跑步机空位很紧张的哟);
突然被一个陌生且彪悍的健身教练拦住:“先去登记下,领个箱子号码手牌,把您的包裹和洗浴用品放在指定的衣柜中,再出来健身”。
好吧,我就去前台领了条毛巾和箱子手牌:号码29,于是跑去衣柜处;
尼玛,这不是坑爹嘛,这新装修的衣柜,一排排的箱子都没装安装,哥把皮夹和手机都带来了呢?
更坑爹的还有呢!尼玛29号箱子,里面竟然已经放了它人的包裹了。

故事结束,言归正传:

最近,有关部门突然提出了《北京市微博客发展管理若干规定》,《规定》提出,“后台实名,前台自愿”。微博用户在注册时必须使用真实身份信息。

我在这里要代表大多数网络良民大骂一声:微博实名制?凭什么?

人民公仆要求人民实名制,这就好比明天我到公司,对着老板说:“告诉我,上个月你赚了多少?”
同事肯定会这么问我:你TMD是不是不想干了?

其实老百姓都知道,中国谁最怕实名制?——政府官员呗。
他们的姓名:你是搜索不到的;
他们的财产:你是绝对算不出的;
今天,就是这样一群人让我们搞实名制!我真要大吼一句:你们TMD凭什么?
阅读全文 …

2011 年 12 月 29 日 吴评论

本期有些特别,在这里让大家了解一下各种邮件客户端的市场占有率。
补充:2012年7月更新,微软推出的新的outlook.com域名,整合了Live和MSN邮箱,有和Gmail,Yahoo三分天下之大势,但是对国内163和QQ邮箱,没有任何影响。 

以下两份报告仅供参考!

第一份报告是出自国外的,2009年3月的报告

邮件客户端 市场占有率
Microsoft Outlook 39.83%
Outlook 2000, 2003, Express 33.20%
Outlook 2007 6.62%
Yahoo! Mail 16.19%
Hotmail 15.29%
Apple Mail 7.86%
Apple Mail 3 5.77%
Apple Mail 2 2.09%
Gmail 5.27%
iPhone 4.63%
iPhone 2.0 3.97%
iPod touch 0.60%
iPhone 1.0 0.06%
AOL 3.04%
AOL Desktop 9.1 1.54

下面这份是网上搜索到的2007-2008年度国内Web电子邮箱市场占有率报告

WEB邮箱 2007年 2008年 同比增长
163(126,yeah) 46.1% 42.1% -8.6%
QQ 12.3% 27.6% 124.9%
Yahoo 7.3% 5.1% -30.5%
Hotmail(live) 7.4% 4.9% -34.4%
Gmail 4.0% 4.7% 16.9%
Sina 5.7% 4.2% -25.3%
Sohu 2.6% 1.6% -37.9%
Tom 3.2% 1.3% -59.9%
21cn 1.8% 0.8% -57.2%
139 0.0% 0.3%
其他 9.6% 7.4% -22.6%

QQ凭借着强大的IM客户端在逐渐吞噬国内的Web邮件客户端市场,有望和163一较高下,而无论对免费用户和收费(企业用户)来说,163还始终保持着 Web邮件客户端老大的位置,切遥遥领先,相比之下,Yahoo和Hotmail的浏览速度使得这两个国外头号邮件大亨在国内市场上的占有率是日趋月下, 而Gmail却反而稳重有升,至于Sina,Sohu,Tom,21cn始终角逐在主流竞争的边缘阶段。

虽然以上两份报告数据的准确性有待考证,但通过结合商业电子邮件制作规范和建议<三>中对各客户端对CSS的支持来分析,我们也可以得到一些启发:

随着新版本Office和Windows的普及,低版本的Outlook用户势必会升级,而新版本Outlook2007使用的是Word格式浏览邮件,对Background-image属性是不支持的;

国际上最流行的Web邮件客户端Yahoo虽然对CSS支持较好,但排在第二的Hotmail出于安全性能考虑,也已不再对Background-image少许属性支持;

2011 年 1 月 1 日 吴成果, 吴技术

通过基于许可的电子邮件营销,不仅可以大大的降低营销和推广的成本,更能够直接地、准确地把信息传递到客户手中。

今天我研究的问题是,如何从技术方面入手,制作一个优秀,且同时兼容用户视觉和邮件客户端的电子邮件。

1.选择HTML还是文本(Plain Text)
有人喜欢简单的文本,有人喜欢看丰富的HTML,我们怎么选择?
对于营销型的邮件,建议使用HTML格式来制作(图);

而对于确认/提醒/告知型邮件,建议使用文本或者简单的HTML来制作(图)。

为什么针对这两种不同类型的邮件,采用不同的制作方式,这基于这些原因:
营销型邮件的内容丰富性、多样性;确认型邮件的内容单一性,独特性;
在营销型邮件中,客户会更注重内容的丰富性和视觉效果的美观性;
在确认型邮件中,我们要让客户非常直接的看到确认信息,复杂的内容和视觉效果只会让客户忽略了邮件的主要内容——即确认信息;
(下文将对营销型邮件的HTML制作做重点讨论)

2.基于表格布局+CSS的HTML基本功
功夫分两种,一种至阳至刚,另一种则至阴至柔,张三丰之所以登峰造极,因为其武功底子好,少林基本功扎实,才悟出这道即能至阴,又能至阳的太极拳。
HTML的邮件也是如此,我们知道,当今邮件阅读客户端有很多种,传统的Outlook,Thunderbird,Lotus Notes,以及在线的Mac Mail,Gmail,Hotmail等,对邮件的解释都会不同,大多数在线邮件系统会屏蔽掉<head></head>标签之间的代码。

要让所有用不同客户端的用户看到的邮件相同,这就要非常好的掌握好HTML的基本功。有人说DIV+CSS,有人说是SEO标签语义化,不可否认作为一个网页开发人员,能有这两种时下流行的HTML开发思想会很吃香,但是,这并不适用于邮件制作。我们的目的是让客户在不同邮件客户端下看到相同的信息内容,这就用到一个最原始的排版方式:表格布局+CSS。让我们看下时下邮件客户端对HTML和CSS的支持(图):

*Hotmail能解析<body></body>间的<style>,但同样屏蔽<head></head>间的<style>

3.做HTML邮件时,就要着重注意以下几点:

  1. 把样式写入HTML标签内部,不要独立在某个外部文件中,也不要写在<style></style>间(图);

  2. 给每一个有内容标签内部都加上CSS,即使重复和繁琐
  3. 不要用CSS来对HTML元素标签定位;
    用绝对大小(像素)和相对大小(百分比)相结合的表格嵌套方式来定位。
  4. 不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)
    绝大部分邮件客户端会屏蔽Flash和Javascript,以及一些特殊标签和属性;
  5. 不要使用背景图片
    background-image属性在多数在线邮件客户端会被屏蔽,在Gmail中,你看不到任何的background图片;
  6. 给每张图片都指定宽和高以及Alt属性值;
    图片的src属性一定要用绝对地址:
    正确:<img src=”http://blog.54575.com/logo.gif” width=”300″ height=”160″ alt=”好好活=有意义” />
    错误:<img src=”logo.gif” />
  7. 重要的内容请不要用图片标示
    展览会的时间,地点,内容等信息是非常总要的,考虑到图片可能无法显示,这些内容不建议放在图片中显示;
    即使放在图片中,也请在邮件内容中以文字形式表示出来,并给把内容加入图片的Alt属性中。
  8. 使用统一的utf-8编码;

4.邮件的宽度,650px?还是600px?
我们都知道,时下网页的宽度标准是950/960px,这取决于我们的显示器分辨率;
而电子邮件经常是通过两种途径打开,软件客户端和在线客户端,这两种邮件客户端(图)。
*Microsoft Outlook 2003

*网易163邮箱

由图可见,邮件往往并不是全屏显示的,
如果延续使用网页的960/950px标准宽度,则势必会造成邮件一部分内容被遮盖住,这样,就产生了横向和纵向的两个滚动条,不方便于客户浏览;
而太窄的宽度又会造成空间的浪费(图)

那么,对于HTML邮件的宽度,到底定在多少才是最佳的呢?我们首先来参考下几家知名企业HTML邮件制作时所用的宽度:

网易有道:600px

QQ会员:650px

Dell家庭与办公:650px

Cisco Webex: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×2×2×2×2×2×10
当邮件的内容被分成3栏时候,650px可以分割成X+10+Y+10+Z,同样的,X+Y+Z=630,630恰好又能被30整除,630=3×3×7×10
为什么要这么分解,请查阅网页栅格化研究
这就是我选择650px而不选择600px的原因。
当然,这仅仅是我个人定的标准,还未成为全球统一的标准,但我希望有一天这个宽度能被绝大多数的HTML邮件制作者和接受者所认可。

2011 年 1 月 1 日 吴成果, 吴技术

上一篇,从营销型邮件和确认型邮件开始,对HTML邮件的制作中,在技术方面需要注意的问题做了简单的叙述。

在内容上,上一篇更适合技术人员看,而在本篇中,讨论的内容,略微偏向于市场和营销人员。

1.统一的风格的页眉(页脚)

两条深蓝色的荧幕边是如此简单,让我们立刻就能想到一个全球知名的品牌IBM。

EDM是一项长期营销的过程,无论是大企业,还是小公司,在EDM营销过程中使用统一的页眉风格,能更好在客户的潜意识中树立起自己的品牌形象,加深客户对企业和品牌的印象,提高目标客户的浏览忠诚度。

精彩案例:SAP

2.页眉的内容

我们都知道,把Logo放在页眉,但是除了Logos,我们还必须放些什么内容呢?

这是一封漂亮的邮件,但不是一封合格的邮(网易梦幻西游)(由于原来邮件截图已被删除,这里使用的一张新的网友截图《倩女幽魂》)

为什么说Ta不合格,因为在页眉缺少了几个至关重要的文字,我们看看大名鼎鼎的B2C大哥Vancl是怎么做的(改用最新的Vancl营销邮件截图)

“如果无法看到邮件完整内容,请点击此处查看”。这句话很简单,但却非常重要。

由于各种原因,当用户无法正常浏览邮件正文时,这句在邮件顶部的带有链接的说明性文字,是企业给予客户的一种良好阅读体验,也将挽回一部分可能失去的客户;

3.定期性营销邮件,把时间和刊号也加入页眉

时光网(mtime.com)

世界经理人(global sources)

4.订阅、退订以及其他

我们习惯性的把“订阅”,“退订”这些功能链接放在页脚(图,改用新蛋的邮件截图)

其实换一种方式,把“订阅”和“退订”放在邮件页眉又何尝不好呢?

或者我们把订阅放在邮件的页眉 ,而把退订放在邮件的页脚。(缺图)

 

2011 年 1 月 1 日 吴成果, 吴技术

本篇文章综合了网上的搜集资料以及自己的经验,从技术角度出发,对不同邮件接收客户端进行系统分析。

2012年7月更新补充:这里找到了一份最新的邮件客户端CSS支持情况表:
链接在这里:http://www.campaignmonitor.com/css/

1.桌面邮件客户端软件

这里我首先排除了Notes邮件客户端,这个属于IBM的,高端了不能再高端的邮件客户端,视乎只适合发送Plain Text邮件,其安全性绝对是最强的,当然,这是在牺牲了所有兼容性后的,在Coca-cola等N百强企业中我们能常见。

AOL的桌面软件也被我排除了,在亚洲地区和欧洲地区,几乎没人用,而美洲的用户也不多,所以这次讨论我也把Aol桌面邮件客户端排除了在外。

接下来的范围就包含了如下软件:
Outlook 2003/97(Windows平台-Office 2003/97) 【国内最常用】
Outlook 2007(Windows平台-Office 2007)
Windows Mail(Windows平台-自带)
Mac Mail(Mac平台-自带)
Entourage 2004(Mac平台-Office 2004)
Entourage 2008(Mac平台-Office 2008)
Thunder Bird 2(Windows/Mac/Linux平台-Mozilla)【兼容性最强,Linux平台必备】

Style Element OL 03 OL 07 Win-Mail Mac-Mail Ent 04 Ent 08 T-Bird 2
<style> in <head>
<style> in <body>
Link Element
<style> in <head>
<style> in <body>
CSS Selectors
e
* ×
e.className
e#id
e:link
e:active, e:hover ×
e:first-line ×
e:first-letter ×
e > f × × ×
e:focus × × ×
e+f × × ×
e[foo] × × × ×
CSS Properties
background-color
background-image ×
background-position ×
background-repeat ×
border
border-collapse ×
border-spacing × × × ×
bottom ×
caption-side × × × × × ×
clear ×
clip ×
color
cursor × ×
direction × ×
display ×
empty-cells × × × ×
float ×
font-family
font-size
font-style
font-variant
font-weight
height ×
left ×
letter-spacing
line-height
list-style-image ×
list-style-position ×
list-style-type ×
margin
opacity × × × ×
overflow × ×
padding
position ×
right ×
table-layout
text-align
text-decoration
text-indent
text-transform
top ×
vertical-align ×
visibility ×
white-space × ×
width ×
word-spacing ×
z-index

2.Web邮件客户端
Yahoo (经典老牌在线邮件客户端-可能是全球市场占有率最高的免费邮箱了)
Gmail (新兴的在线邮件客户点-笔者最常用的)
Live/Homtial (微软经典的客户端-可惜在国内市场占有率不高,若不是因有MSN做后盾,估计没多少人会用)
AOL (美洲的市场占有率颇高的一个在线邮件系统)
Apple (苹果在线邮件客户端)
163 (国内市场占有率最高的免费邮箱)
Sina (传统的国内免费邮箱)
QQ邮箱 (凭借的强大IM软件,开始逐渐扩大国内市场的占有率)
由于国内的163/Sina/QQ邮箱都采用了Frame技术,几乎支持除Flash,Javascript,ActiveX,DHTML,Java Applet外所有的标签和样式,所以就不列举在下列表格中了。

Style Element Yahoo Gmail Live Aol Apple
<style> in <head> ×
<style> in <body> ×
Link Element
<style> in <head> ×
<style> in <body> ×
CSS Selectors
e ×
* ×
e.className ×
e#id × ×
e:link × ×
e:active, e:hover × ×
e:first-line × ×
e:first-letter × ×
e > f × × × ×
e:focus × × ×
e+f × × × × ×
e[foo] × × ×
strong>CSS Properties
background-color
background-image × ×
background-position × ×
background-repeat × ×
border
border-collapse
border-spacing ×
bottom × × ×
caption-side ×
clear
clip × × × ×
color
cursor ×
direction ×
display
empty-cells
float
font-family ×
font-size
font-style
font-variant
font-weight
height
left × × ×
letter-spacing
line-height
list-style-image × ×
list-style-position
list-style-type
margin ×
opacity × × ×
overflow
padding
position × × × ×
right × × ×
table-layout
text-align
text-decoration

2011 年 1 月 1 日 吴成果, 吴技术