成都青藤互动网络文化传媒有限公司-IVYidea

20个漂亮的CSS网站范例

virusG — Wed, 12 Jan 2011 01:12:15 +0000

我们都知道为什么运用CSS开发网站会更好，因此为了免于打扰，我就不多作评论了。如果只想通过欣赏一些很棒的CSS范例获得灵感，那么下面就是20个非常出色的网站。

CSS中的text-shadow属性

virusG — Wed, 12 Jan 2011 01:08:11 +0000

最近我因为要安装 Firebug 1.4 导致我不得不安装了 Firefox 3.5 ,所以很不小心地接触到了Wordpress后台那漂亮的文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发.

首先我们看看wordpress 2.8后台使用了text-shadow的部分(绿色箭头).觉得怎么样?没错,这些都是CSS3属性,而不是图片做成的.

text-shadow是什么?

text-shadow早在CSS2中已经存在,而现在CSS3也准备将他加入其中.并且由于一直以来只有Safari支持这个属性所以我们很少见到真正的应用,直到最近Firefox 3.5对它的支持然重新唤起了人们对它的兴趣.

text-shadow可以支持给文字加上阴影,这样我们在设计时可以利用css3属性增加文字的质感而不用使用任何图片.
目前支持的浏览器有Firefox 3.1+,Safari 3+,Opera 9.5+等现代浏览器(数据可能有偏差).当然IE家族是无法支持的.

接下来看看text-shadow的语法:

text-shadow:color length length length;

color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度阴影模糊半径”
正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上.其中任意一个值可以为零也可为空(将做默认处理)

举个例子:

text-shadow: -1px 2px 3px #ffb69a;

表示X轴方向阴影向左1px,Y轴方向阴影向下2px,而阴影模糊半径3px,颜色为 #ffb69a

一些试验与demo

我做了点小小的试验,做成了一个 Demo页面 .为了让浏览器不支持text-shadow的用户看到阴影效果,请直接看以下截图(有位朋友说那个”火鸟”看起来像”鸡”):

如果你使用的是Firefox 3.1+,Safari等浏览器,那请直接点 Demo演示

为什么使用text-shadow：

可以增强文字质感

可以减少图片的使用,减少带宽支出

随着Firefox 3.5支持text-shadow,不久很多人将可以看到你定义的阴影

不相信?请看看下面的截图,这是对http://tweetcc.com/网站分别在safari 4(win)与Firefox 3.0.11下所进行的截图.很明显在有text-shadow应用下整体文字层次感好了许多.

其他例子

接下来我们继续看看一些有趣的text-shadow下的例子吧,首先看看 vikiworks 用text-shadow来显示程序代码.很多人都觉得这个效果很赞,没错,该网站用的就是css3属性.

参考资料及常见问题

看完上面觉得不够,那么可以参考一下下面的文章：

问题有:

如果使用了blur,也就是定义了阴影模糊半径,会导致页面在滚动时变慢.

请留意:本文章旨在抛砖引玉引起大家对CSS3的兴趣.也比较侧重该属性呈现的效果,所以对该属性的技术性讲解及定义都有所偏差,请原谅.

来源: http://www.ediyang.com/css3-text-shadow-why-and-how/

WEB前端开发规范文档

virusG — Wed, 05 Jan 2011 06:46:46 +0000

蓝色上看到的一篇gollum写的WEB前端开发规范，觉得写的蛮好，很仔细，也比较全面。好的规范，不紧能大大提高开发速度，也非常有利于提高代码的可扩展、可维护性。前段时间也写过一篇关于在开发中，如何、划分文档及分工协作的问题《CSS模块化及多人分工协作》，阐述的比较宽，当然有些并不是死的，不同的团队不同的人有不同的习惯。仅代表自己的观点，也是抛砖引玉，希望能看到更多关于这方面的介绍。

规范目的

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

基本准则

符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.

文件规范

1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;

2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加功能时查找对应页面;

3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;

4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名.

html书写规范

1. 文档类型声明及编码: 统一为html5声明类型; 编码统一为, 书写时利用IDE实现层次分明的缩进;

2. 非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部;

3. 引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:

4. 引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比如jQuery.cookie.js;

5. 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括br (
), hr(

)等; 属性值必须用双引号包括;

6. 充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等; 需要为 html元素添加自定义属性的时候, 首先要考虑下有没有默认的已有的合适标签去设置, 如果没有, 可以使用须以”data-”为前缀来添加自定义属性，避免使用”data:”等其他命名方式;

7. 语义化html, 如标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素;

8. 尽可能减少div嵌套, 如

欢迎访问XXX, 您的用户名是

用户名

完全可以用以下代码替代:

欢迎访问XXX, 您的用户名是用户名

< /div>;

9. 书写链接地址时, 必须避免重定向，例如：href=”http://itaolun.com/”, 即须在URL地址后面加上“/”；

10. 在页面中尽量避免使用style属性,即style=”…”;

11. 必须为含有描述性表单元素(input, textarea)添加label, 如

姓名:

须写成:< p>姓名: < input type=”text” id=”name” />

12. 能以背景形式呈现的图片, 尽量写入css样式中;

13. 重要图片必须加上alt属性; 给重要的元素和截断的元素加上title;

14. 给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能;

15. 特殊符号使用: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;

16. 书写页面过程中, 请考虑向后扩展性;

17. class & id 参见 css书写规范.

css书写规范

1. 编码统一为utf-8;

2. 协作开发及分工: i会根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件, 分配给前端人员实现内部结构&表现&行为; 共用css文件base.css由i书写, 协作开发过程中, 每个页面请务必都要引入, 此文件包含reset及头部底部样式, 此文件不可随意修改;

3. class与id的使用: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id原则上都是由我分发框架文件时命名的, 为JavaScript预留钩子的除外;

4. 为JavaScript预留钩子的命名, 请以 js_ 起始, 比如: js_hide, js_show;

5. class与id命名: 大的框架命名比如header/footer/wrapper/left/right之类的在2中由i统一命名.其他样式名称由小写英文 & 数字 & _ 来组合命名, 如i_comment, fontred, width200; 避免使用中文拼音, 尽量使用简易的单词组合; 总之, 命名要语义化, 简明化.

6. 规避class与id命名(此条重要, 若有不明白请及时与i沟通):

a, 通过从属写法规避, 示例见d;

b, 取父级元素id/class命名部分命名, 示例见d;

c, 重复使用率高的命名, 请以自己代号加下划线起始, 比如i_clear;

d, a,b两条, 适用于在2中已建好框架的页面, 如, 要在2中已建好框架的页面代码

中加入新的div元素,

按a命名法则:

…

样式写法: #mainnav .firstnav{…….}

按b命名法则:

…

样式写法: .main_firstnav{…….}

7. css属性书写顺序, 建议遵循布局定位属性–>自身属性–>文本属性–>其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起. 属性列举: 布局定位属性主要包括: margin　＆　padding　＆　float（包括clear）　＆　position（相应的 top,right,bottom,left）　＆　display　＆　visibility　＆　overflow等；自身属性主要包括: width & height & background & border; 文本属性主要包括：　font　＆　color　＆　text-align　＆　text-decoration　＆　text-indent等；其他属性包括: list-style(列表样式)　＆　vertical-vlign　＆　cursor　＆　z-index(层叠顺序) 　＆　zoom等. 我所列出的这些属性只是最常用到的, 并不代表全部;

8. 书写代码前, 考虑并提高样式重复使用率;

9. 充分利用html自身属性及样式继承原理减少代码量, 比如:

这儿是标题列表2010-09-15

定义

ul.list li{position:relative} ul.list li span{position:absolute; right:0}

即可实现日期居右显示

10. 样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;

11. 背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作;

12. 使用table标签时(尽量避免使用table标签), 请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现, 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} , base.css文件中我会初始化表格样式)

13. 杜绝使用兼容ie8;

14. 用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:

_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’img/bg.png’);

15. 避免兼容性属性的使用, 比如text-shadow || css3的相关属性;

16. 减少使用影响性能的属性, 比如position:absolute || float ;

17. 必须为大区块样式添加注释, 小区块适量注释;

18. 代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化i会统一处理;

JavaScript书写规范

1. 文件编码统一为utf-8, 书写过程过, 每行代码结束必须有分号; 原则上所有功能均根据XXX项目需求原生开发, 以避免网上down下来的代码造成的代码污染(沉冗代码 || 与现有代码冲突 || …);

2. 库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定;

3. 变量命名: 驼峰式命名. 原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun;

jQuery变量要求首字符为’_’, 其他与原生JavaScript 规则相同, 如: _iTaoLun;

另, 要求变量集中声明, 避免全局变量.

4. 类命名: 首字母大写, 驼峰式命名. 如 ITaoLun;

5. 函数命名: 首字母小写驼峰式命名. 如iTaoLun();

6. 命名语义化, 尽可能利用英文单词或其缩写;

7. 尽量避免使用存在兼容性及消耗资源的方法或属性, 比如eval() & innerText;

8. 后期优化中, JavaScript非注释类中文字符须转换成unicode编码使用, 以避免编码错误时乱码显示;

9. 代码结构明了, 加适量注释. 提高函数重用率;

10. 注重与html分离, 减小reflow, 注重性能.

图片规范

1. 所有页面元素类图片均放入img文件夹, 测试用图片放于img/demoimg文件夹;

2. 图片格式仅限于gif || png || jpg;

3. 命名全部用小写英文字母 || 数字 || _ 的组合，其中不得包含汉字 || 空格 || 特殊字符；尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;

4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;

5. 尽量避免使用半透明的png图片(若使用, 请参考css规范相关说明);

6. 运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对应的sprite psd源图中划参考线, 并保存至img目录下.

注释规范

1. html注释: 注释格式 , ’–’只能在注释的始末位置,不可置入注释文字区域;

2. css注释: 注释格式 /*这儿是注释*/;

3. JavaScript注释, 单行注释使用’//这儿是单行注释’ ,多行注释使用 /* 这儿有多行注释 */;

开发及测试工具约定

建议使用Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则:

1. 不可利用IDE的视图模式’画’代码;

2. 不可利用IDE生成相关功能代码, 比如Dw内置的一些功能js;

3. 编码必须格式化, 比如缩进;

测试工具: 前期开发仅测试FireFox & IE6 & IE7 & IE8 , 后期优化时加入Opera & Chrome;

建议测试顺序: FireFox–>IE7–>IE8–>IE6–>Opera–>Chrome, 建议安装firebug及IE Tab Plus插件.

其他规范

1. 开发过程中严格按分工完成页面, 以提高css复用率, 避免重复开发;

2. 减小沉冗代码, 书写所有人都可以看的懂的代码. 简洁易懂是一种美德. 为用户着想, 为服务器着想.

网站开发人员应该知道的62件事

virusG — Wed, 05 Jan 2011 06:32:42 +0000

作者：阮一峰

日期： 2010年11月25日

有人在Stack Overflow上发问，动手开发网站之前，需要知道哪些事情？

不出意料地，他得到了一大堆回答。

通常情况下，你需要把所有人的发言从头到尾读一遍。但是，Stack Overflow有一个很贴心的设计，它允许在问题下方开设一个wiki区，让所有人共同编辑一个最佳答案。于是，就有了下面这篇文章，一共总结出六个方面共计62条”网站开发须知”。

我发现，这种概述性的问题，最适合这种集合群智、头脑风暴式的回答方式了。这也是我第一次觉得，Stack Overflow做到了Wikipedia做不到的事。（难怪它最近挤进了全美前400大网站。）

在我的印象中，关于网站开发，这样全面的概述性文章非常少见，因此也就非常有用。大家不妨看看，62件事情中你做到了多少？

=============================

网站开发人员应该知道的62件事

原文网址：http://stackoverflow.com/questions/72394

译者：阮一峰

一、界面和用户体验（Interface and User Experience）

1.1

知道各大浏览器执行Web标准的情况，保证你的站点在主要浏览器上都能正常运行。你至少要测试以下引擎：Gecko（用于Firefox）、Webkit（用于Safari、Chrome和一些手机浏览器）、IE（你可以利用微软发布的Application Compatibility VPC Images进行测试）和Opera。同时，不同的操作系统，可能也会影响浏览器如何呈现你的网站。

1.2

除了浏览器，网站还有其他使用方式：手机、屏幕朗读器、搜索引擎等等。你应该知道在这些情况下，你的网站的运行状况。MobiForge提供了手机网站开发的一些相关知识。

1.3

知道如何在基本不影响用户使用的情况下升级网站。通常来说，你必须有版本控制系统（CVS、Subversion、Git等等）和数据备份机制（backup）。

1.4

不要让用户看到那些不友好的出错提示。

1.5

不要直接显示用户的Email地址，至少不要用纯文本显示。

1.6

为你的网站设置一些合理的使用限制，一旦超过门槛值，就自动停止服务。（这也与网站安全相关。）

1.7

知道如何实现网页的渐进式增强（progressive enhancement）。

1.8

用户发出POST请求后，总是将其重导向（redirect）至另外一个网页。

1.9

不要忘记网站的可访问性（accessibility，即残疾人如何使用网站）。对于美国网站来说，有时这是法定要求。WAI-ARIA有一些这方面很好的参考资料。

二、安全性（Security）

2.1

阅读《OWASP开发指南》，它提供了全面的网站安全指导。

2.2

了解SQL注入（SQL injection）及其预防方法。

2.3

永远不要信任用户提交的数据（cookie也是用户端提交的！）。

2.4

不要明文（plain-text）储存用户的密码，要hash处理后再储存。

2.5

不要对你的用户认证系统太自信，它可能很容易就被攻破，而你事先根本没意识到存在相关漏洞。

2.6

了解如何处理信用卡。

2.7

在登录页面及其他处理敏感信息的页面，使用SSL/HTTPS。

2.8

知道如何对付session劫持（session hijacking）。

2.9

避免”跨站点执行“（cross site scripting，XSS）。

2.10

避免”跨域伪造请求“（cross site request forgeries，XSRF）。

2.11

及时打上补丁，让你的系统始终跟上最新版本。

2.12

确认你的数据库连接信息的安全性。

2.13

跟踪攻击技术的最新发展，以及你使用的平台的最新安全漏洞。

2.14

阅读Google的《浏览器安全手册》（Browser Security Handbook）。

2.15

阅读《网络软件的黑客手册》（The Web Application Hackers Handbook）。

三、性能（Performance）

3.1

只要有可能，就使用缓存（caching）。正确理解和使用HTTP caching与HTML5离线储存。

3.2

优化图片。不要把一个20KB的图片文件，作为重复出现的网页背景图案。

3.3

学习如何用gzip/deflate压缩内容（deflate方式更可取）。

3.4

将多个样式表文件或脚本文件，合为一个文件，这样可以减少浏览器的http请求数，以及减小gzip压缩后的文件总体积。

3.5

浏览Yahoo的Exceptional Performance网站，里面有大量提升前端性能的优秀建议，还有他们的YSlow工具。Google的page speed则是另一个用来分析网页性能的工具。两者都要求安装Firebug。

3.6

如果你的网页用到大量的小体积图片（比如工具栏），就应该使用CSS Image Sprite，目的是减少http请求数。

3.7

大流量的网站应该考虑将网页对象分散在多个域名（split components across domains）。

3.8

静态内容（比如图片、CSS、JavaScript、以及其他cookie无关的网页内容）都应该放在一个不需要使用cookie的独立域名之上。因为域名之下如果有cookie，那么客户端向该域名发出的每次http请求，都会附上cookie内容。这里的一个好方法就是使用”内容分发网络”（Content Delivery Network，CDN）。

3.9

将浏览器完成网页渲染所需要的http请求数最小化。

3.10

使用Google的Closure Compiler压缩JavaScript文件，YUI Compressor亦可。

3.11

确保网站根目录下有favicon.ico文件，因为即使网页中根本不包括这个文件，浏览器也会自动发出对它的请求。所以如果这个文件不存在，就会产生大量的404错误，消耗光你的服务器的带宽。

四、搜索引擎优化（Search Engine Optimization，SEO）

4.1

使用”搜索引擎友好”的URL形式，比如example.com/pages/45-article-title，而不是example.com/index.php?page=45。

4.2

不要使用”点击这里”之类的超级链接，因为这样等于浪费了一个SEO机会，而且降低了”屏幕朗读器”（screen reader）的使用效果。

4.3

创建一个XML sitemap文件，它的缺省位置一般是/sitemap.xml（即放在网站根目录下）。

4.4

当你有多个URL指向同一个内容时，在网页代码中使用。

4.5

使用Google的Webmaster Tools和Yahoo的Site Explorer。

4.6

从一开始就使用Google Analytics（或者开源的访问量分析工具Piwik）。

4.7

知道robots.txt的作用，以及搜索引擎蜘蛛的工作原理。

4.8

将www.example.com的访问请求导向example.com（使用301 Moved Permanently重定向），或者采用相反的做法，目的是防止Google把它们当做两个网站，分开计算排名。

4.9

知道存在着恶意或行为不正当的网络蜘蛛。

4.10

如果你的网站有非文本的内容（比如视频、音频等等），你应该参考Google的sitemap扩展协议。

五、技术（Technology）

5.1

理解HTTP协议，以及诸如GET、POST、sessions、cookies之类的概念，包括”无状态”（stateless）是什么意思。

5.2

确保你的XHTML/HTML和CSS符合W3C标准，使得它们能够通过检验。这可以使你的网页避免触发浏览器的古怪行为（quirk），而且使它在”屏幕朗读器”和手机上也能正常工作。

5.3

理解浏览器如何处理JavaScript脚本。

5.4

理解网页上的JavaScript文件、样式表文件和其他资源是如何装载及运行的，考虑它们对页面性能有何影响。在某些情况下，可能应该将脚本文件放置在网页的尾部。

5.5

理解JavaScript沙箱（Javascript sandbox）的工作原理，尤其是如果你打算使用iframe。

5.6

知道JavaScript可能无法使用或被禁用，以及Ajax并不是一定会运行。记住，”不允许脚本运行”（NoScript）正在某些用户中变得流行，手机浏览器对脚本的支持千差万别，而Google索引网页时不运行大部分的脚本文件。

5.7

了解301重定向和302重定向之间的区别（这也是一个SEO相关问题）。

5.8

尽可能多得了解你的部署平台（deployment platform）。

5.9

考虑使用样式表重置（Reset Style Sheet）。

5.10

考虑使用JavaScript框架（比如jQuery、MooTools、Prototype），它们可以使你不用考虑浏览器之间的差异。

六、解决bug

6.1

理解程序员20%的时间用于编码，80%的时间用于维护，根据这一点相应安排时间。

6.2

建立一个有效的错误报告机制。

6.3

建立某些途径或系统，让用户可以与你接触，向你提出建议和批评。

6.4

为将来的维护和客服人员撰写文档，解释清楚系统是怎么运行的。

6.5

经常备份！（并且确保这些备份是有效的。）除了备份机制，你还必须有一个恢复机制。

6.6

使用某种版本控制系统储存你的文件，比如Subversion或Git。

6.7

不要忘记做单元测试（Unit Testing），Selenium之类的框架会对你有用。

互联网产品经理常用软件及工作平台

virusG — Wed, 05 Jan 2011 06:29:18 +0000

上期书友会分享了工具，大家发信给我说希望能够写篇博文来分享，PPT还不够他们使。好吧，我再啰嗦一次。我不想和大家具体去讨论一个工具如何如何使用，具体有那些细节功能，我相信，工具只有在亲自使用、体验、完成工作任务才知道是否合适、好用、够用。在这里，我系统的和大家分享一下，到底会用到那些软件、工具、平台，在全局上面有一个了解。工欲善其事必先利其器，好的工具软件可以大大提高工作效率，工具各有优劣，大家按需取之，我分享的主要是 Windows平台。

第一、互联网产品经理的职责范围、能力要求：

其实说工具，首先还是得来了解一下互联网产品经理这个具体岗位的职责、具体从事的工作、职能、以及相关要求。这样才能够知道需要掌握那些软件及工具、平台。我稍微做了一些梳理，总的来说关键职责主要是以下五个方面：

1、市场调研
市场调研是指研究市场以了解客户需求、竞争状况及市场力量（market forces），其最终目标是发现创新或改进产品的潜在机会。形成商业机会、产品战略或商业需求文档（BRD）。

2、产品定义及设计
a)产品定义确定产品需要做哪些事情。通常采用产品需求文档（PRD）来进行描述，PRD可能包含如下信息：产品的愿景、目标市场、竞争分析、产品功能的详细描述、产品功能的优先级、产品用例（UseCase）、系统需求、性能需求、销售及支持需求等。

b) 产品设计是指确定产品的外观，包括用户界面设计（UI，User Interface）和用户交互设计（User Interaction），包含所有的用户体验部分。在大型公司里，PM通常和UI设计师或互动设计师一起完成产品设计，来主导产品功能细节及体验，不过在小公司或者创业公司里，产品经理也许需要全包这些工作。

3、项目管理
项目管理是指带领来自不同团队的人员（包括工程师、QA、UI设计师、市场、销售、客服等），在预算内按时开发并发布产品。其中可能包括如下工作内容：确保资源投入、制定项目计划、根据计划跟踪项目进展、辨别关键路径、必要时争取追加投入、推进整个项目的进展、向主管领导报告项目进展状况等。

4、产品宣介
主要包括和内部同事如老板、销售、市场、客服等沟通产品的优点、功能和目标市场，也可能包括向外界如媒体、行业分析师及用户宣介产品。

5、产品市场
主要是对外的信息传播——告诉外界有关产品的信息。通常包括制作产品数据表、手册、网站、Flash演示、媒体专题以及展会演示等。

6、产品生命周期管理
指那些随着产品经历概念化->发布->成熟->退出市场整个生命周期中的产品管理活动。主要包括的工作有：产品定位、产品定价及促销、产品线管理、竞争策略、建立或收购合作伙伴、识别并建立合作关系等、产品经理和产品市场、BD及市场沟通同事一起完成这些工作。

互联网产品经理的职能，根据公司情况以及业务的不同，不同公司的PM从事的工作也不尽相同，但基本上离不开上图的三种情况，偏产品设计、偏工程技术或者偏市场运营。其次，谈到互联网产品经理的能力，个人觉得挺多的，在目前国内多数互联网公司里对综合素质要求比较高，是个复合型人才的职务。比如说：

沟通能力（跨部门、跨团队沟通非常多）
统筹协调（市场、销售、产品、技术等等多团队协作，需要争取各方资源进行配合）
无授权领导能力（在行政上面不一定有所有部门的直属管理权力）
动手能力（亲自操刀）
学习能力（不会的要赶紧学、而且要快）
商业敏感度（对商业策略的领域、诠释，需要在产品中体现）
注重细节，追求完美（交互设计、用户体验、品牌等等）
日常产品管理能力（产品设计、开发、优化、市场推广、销售等等）
……

第二、选择软件及工具的方法

我个人选择软件和工具主要从以下几个角度考虑：

易上手，操作简单、学习成本低；
输出格式多样，文件方便传阅、协作；
模板较多，出品美观；
配套软件多或与其它软件协作方便；
版本升级较快，厂商持续改进；
与系统或其它软件相互兼任、不冲突；

另外在工作平台方面，主要内容存储、检阅、输入输出是跨平台、终端应用，比如笔记本、ipad、iphone、黑莓、诺基亚、Android等等。

第三、PM常用软件、工具及工作平台

选择了一些常用，好用，够用，而且功能强大的工具，和大家一起来分享。互联网产品经理有个特性，那就是很多资料、文档、邮件、日志是需要移动、并在不同终端进行读取、输入输出的，所以我将这些软件及工具分为软件+平台两块来探讨，先来看看软件：

我进行了一个分类，主要是以下这些：

1、文档数据、思维脑图

Microsoft Office（Word、Excel、PowerPoint） ★★★★★
Mindjet MindManager ★★★★★
Adobe Reader ★★★
editplus ★
Microsoft Office OneNote 笔记 ★★★

产品经理需要撰写大量产品文档，需求说明书、规划、PRD、产品方案、技术建议书、等等。采用目前主流和通用软件协作会比较好，因此首推微软的 Office系列软件，主要是Word、Excel、PowerPoint，包括最常用的模板使用和排版，插入图片、多媒体、表格等等。汇报总结和演示较多会采用PowerPoint。

产品经理要有敏锐的市场洞察力，其中很重要信息是来源于市场调查和数据分析。所以使用Excel进行最基本的数据分析和图表分析是必备技能，如果需要对数据进行多个维度的分析和分类汇总，则数据透视图是必须要使用的功能。

对于会议记录、idea记录、思维脑图、小型项目管理，Mindjet MindManager则是一大利器，条理、结构都很清晰，上手快速、输出格式多。

Adobe Reader用来阅读PDF格式的阅读器，是一种国际通用的标准文档格式，如果需要将文档传送多人阅读，但不希望及做修改、并加密，可以在Word等软件中直接另存为PDF格式，目前很多软件都支持另存PDF。

2、产品原型设计

Balsamiq Mockups ★★★
Axure PR ★★★★★

设计产品原型有不同的需求：
1、概念图，主要表达产品设计概念、理念、基本布局，元素。只有这个需求的时候我推荐 Balsamiq Mockups，它的出品效果是手绘风格，但不能做交互动作。上手快，小图1分钟内容即可搞定，因为它有强大的控件，浏览器、图片、文本框等等都有了，直接拖进去即可，点击查看视频演示。

2、产品原型、交互演示、原型细节设计等。这个时候推荐使用Axure PR快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。Axure (ak shûr)、RP是Rapid Prototyping (快速原型缩写) 。Axure RP 能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。点击查看视频演示，交互实例演示。

还有不少原型制作软件，详细请看我以前写的博文《常用原型图设计工具》。

3、网页设计制作、开发

Photoshop ★★★★★
CorelDRAW ★★★★★
Illustrator ★★★★
Fireworks ★★
Dreamweaver ★★★★★
Visual Studio.net IDE

不知道现在的童鞋还有没有听说过网页设计三剑客（Flash、Dreamweaver、Fireworks），一直是最初网页设计的黄金搭档，并且有非常多的教程。后来被Adobe公司收购，现在我们原型主要采用Axure PR、效果图用Photoshop来设计，制作、搭配Dreamweaver来进行页面效果调试、套用程序。基本上放弃了Fireworks，Flash 动画更少了。

CorelDRAW一直是矢量排版里头的老大，在印刷品排版，图形设计里面用得非常多。每年的活动组织，物料制作基本上少了不它来帮手。同时，它和Adobe一样，也搭配了很多配套软件，基本上是一整套数码多媒体处理平台。

4、演示、动画

Microsoft Office PowerPoint ★★★★★
Flash ★★★
demo-builder ★★★★

微软的PowerPoint是一项非常古老的工具，也非常实用，而且在不断更新。做PPT很简单，但要做好PPT并不简单，有很多的学问，且不单是软件的操作。

Flash在做特殊效果的时候使用，目前除了广告动画，网站特效的话，比较少使用flash了。

产品演示，是日常中必备的一项技能，一般情况下，新产品的发布与演示，以及帮助操作需要做手把手演示。demo-builder本身这个软件没有什么技术含量，在做演示产品的过程中，你可以选择截图自己去场景拼接，或者直接录制屏幕，在事后回放的过程中进行编辑，剪辑。那需要注意的是，一定要保证生成出来的文件比较小，这样用户下载的时候可以很方便的去查，文件大的，可以做loading。

5、项目管理

Microsoft Office Project ★★★★★

Project能够了解和控制项目的日程与利用图表和图示，借助项目向导这一交互式逐步辅助工具还能快速掌握项目管理流程，设置项目、管理任务和资源、跟踪状态以及报告项目信息。使用Excel和Visio生成基于 Project 数据的数据透视表视图、图表、图形和图示。可以很轻松地自定义报表模板，并与其他 Project 用户共享。通过“日历”界面的新增强功能以及增加的三维甘特条形图，创建视觉效果更强。总的来说，利用Office Project能够快速提高工作效率，可以更好地组织工作和人员，从而保证项目在预算内按时交付。

6、流程类工具

Microsoft Office Visio ★★★★★
ConceptDraw Office ★★

完成各类业务流程的流程图、网络图、工作流图、数据库模型图和软件图，模板非常丰富。这些模板可用于可视化和简化业务流程、跟踪项目和资源、绘制组织结构图、映射网络、绘制建筑地图以及优化系统。采用微软的Visio再搭配相关插件，效果会很好

7、测试工具

Firebug ★★★★★
TestDirector ★★★★★

FirebugHTML查看和编辑、Javascript控制台、网络状况监视于一体，可以说是开发人员必备扩展之一。Firebug从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。可以直接在网页上面修改，直接看到预览效果。

TestDirector是Mercury Interactive公司推出的基于WEB的测试管理工具。它能够指导进行测试需求定义、测试计划、测试执行和缺陷跟踪，即整个测试过程的各个阶段。通过整合所有任务到软件测试中，来使整个测试管理工作更有效，并确保客户收到更高质量的产品。

8、同步

SVN ★★★★★
Dropbox ★★★★
Windows Live Sync ★★★★★

svn(subversion)是近年来崛起的版本管理工具，是cvs的接班人。目前，绝大多数开源软件都使用svn作为代码版本管理软件。同时，svn也可以作为文件共享、同步软件，适合团队使用。

DropBox 是一款非常好用的免费网络文件同步工具(当然它也算是一个服务)。当你在电脑A使用DropBox时，指定文件夹里所有文件的改动均会自动地“同步”到 DropBox的服务器，当下次你在电脑B需要使用这些文件时，你只需登录你的账户，所有被同步的文件均会自动下载到B电脑中，同样，你在电脑B对某文件的修改，也会体现在电脑A上，而所有这一切均是全自动的，这样你的文件可以说是随时随地都能保持着最新了。

Windows Live Sync 是微软推出的一款文件同步软件，我们在 Internet 中可以简单方便的同步或共享文件。Live Sync 使用 P2P 方式同步！我们可以轻松的处理最多 4GB 大小的文件。除此之外 Live Sync 也是跨平台的，不论是 PC 还是 Mac 上均可使用。

9、翻墙：

这个请百度一下自行解决，多谢。

10、其它：

Acdsee 3.2 ★★★★★（快速、绿色）
Picasa ★★★★（智能、速度慢）
射手影音播放器 ★★★★★ （自动下载字幕）
KMP ★★★★ （很经典）
Evernote ★★★★

EverNote多样化的笔记本功能，可在电脑上更方便、更具创意地进行资料整理、文献储存和随笔记事。在熟悉了 EverNote后，像是桌面便利贴、一般记事本、网页撷取储存软体、日记本、记帐本软体等等，这些其它一般的免费记事、资料存取类软体都可以在电脑里消失了，因为EverNote将可以在大部分的功能上取代他们。

其次，根据互联网的行业性质，很多程度上决定了日常使用的工作平台基本上就是浏览器、邮件、IM、内部沟通平台等等。

1、浏览器

Firefox ★★★★（Google有援助的浏览器，插件非常多，自定义功能强大、个性）
Chrome ★★★★★ （出自Google之手，插件已经非常多了，有赶上Firefox的趋势）
TheWorld（世界之窗）

2、邮件

web

Gmail ★★★★★ （Gmail结合了日历、文档、聊天、通讯录、任务基本上所向无敌了，这么强大的在线产品，不用对不住自己啊，缺点就是很多页面经常性的打不开，无法访问，速度慢的像蜗牛）
163 ★★★★（速度非常快、国内老牌产品了，目前有自己的客户端，同时也整合了聊天、微博等工具）
QQ ★★★★ （邮箱中的后起之秀，速度很快，绑定了QQ客户端）

客户端

Foxmail ★★★★ （国内优秀邮件客户端，已经被腾讯收购）
outlook ★★★★★ （微软大作）

目前收发邮件有2种方式，一种是采用客户端、一种是web端。习惯不一样，速度不一样，整合的产品不一样，看大家的各自需求。

3、日历、任务

Google Calendar ★★★★★ （推荐使用）
Remember The Milk ★★★★★

4、通讯录

Google Contacts ★★★★★ （推荐用这个，可以在手机端同步通讯录）
163 Contacts ★★★
Hotmail Contacts ★★
Yahoo Contacts ★★

5、其它

IM （QQ+Msn+Gtalk） ★★★★★ （不同公司有不同需要，比如腾讯就用QQ，网易就用POPO，阿里就用旺旺、移动用飞信）

最后，思考一下。软件、工具、工作平台有非常之多，形形色色、功能多种多样、有简单的有复杂的。怎么样去选择，上面已经说了很多方法和具体工作应用。但最根本的还是选择合适自己公司、个人的。就如中国古代十八种兵器，样样厉害，各有所长。没有最好，只有最合适，按照具体情况和需求，决定采用什么工具。

来源：http://hx.okvi.com/?p=1418

精选15个国外最流行的CSS框架

virusG — Wed, 05 Jan 2011 06:26:16 +0000

CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。虽然对于小的WEB开发项目来说，CSS框架并不一定适用，但是对于规模较大的团队开发项目而言，CSS框架不仅能加快设计开发速度，而且还能有效解决网站改版中带来的诸多麻烦和问题。这里推荐的15款CSS框架是现在国外最流行的CSS框架，希望能对你的开发有所帮助！

例如：

typography.css 基本排版规则
grid.css 基于网格的布局
layout.css 通常的布局
form.css for 表单样式
general.css 更多通用规则

1 . Elements CSS Frameworks

CSS Frameworks

Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架，它有自己的项目工作流。它拥有你完成项目所需的所有东西，这也让你和你的浏览者感到愉悦。阅读概述了解更多。

2 . YUI Grids CSS

CSS Frameworks

YUI Grids基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。这个4KB的文件可提供超过1000中页面布局组合。更多信息

3 . YAML CSS Framework

CSS Frameworks

Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 Internet Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。

4 . Blueprint CSS

CSS Frameworks

Blueprint 是一个CSS 框架，它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目，BP由一个易用的网格、合理的布局和一个打印样式。

5 . Schema Web Design Framework

CSS Frameworks

Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。与为每一个新的网站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始并立马让你的设计跑起来。

6 . CleverCSS

CSS Frameworks

CleverCSS是一个用于css的受Python启发的小型的标记语言，它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法：它基于缩进而且不单调。虽然这显然违反了Python的规则，它依然是组织样式的很好的主意。

7 . Tripoli CSS Framework

CSS Frameworks

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准，Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

8 . ESWAT Web Project Framework

CSS Frameworks

ESWAT正在重新整理。如果你是冲着我的网站框架来的，那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。

9 . Boilerplate CSS Framework

CSS Frameworks

作为BluePrint CSS的原作者之一，我决定把我的思想重新整理到一个赤裸裸的框架，它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。

10 . WYMstyle CSS Framework

CSS Frameworks

WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。

11 . Content with Style Framework

CSS Frameworks

Content with Style下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。

12 . Logicss Framework

CSS Frameworks

Logicss 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”)，排版支持文本字体大小调整(使用EMs) 和垂直居中，符合可定义的灵活的布局网格利用css代码生成工具。

13 . That Standards Guy CSS Framework

CSS Frameworks

That Standards Guy只能调用单个样式文件，主样式需要取得 CSS认证(WCAG 1.0)；跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac； IE Hacks使用独立文件；快速创建模板；框架中提供少量注释/实例演示，可以节省时间来理解。

14 . 960 Grid System

CSS Frameworks

960 Grid System是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果，基于960像素的页面宽度。它有两种类型，12和16列，他们可以独立使用或是协同使用。

15 . Emastic CSS Framework

CSS Frameworks

Emastic 是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的网站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

提高编写CSS代码效率的10个习惯

virusG — Thu, 04 Nov 2010 14:36:23 +0000

1、保持一贯性。
就像其它的任何事一样，值得一直保持一贯性。保持连贯性，而不是想到什么就给id和class命名什么。

CSS的级联样式有利于加深你的记忆，而且充分利用样式的继承去设置样式表。

首先声明通用的部分的样式，然后继续声明不通用的。这样当你需要的时候更容易的去覆盖一个特定的样式。因为样式更易于阅读和更具逻辑性，你会发现编写CSS更迅速。
使用一种最是适合你的方式。
复位和覆盖
链接和类型
主要布局
二次布局结构
表单元素
杂项

2、注释标题，日期和签名
当样式被重写的时候遇到问题，可以很方便的找到是原始样式的编写者。当设计模板或者主题的时候这也是一个很好的习惯。

稍等…什么是swatch colors（色板颜色）？根据多年的经验，我发现在样式表中添加通用颜色的列表注释，在开始编写代码和以后的维护代码都是好非常有帮助的。
节省了你打开photoshop来取色的或者打开网站的风格指南文档的步骤。当你需要指定的蓝色，滚动到顶端的注释找到相关颜色代码复制即可。

3、整理出一套模板库

一旦你决定使用一种结构，删除不是多余的部分留下主框架并且保存一个通用样式模板以备以后使用。

同时你可以保存多种版本的模板已适应不同结构的网站。

如：2列布局、博客布局、等等…。Coda(苹果系统下的编辑器)http://www.panic.com/coda/ 有很强的编辑功能，让你的编写代码更加容易。其它的编辑器也有类试的功能，只要使用相同的批处理文件，就会工作很nicely。

如果每次都从头，尤其每次以相同的习惯和方法写一遍样式，会让人很抓狂。

4、使用有用的命名规则

尤其在我声明一个列的id同时将它们命名为col-alpha和col-beta的地方注意一下。为什么不叫col-left和col-right?

时常需要想想将来的编辑。

明年你可以需要重新设计你的网站并移动左右边栏。你不应该因为仅仅改变了位置而去重名你的html元素并重命名你的样式id。

当然，你只需要重新定义元素的左右列的位置并保持这id仍然为#col-left,但是就会产生让人困惑的问题？如果是叫left,不要指望它一直是实现居左的。这样在移动元素以后，不会给你太多的空间的命名方式。

CSS的优点之一就是让内容现实不同风格能力。你重构网站的时候，完全可以只是修改CSS而不去修改HTML。

因此，不要让因为CSS的名字而局限。通过使用更通用的命名约定并保持一致性。

给位置或者样式以固定的命名方式。如命名一个叫.link-blue的class将会让你麻烦不断，当客户要求你讲链接的蓝色改成橘色的时候将会让你的样式变的很凌乱不堪。

因此命名的规则建立在他们是什么，而不是他们看起来像什么。例如，

通用方面：.comment-deta > .comment-blue
约束方面：.post-title > .post-largefont
.comment-deta更通用，.post-title约束更少。

5、使用连字符而不使用下划线

有些比较老的浏览器对取得带下划线的CSS会出现问题，或就是不支持下划线。

因此为了让代码拥有更好的向后兼容性，培养使用连字符成为一个习惯。使用#col-alpha 而别使用 #col_alpha。

6、避免重复定义

重复的属性尽可能避免重复定义，而需要分组定义元素的属性。如果您的h1和h2元素都是使用相同的字体大小、颜色、和边框等，他们完全和可以合并成组定义。
同时尽可能使用样式的简写方式。时常对一些相同定义的元素进行合并和定义使用简写。

详细写法：

简单写法：

你了解CSS解释中的顺时针上、下、左、右简写方式，这是相当重要。
另外，如果你的顶部和底部，或者左边和右边的属性是相同的，你只需要两个命名。
例子中意思是距离顶部和底部都是1em，距离左右都是0em。

7、优化使样式轻量化。

使用好上边的提示，你才会真正的减少你的样式表的大小。越小越容易加载，越小越容易维护及更新。
尽可能采用分组，删除不需要的样式。

另一种CSS常用简写：当值为零的时候，你可以不指定度量单位。如果边距设置为0，你不用定义成0px或者0em。无论测量单位是什么0都是0，同时CSS是可以识别的。

8、代码基于火狐编写，然后针对webkit内核浏览器和IE浏览器进行调整

首先解决CSS在火狐浏览器下的一些让人头疼的问题。如果CSS在火狐下都有问题，其它浏览器下更可能出现问题。

9、进行验证

请使用W3C的CSS验证器进行验证。如果你坚持认为你的布局没有什么可以修改的时候，你可以使用CSS验证器对找出错误会有很大帮助。

10、保持页面的整洁性

支持单独的浏览器使用单独的CSS独立的样式表，同时javascript需要的样式、服务器端需要的样式、评论的样式。这样就可以避免一些不必要的ie的hack。只有这样才会保证样式的整洁性和可管理性。

原文：http://www.webdesignerdepot.com/2009/05/10-best-css-practices-to-improve-your-code/

从用户满意到用户忠诚

ivy — Mon, 25 Oct 2010 09:57:20 +0000

一．用户忠诚和为什么需要忠诚的用户

1．用户忠诚

首先应明确“用户忠诚”，并不是企业要求用户要做到对企业忠诚，而是当企业以卓越的服务理念，向用户提供卓越的产品和卓越的服务，而感动用户，使用户成为企业的伙伴、朋友，用户自愿地做到对企业的“忠诚”。而这种“忠诚”关系最终受益者仍然是用户。

用户忠诚的含义已在第一章作过介绍，在此不再赘述。根据用户忠诚的含义，用户忠诚表现的特征有以下四点。

再次或大量地购买企业该品牌的产品或服务；
用户向自己的亲朋好友和周围的人员，主动地推荐购买该品牌的产品或服务；
选购同类产品或服务时，几乎没有选择其他品牌产品或服务的念头，自动拒绝其他品牌的诱惑；
发现所购该品牌产品或服务的某些缺陷，或在使用中发现生故障，能做到以谅解的心情主动向企业反馈信息，求得解决，绝不投诉企业。

“用户忠诚度”是定量化的评价指标，可通过“用户满意度”调查的同时获得。

2．企业为什么需要忠诚的用户

原因之一：忠诚的用户是企业经营事业取得成功的基础。企业只有以“三个卓越”赢得用户，得到若干稳定忠诚的用户群，企业经营事业才能成功。如把企业生产经营运作比作一个“大转盘”，其转动次序：首先是“员工满意”，随着转到“用户满意”，进而达到“用户忠诚”，最后是“事业成功”。图2-4是企业生产经营运作以用户满意、用户忠诚取得事业成功转动示意图。

企业为了取得经营事业的成功，就必须不停地转动转盘，周而复始地运作，以便通过用户满意达到用户忠诚，而取得事业的成功。

原因之二：企业有了忠诚的用户，忠诚的用户就可以为企业提供：

更高额的利润；
重复的商业机会；
更高的市场占有率；
对其他用户的推荐；
更短的销售周期。

怎么做企业站？

ivy — Mon, 25 Oct 2010 09:01:30 +0000

Wordpress以其开源易用的特点以及庞大的风格插件数据库支持，当下已经是最流行的博客系统！而博客又是很多企业站推广方法的首选！这两者相结合给Wordpress建立企业站提供了有利优势！

　　用Wordpress做企业站，一般我们在设置里选择使用某一页面(Page)作为首页，在这个页面上添加企业相关信息，一目了然！然后再添加其他一些页面作为企业信息的必要补充，例如联系方式等等！至于产品展示我们则可利用日志功能进行更新，放到其他页面，当然你也可以在首页进行调用，操作都很简单！那么用Wordpress做企业站的好处有哪些呢：

　　第一，当然是免费！程序免费，模板免费，插件免费，除了域名和空间需要花点钱！

　　第二，是其易用性：Wordpress的后台操作非常直观，这也是很多人选择WP建设Blog的原因,站点建设完成后，基本不需要做其他的操作，只需要发布文章的一项功能来进行日常的更新维护工作即可！而且所有的页面内容都可以在后台进行修改，无需要FTP等操作，方面日后一些内容的更新！

　　第三：伪静态支持，不需生成HTML，节省空间资源！ Wordpress在Linux空间下的伪静态功能相当完善，而一些爱好者也针对IIS环境开发出了相应的伪静态插件，这让Windows空间用户也可以很方面的实现伪静态功能，方面以后在对站点修改时，不需要全盘再生成！

　　第四：这是最重要的一方面，SEO支持。对于Google而言, 你甚至不需要提交，也不需要在外面留任何链接，只需要在写日志的时候添加Ping服务器，即可收录！至于百度，也是如此，而且Wordpress的狂热者们更是开发出了各式各样的插件，针对程序进行SEO优化!只需按照自己的要求进行选择即可！

事件营销的定义

ivy — Mon, 25 Oct 2010 08:48:44 +0000

　　一、事件营销的定义

　　事件营销在英文里叫做Event Marketing,国内有人把他直译为“事件营销”或者“活动营销”。事件营销（event marketing）是企业通过策划、组织和利用具有名人效应、新闻价值以及社会影响的人物或事件，引起媒体、社会团体和消费者的兴趣与关注，以求提高企业或产品的知名度、美誉度，树立良好品牌形象，并最终促成产品或服务的销售目的的手段和方式。

　　简单地说，事件营销就是通过把握新闻的规律，制造具有新闻价值的事件，并通过具体的操作，让这一新闻事件得以传播，从而达到广告的效果。

　　事件营销是近年来国内外十分流行的一种公关传播与市场推广手段，集新闻效应、广告效应、公共关系、形象传播、客户关系于一体，并为新产品推介、品牌展示创造机会，建立品牌识别和品牌定位，形成一种快速提升品牌知名度与美誉度的营销手段。20世纪90年代后期，互联网的飞速发展给事件营销带来了巨大契机。通过网络，一个事件或者一个话题可以更轻松地进行传播和引起关注，成功的事件营销案例开始大量出现。

　　(二)事件营销的过程

　　新闻的传播是有着非常严格的规律的。当一件事件发生之后，它本身是否具备新闻价值就决定了它能否以口头形式在一定的人群中进行小范围的传播。只要它具备的新闻价值足够大，那么就一定可以通过适当的途径被新闻媒体发现，然后以成型的新闻的形式来向公众发布。新闻媒体有着完整的操作流程的，每一个媒体都有专门搜寻新闻的专业人员，所以，只要当一件事情真正具备了新闻价值的时候，它就具有了成为新闻的潜在能量。

　　(三)事件营销的特性

　　1、免费的

　　事件营销最重要的特性是利用现有的非常完善的新闻机器，来达到传播的目的。由于所有的新闻都是免费的，在所有新闻的制作过程中也是没有利益倾向的，所以制作新闻不需要花钱。事件营销应该归为企业的公关行为而非广告行为。虽然绝大多数的企业在进行公关活动时会列出媒体预算，但从严格意义上来讲，一件新闻意义足够大的公关事件应该充分引起新闻媒体的关注和采访的欲望。

　　2、有明确的目的

　　事件营销应该有明确的目的，这一点与广告的目的性是完全一致的。事件营销策划的第一步就是要确定自己的目的，然后明确通过何样的新闻可以让新闻的接受者达到自己的目的。

　　新闻事业发展到现在，媒体已经非常精确地细分化了。通常某一领域的新闻只会有特定的媒体感兴趣，并最终进行报道。而这个媒体的读者群也是相对固定的。

　　3、事件营销的风险性

　　事件营销的风险来自于媒体的不可控制和新闻接受者对新闻的理解程度。例如上述的公司，虽然企业的知名度扩大了，但如果一旦市民得知了事情的真相，很可能会对该公司产生一定的反感情绪，从而最终伤害到该公司的利益。

　　(四)事件营销正在国内兴起

　　在国内，“事件营销”这一方式发生威力比较早的例子是两个故事。一个是茅台酒在世界博览会上摔瓶子事件，另一个是海尔的张瑞敏砸冰箱事件。

我国电子商务发展现状与趋势分析

ivy — Mon, 11 Oct 2010 09:10:22 +0000

（一）全球电子商务发展概况

纵观全球电子商务市场，各地区发展并不平衡，呈现出美国、欧盟、亚洲“三足鼎立”的局面。

美国是世界最早发展电子商务的国家，同时也是电子商务发展最为成熟的国家，一直引领全球电子商务的发展，是全球电子商务的成熟发达地区。欧盟电子商务的发展起步较美国晚，但发展速度快，成为全球电子商务较为领先的地区。亚洲作为电子商务发展的新秀，市场潜力较大，但是近年的发展速度和所占份额并不理想，是全球电子商务的持续发展地区。

全球B2B电子商务交易一直占据主导地位，2002年至今，呈现持续高速增长态势，2007年全球B2B交易额达到8.3万亿美元，预计在未来几年将保持40%以上的增长率，到2010年B2B交易额将达到26万亿美元，比2002年增长30多倍。

（二）我国电子商务发展概况

1、我国电子商务的现状

我国电子商务发展呈现典型的块状经济特征，东南沿海属于较为发达地区，北部和中部属于快速发展地区，西部则相对落后。

自2005年以来，我国电子商务市场交易额稳定增长，2007 年我国电子商务市场规模突破17000亿元。未来3年，仍是我国电子商务投资规模持续增长和爆发的时期，我国电子商务投资市场将迎来新一轮的发展高潮。一方面，2007年国家“十一五”电子商务发展规划的颁布标志着政府推动电子商务的总体布局已经形成；另一方面，电子商务在企业的应用成效以及对经济、社会发展的推动作用日益明显。

2007年我国B2B 电子商务交易额约为12500亿元，比2006年增长25.5%。目前B2B 市场的集中度较高，在综合类网站中，阿里巴巴已占近乎7成份额。2007年我国B2C网站总收入约为52.2亿元，同比增长33.5%。B2C是传统企业开展电子商务的主要形式，随着网络购物环境的好转以及企业（特别是大中型企业）电子商务化程度的提升，在总体规模上B2C 将会有一个长足的发展，并成为未来网购的主流。2007年我国C2C交易额约为410.4亿元，同比增长90%；C2C是目前我国网购的主要形式，但普及率还较低，不到网民总数的3成。

2、中央政府促进电子商务发展的政策

中央政府出台了一系列电子商务政策和法规，努力推动电子商务的快速发展，政策和法规具有一定的继承性。

表一：中央及浙江省有关政策

时间	文件名称	内容重点
2004年8月	《中华人民共和国电子签名法》	是我国信息化领域第一部法律。从法律制度上保障电子交易安全，促进电子商务和电子政务的发展，为电子认证服务业发展创造了良好的法律环境，为电子商务安全认证体系和网络信任体系的建立奠定了重要基础。
2005年1月	《国务院办公厅关于加快电子商务发展的若干意见》	提出了加快电子商务发展的五项基本原则：政府推动与企业主导相结合、营造环境与推广应用相结合、网络经济和实体经济相结合、重点推进和协调发展相结合、加快发展与加强管理相结合。
2006年5月	《2006-2020年国家信息化发展战略》	提出了我国电子商务发展的“行动计划”：营造环境、完善政策、发挥企业主体作用，大力推进电子商务；加快信用、认证、标准、支付和现代物流建设；完善结算清算信息系统；探索多层次、多元化的电子商务发展方式。
2007年6月	《电子商务发展“十一五”规划》	进一步明确了电子商务的产业地位，明确了我国电子商务发展的总体目标，同时，还从提高电子商务水平、培育电子商务服务体系、提升企业创新能力和完善支撑环境四个方面提出了我国电子商务发展的具体目标。

3、我国电子商务发展趋势

（1）电子商务的发展环境将不断完善，发展动力持续增强

随着市场经济体制进一步完善，推进经济增长方式转变和结构调整的力度继续加大，发展电子商务的需求将会更加强劲。电子商务将被广泛应用于生产、流通、消费等各领域和社会生活的各个层面。这将促使全社会电子商务的应用意识不断增强，有关电子商务的政策、法律、法规将不断出台，电子商务发展的政策法律环境将不断完善。同时，也促使物流、信用、电子支付等电子商务支撑体系建设更全面的展开，从而使得电子商务发展的内在动力持续增强。

（2）电子商务应用将达到新的广度和深度

随着《电子商务发展“十一五”规划》的实施，电子商务在国民经济各部门中将得到进一步的推广和应用。电子商务交易额呈现稳定持续增长态势；在区域发展方面，长三角、珠三角和环渤海等东南沿海的电子商务在继续高速增长的同时，辐射力也逐渐提高，将促进东部和中西部地区之间的协调发展；在企业应用方面，在国家、各级政府的政策引导下，在电子商务服务业的协助下，将促进企业由非支付型电子商务向支付型电子商务发展、协同电子商务的发展，深化企业应用水平。

（3）电子商务与产业发展深度融合不断加大，加速形成经济竞争新态势

在综合性电子商务网站已经占据综合类B2B领域绝大部分市场的情况下，越来越多的行业电子商务网站已经在综合网站市场之外寻求专业化细分领域的发展。电子商务正在与传统产业进行深入的融合，两者相互促进，协调发展。

（4）电子商务服务业蓬勃发展，逐步成为国民经济新的增长点

随着企业供应链电子商务、国际电子商务的发展，将带动电子商务服务业的发展，围绕电子商务服务形成的从低端技术环节到中端支撑环节再到高端应用环节的电子商务服务链在我国结点饱满，一个全新视角的电子商务服务业群正在形成，将成为未来国民经济新的增长点。

（5）移动电子商务正成为电子商务新的应用领域

2006年以来，移动通讯商，密切关注移动商务企业市场，中国移动和银联联手推出的“手机钱包”，完成移动电子商务付费的个性化服务。基于移动支付的支持，移动电子商务正成为电子商务新的应用领域。

如何打造网站用户的忠诚度

ivy — Mon, 11 Oct 2010 09:06:25 +0000

1.重视用户

重视用户是最基本的要求，而且，站长们应该将这种思想贯彻到网站的所有工作之中，从而建立以服务用户为中心，用户就是上帝的宗旨。

国外著名的价格在线公司(priceline.com)创始人杰伊.沃克认为，虽然因特网是商人的天堂，是数以百万计持有信用卡的消费者的聚集之地，但是，他的公司从不把网民们看作是容易上当的人，而是把他们看作是急于寻找途径壮大自身力量的新人口。

对于个人站长而言，前期的付出与收获是不可能成正比的，在网络风气的浮躁的今天，切勿急于赢利，尤其是针对用户的收费，除非你已确定你的服务能让他们感到信赖，并乐于为此支付。

只要路是对的，就不要怕路远。

能够做到第一点并坚持下来，即使前期的用户数量不是很明显，但你的真诚一但打动了你的用户，成为你的忠诚伙伴以后，成功就只是时间的问题了。

对于社区发展模式的网站，要注意培养写手，核心用户影响着网站的文化，一但关系破裂，必定危及网站的生存。MOP即是明证。

2.提供足够吸引用户的内容

丰富而有趣的内容是吸引冲浪者的必要条件。

再拿国外的亚马逊网上图书举例，它的确效率高、速度快。但是，大量的访问者并不购物，他们不断地访问这个网站，是因为这个网站提供了大量的精彩的书评、畅销书排行榜等内容。在这里，信息不仅是吸引人们购物的一种途径，也是一种消遣。通过简单地对它的资料进行重新包装，亚马逊将信息变成了一种自动的、有用的和有效的推荐手段。这些措施包括按照销售量对书籍的顺序进行排列，根据买主购买的某一卷书确定其他需要购买的书籍，公布在某一地区或读者群中的畅销书，以及它的书评。值得一提的是，亚马逊公司把读者的评论全部张贴出来，甚至是负面的东西。在谈及公司这么做的原因时，公司的总裁贝佐斯说，这是因为亚马逊的业务不是出售商品。用他的原话就是：“我们的业务是帮助顾客做出购物决定。”

提供吸引用户的目的无非就是增加网站对用户的粘性，国内的大多兼职类型网站，仅仅围绕着单一的兼职信息发布，并未向用户提供其他增值服务，比如说简历制作，应试技巧等，这些东西都是许多在校大学生在课堂内无法学到的，他们在业余时间寻找兼职的同时，也必当渴望能够增值自己，如果提供了这样一个渠道的话，即使用户在未找到有相关信息时，他们还是愿意再次访问该访问进行增值。

51.com的CEO庞升东对他们的流量和赢利模式并未感到满意，个人猜测，可能也是和网站与用户之间的粘性有关。

因此，我们应该清醒地认识到，在激烈竞争的网络经济时代，仅仅用廉价的普通信息和不深入的其他服务项目已经不足以吸引用户，有深度的内容加上服务才能最终真正赢得网民的青睐。

3.提供尽可能方便，快速的浏览环境

一个页面呈现的内容逻辑清晰、结构简洁流畅、层次分明、版式清爽页面功能，会让用户浏览起来一目了然，大幅降低了读者的阅读成本，从而有效提升了网民的视觉感受，也是提升用户对网站忠诚度的一个必不可少的途径。

快速的好处就不用再说了。选择一家优秀的IDC服务商对网站的至关重要，如果怕被骗，不仿找一些口碑好一点的IDC。

4.当网站成长到一定阶段的时候，就可以开始做线下宣传。比如聚会，沙龙等活动。

参加线下活动的用户，不仅可以结识非常多的有用的朋友，而且可以传达网站的价值理念，同时为网站赢的良好的口碑宣传。

同时开展线下活动的同时，也可以与更多的商家达成合作，这是一个多赢的策略。

5.向客户提供个性化服务。

当用户能够切身感觉自己是网站的主人时，他们会对网站的维护，发展起着不可忽视的作用，这种力量类似蝴蝶效应般的巨大能量。

6.尊重用户的个人隐私。

在网络上，收集用户的个人数据非常方便。然而，个人数据属于个人的隐私，如果处理不当，不但达不到了解访问者需求的目的，甚至引起用户的反感，将可能造成适得其反的效果。

公司做网站有什么好处

ivy — Mon, 11 Oct 2010 09:02:44 +0000

1、提升企业形象；

2、方便企业和客户更好的通过网络进行沟通和交流；

3、可以全面详细地介绍公司及公司产品，公司服务及公司的成功案例；

4、实现电子商务功能，企业可以通过网站进行在线的产品销售；

5、企业网站还能和潜在客户建立更多的商业联系。

6、可以降低通信、宣传、广告成本；

7、利用网站及时得到客户的反馈信息，及时调整企业的生产、营销策略；

8、增加企业的产品销售渠道；

9、为用户提供更加便利的服务。

活动策划存在的意义

ivy — Mon, 11 Oct 2010 08:58:35 +0000

很多人觉得活动策划存在是多余的，随便找个游戏策划也能写几个活动方案就可以执行活动，并且游戏策划更加了解游戏。因为我也做了一段时间的活动策划，就浅谈一下活动存在的意义，从中自然能了解到活动策划这个职业存在的意义以及游戏活动存在的价值和可开发的潜力。
1、  能较好地营造节日气氛和让玩家开心快乐。活动可以起到短暂时间内聚集人气的效果，在节日来临之际，让大家团圆在一起，开开心心，热热闹闹的，并认识几个朋友便是实施活动的意义。
2、  为公司赚取利润。在一天内调动较多的人上线，或在节假日吸引玩家上线，所有的在线点卡转化成为的自然是白花花的银子。
3、  为游戏提供了新鲜的创意。其实活动策划每天的工作和游戏策划一样，就是在寻找好的创意，比如某一个游戏开发了何种道具、合体功能啦，或者可以制作服装SHOW等等，都是活动策划需要了解和思考的。活动策划把这些创意细化、完善成为活动方案提交给程序后，就会为游戏提供一些新鲜的想法，此类想法既可以做活动来用，也许也可以出现一个新的系统。
4、  挖掘游戏的潜力是活动策划的作用。游戏策划主要在大的方面进行规划，而活动策划则是在小的方面进行挖掘，创造，尽量把游戏的潜力发挥到极至。
5、  活动能平衡游戏的不足。很多游戏某种道具泛滥，获得经济系统出现了问题，其实都可以通过活动来平衡。可是很多游戏却忽视活动的这个很重要的作用。
6、  暂时性地转移玩家的视线和转嫁玩家和游戏间的矛盾。有时游戏进行了大的改动的时候，玩家可能对这些改动一时不能理解，其实这时就能进行一些活动来暂时转移玩家的视线。当玩家关注活动的时候，矛盾会短暂地被忘记了，可能过一两天以后，玩家就可以适应这些新的东西。当然，如果矛盾是根本性的，那活动这个障眼法也不会有什么作用的。
7、  配合市场地推广和促销。充值活动就是一个很好的例子，很好的利用的话，它为游戏带来的利润是非常巨大的。
8、  在无法进行游戏更新的时候，活动策划为游戏添加着新意和活力。因为游戏不能每周都有，但是活动却可以每周都进行一次。
9、  提供更多的宣传点。当一款游戏收费后，它的宣传很大部分来自于线上、线下活动。一个好的线上或线下活动能为市场提供几个甚至几十个宣传点，以此来更好地推广和宣传游戏。而且活动策划人员由于拥有不错的文笔（因为活动策划要写较好的活动介绍），所以可以同时撰写相关的活动软文。
10、增加用户人数。这些主要由线下活动来实现，现今的游戏必然经过线下的推广和活动。进行线下的发奖等活动可以吸引人气，提高知名度及建立巩固的用户群。
11、可以为游戏策划队伍培养人才。活动策划对于一款游戏的熟悉度并不比游戏策划差，因为只有完全熟悉才能因地制宜地挖掘游戏潜力。所以当时机成熟之时，有能力的活动策划也会转型为游戏策划。
因此，要把活动的作用完全发挥出来，自然需要专业的活动策划来执行相关的工作，这便是活动策划存在的意义和自身的定位。
现今的大部分公司的活动策划仍停留在最基本的定位之上，当市场规则和竞争更加激烈和完善之后，活动策划会突显出更加重要的作用。

网络公关

ivy — Sat, 09 Oct 2010 08:02:10 +0000

什么是PR？
PR公关，即公共关系（Public Relations），简称PR；
PR，在IT界有时候代指网络公关职位的专业公关人士，此处并非SEO中的PageRank。

网络公关的兴起缘于因特网和电子商务的发展、网络传播方式较之传统传播方式的创新，以及公关业发展的需要。
我们主要讲相对狭义的网络公关，“网络公关”是指组织以互联网网络为传播媒介，来实现营造和维护组织形象等公关目标的行为。
互联网的兴起，改变了媒介与受众之间的传播关系，同时也改变了整个传播的话语环境，因此“网络公关”应运而生。

网络公共关系就是企业以互联网为手段针对网络公众进行的主体是企业，传播媒体是主要是指互联网，客体是网络公众，网络公关的目的是维护和改善企业形象，提升品牌知名度，以获得更多商机。

网络公关的主体和客体

网络公关的主体，企业主体是网络公关主体组成部分，但不是唯一主体，包括政府等各种社会组织以及个人，统称为网络化的社会组织。而企业网络公关是网络公关发展的动力，是探索网络公关发展的“先锋”。互联网公关手段，从网络公关字面意思上来理解，网络公关的媒介是网络，从技术角度来看，网络包括电信网络、有线电视网络和计算机网络，并且这三种网络中的每一种都是公共关系的重要传播手段，因此，网络公关的媒介不仅包括计算机网络，也包括电信网络和有线电视网络。

网络公关的客体，是网络公众，首先只有经常浏览网页的网络用户也有可能成为网络公关的对象。公关对象是有针对性的目标受众，网络公关也不例外。网络公关的客体就是经常浏览网页的、与网络组织有实际或潜在利害关系或相互影响的个人或群体的总和。网络公关的另外一种作用就是删除负面新闻，删除负面信息。

网络公关是搜索引擎营销时代的产物，企业、组织、个人都可以互联网为传播载体，以增加网络知名度为传播目的的一系列传播活动。正因为网络公关营销具有特殊的主题和客体，运用互联网作为载体，网络公关具有传播的广泛性、即时性、信息长期残留性等特点，因此网络公关具有成本很低、传播迅速、互动能力强的优势。随着网络的发展，从媒体角度考虑，网络公关已成为刻不容缓的事情。

网络互动营销平台初探

ivy — Sat, 09 Oct 2010 07:57:32 +0000

随着网民数量的快速增长、更多的传统行业广告主对网络营销的重视程度进一步提高，预计2008年中国网络广告市场规模将增长至约121.7亿元。

　　网络营销日益受到广告主的青睐，促使其不断摆脱传统网络营销模式，开创新的营销形式，进一步发掘网络营销互动性、精准性和个人化的潜力，近年来兴起的网络互动营销平台正是其中颇具影响力和效果的探索成果之一。

　　网络互动营销平台概述

　　从广义上来看，网络互动营销平台属于网络广告的范围。有专家表示，传统的互联网广告一直没有走出传统广告的影子。虽然网络广告在形式上不断创新，但效果上却一直没有摆脱传统营销的套路。网络媒体的互动性、个性化在这种传统网络广告中并没有得到充分体现。从企业的角度来看，企业进行网络营销的主要方式为企业网站。企业网站是全面展示企业文化和产品信息的场所，但在一定程度上，企业网站的营销并不是很有效，最主要的原因也是因为缺乏互动性。网络互动营销平台正是植根于网络的本质特征——互动性而建立，以多种互动形式吸引网友注册进入平台参与活动，从而达到提升企业形象、促进产品销售等营销目的。网络互动营销平台以充分利用网络的互动性为手段，适应信息时代的社会消费潮流，为网络营销开拓充满生机的崭新领域。

　　虽然发展时间很短，但网络互动营销平台的发展速度却极为迅猛，目前正处于快速发展期。年轻网民是网络的主力军，据中国互联网络信息中心调查显示，截至2007年12月，中国网民数达2.1亿，其中18岁—35岁的年轻网民占61.9%。基于这样的网络大环境，网络互动营销平台的目标受众以年轻网民为主。因此，目前网络互动营销平台的广告主要来自备受年轻消费者青睐的快速消费品、休闲服装、运动品牌、电子数码产品等行业。包括可口可乐、NIKE、蒙牛等国内外众多品牌已纷纷涉足网络互动平台，力求取得销量提升的新突破点。

　　目前网络互动营销平台的建立主要有三种形式。第一种是自身企业网站的下级网站，如“森马奥运主题网”等；第二种是依附于其他网站而建立，即处于其他网站的域名之下。一般情况下，平台与其所依附的网站往往有着某些方面的密切联系，如产品特性、活动内容、活动目的或目标受众等。如康师傅“辣旋风”方便面与爱唱久久网推出的“唱享辣旋风”的网络K歌活动，互动平台建立在爱唱久久网的域名之下，活动内容与网站的性质十分切合。第三种是独立平台，不依附于其他网站，拥有独立的域名。如喜之郎“优乐美”奶茶创建的“优乐美学院”、云南绿A螺旋藻创建的“绿A原生部落”等。

　　在功能方面，与传统网络营销相比，网络互动营销平台不仅能促进品牌推广和产品销售，还具有一项独特的作用：为企业建立用户数据库。这主要是因为网络互动营销平台一般需要用户注册，填写自己的信息，这些数据让企业获得了额外的收获。

　　网络互动营销平台的推广途径

　　网络互动营销平台作为互动活动的主体平台，也需要将其加以推广，提高知名度和影响力，以吸引尽量多的网友加入其中，目前，网络互动营销平台的推广主要有企业网站链接推广、网络硬广推广与网络舆论形态推广等途径。

　　企业网站链接推广。在企业自有网站中以悬浮图标、独立频道等各种形式设置链接，只要一点击，则直接链接至互动平台中。由于链接设置在自有网站中，无需支付广告费，所以这种方式一般具有成本低的优势。但如果企业网站的浏览量有限，这种推广途径的传播率也会受到较大限制，影响平台的推广效果。

　　网络硬广推广。这是最为常用的推广途径之一，即通过在网络中选择合适的网络媒体进行广告宣传并且设置平台链接入口。这种途径一般选择浏览量大、用户与平台目标受众具有相近性的网站或其他网络媒体作为推广平台。以网站为例，大型门户网站一般具有用户数量庞大、影响力大、浏览量大等优势，而垂直网站的受众往往与产品的目标消费者具有较大的重叠性，因而针对性强。如数码产品在太平洋电脑网的硬广推广、小儿保健品在摇篮网的推广等。这种推广途径具有较高的传播度，推广效果明显，但需要向推广媒体支付一定的广告费，特别是某些强势网站广告费是比较高的。

　　网络舆论形态推广。这里的网络舆论形态主要是指以个性化特征进行信息传播与交流、能够形成一定舆论的网络形态，如博客、论坛、QQ群等。这种途径具有广泛、灵活、成本低的优势。如通过在论坛中发帖、在博客中传播信息、在QQ群中发布广告等。传播形式灵活多样，且具有针对性，提高推广精准度。如“优乐美学院”的论坛推广部分就选择其产品代言人周杰伦的多个歌迷论坛进行推广，利用代言人吸引众多歌迷加入平台。同时，通过相互之间的交流，论坛的人气大幅提升，引起更多人关注，极大地提高推广效果。值得指出的是，网络舆论形态不仅可以是推广途径，也可以当做互动平台，比如在论坛或博客中开展互动活动以辅助互动平台。

中国电子商务未来发展趋势

ivy — Sat, 09 Oct 2010 07:50:30 +0000

第一，电子商务的深度将进一步拓展。目前受限于技术创新和应用水平，企业发展电子商务仍处于起步阶段。随着这两方面水平的提高以及其它相关技术的发展，电子商务将向纵深挺进，新一代的电子商务将浮出水面，取代目前简单地依托“网站＋电子邮件”的方式。电子商务企业将从网上商店和门户的初级形态，过渡到将企业的核心业务流程、客户关系管理等都延伸到Internet上，使产品和服务更贴近用户需求。互动、实时成为企业信息交流的共同特点，网络成为企业资源计划、客户关系管理及供应链管理的中枢神经。企业将创建、形成新的价值链，把新老上下游利益相关者联合起来，形成更高效的战略联盟，共同谋求更大的利益。

第二，中国电子商务将面临严峻挑战。电子商务是国际贸易发展的必然趋势，随着国际电子商务环境的规范和完善，中国电子商务企业必然走向世界，这也是进一步扩大对外经贸合作和适应经济全球化、提升中国企业国际竞争力的需要。而随着中国加入WTO，国外的电子商务企业也将渗透到国内，对中国电子商务构成严峻挑战。

第三，电子商务网站将会出现兼并热潮。首先是同类兼并。目前中国为数不少的网站属于重复建设之列，定位相同或相近，业务内容趋同。由于资源有限，并且在Internet“赢家通吃” 原则下，最终胜出的只是名列前茅的网站；其次是互补性兼并。那些处于领先地位的电子商务企业在资源、品牌、客户规模等诸方面具有很大的优势，但与国外著名电子商务企业相比还有很大差距。这些具备良好基础和发展前景的网站要发展，必然采取互补性收购策略，结成战略联盟。由于个性化、专业化是电子商务发展的两大趋势，而且每个网站在资源方面总是有限的，客户的需求又是全方位的，所以不同类型的网站以战略联盟的形式进行相互协作将成为必然趋势。

第四，行业电子商务将成为下一代电子商务发展主流。中国电子商务进入迅猛发展时期的典型特征是风险资金、网站定位等将从以往的“大而全”模式转向专业细分的行业商务门户。第一代的电子商务专注于内容，第二代专注于综合性电子商务，而下一代的行业电子商务将增值内容和商务平台紧密集成，充分发挥 Internet在信息服务方面的优势，使电子商务真正进入实用阶段。

第五，电子商务将催生新行当eASP——电子商务应用服务商。电子商务是将来的主要商务交易模式，但对于国内为数众多的中小型企业来说，将面临如建设投入大、运营成本高、见效周期长、效果不理想、缺乏标准化的应用系统、软硬件需不断升级等一系列难题。有了eASP，中小企业可以把上述问题转给他们解决，只专注于做好自己的产品和服务便可。3月中旬，北京网路科技有限公司宣布推出面向中国商业用户的电子商务服务方案——电子商务直通车；3月20日下午，作为IBM公司在国内支持的第一家基于AS／400服务器平台的eASP，万维商通科技有限公司向业界进行了eASP商业模式发布暨eASP网站的发布。我国eASP的序幕已经拉开。

购物网站用户体验及客户忠诚度的培养

ivy — Sat, 09 Oct 2010 07:41:33 +0000

电子商务购物网站的用户体验不仅决定着在网站成交量的高低，更将决定客户对于品牌以及网站的忠诚度。在CNNIC 最新发布的《2009年中国网络购物市场研究报告》有提及到一点，淘宝网用户市场份额高达76.5%，用户单一度最高，有79.3%的淘宝用户只在淘宝网上购物，并且淘宝网用户忠诚度最高，半年前使用淘宝网的用户半年后还有94.6&的用户继续使用。从这一连串数据当中，我们不然看出，淘宝在用户体验及客户忠诚度的构建方面取得了良好的成效；基于市场竞争之大，如何有效提高用户体验以及用户忠诚度成了众多B2C购物网站深思的问题。

一、网站用户体验的重要性

如今各行各业电子商务的不断发展，除去淘宝这个大市场，电子商务平台的市场竞争日渐加剧，电子商务网站迅速发展过程中所面对的就是网站需要为用户提供一个良好的购物体验环境和过程，比如，用户在与网站接触的过程中存在的安全顾虑，网站信任度，网站复杂、繁琐的操作流程使得用户不能顺利的完成购物等等。以服装、鞋类市场的电子商务网站为例：随着服装、鞋类市场电子商务的开展和竞争的加剧，很多购物类型B2C网站都有一个共同的疑惑：虽然通过各种形式的宣传推广，电子商务网站的访问量有所提高，但是有时成交量却并没有增加。先不考虑各个电子商务网站的产品和服务本身的差异，网站用户体验（特别是初体验）往往是决定客户订单成交转化率的最主要因素。目前电子商务正处于蓬勃发展的阶段，用户的部分需求及体验往往容易成为被忽略的一个因素，而这一因素恰恰是决定一个网站产品服务成败的关键因素。注重用户体验是电子商务业务发展到某一阶段所必需的，一个网站功能的完善以及产品信息的有效传递和表达，直接影响到用户的初次购买决定；比如，像zappos、达芙妮、淘鞋网等这些以销售鞋类商品（包括休闲鞋、高跟鞋、运动鞋）为主的B2C购物网站，根据鞋类购买用户的心理特征，该类用户最可能关注的是鞋的款式（达芙妮、耐克、阿迪达斯等各大品牌认知度已有）、价位、网上售后质量有无保证等，而这些在打开购物网站首页的时候，通过搜索框及导航，将这些信息全面、直接传递给客户；而影响用户购物体验的因素是初次购物流程的跳转以及在某些购物阶段密集且高强度的交互活动，这将影响到用户的再次购买决定：一个购物网站给用户带来的视觉和情感上的冲击则会影响到用户对网站的选择及随后而来对网站的忠诚度。

二、重视客户忠诚度的培养

客户忠诚是从客户满意概念中引出的概念，是指客户满意后从而产生的对某种产品品牌或公司的信赖、维护和希望重复购买的一种心理倾向。客户忠诚实际上是一种消费行为的持续性。

对于购物网站来说，衡量客户忠诚度主要表现在两方面，即客户的保持度和客户的占有率。在客户管理理论里有这么一项原则，即80/20，即能给企业带来80%收益的是20%客户。这一说法用在维系客户忠诚度上一样有效，忠诚的客户群体是一个相对稳定的动态平衡，从来没有永远的忠诚，商家无法买到客户的忠诚，只能增加客户的忠诚。客户在购物网站的首次消费是否顺利，网站服务是否给客户留下深刻印象直接决定了客户的满意度，但是客户满意度与客户忠诚度之间却不是必然的相关，客户满意度只是忠诚度的基础，但并不是充分条件。满意度能够代表用户对以往消费的信心和认可，但是，不能保证用户不会选择其他网站商家的产品。只有让客户表示“完全满意”时，才能表现出忠诚度。因此，购物网站用好会员制营销，对构建客户忠诚度是一个有效的途径，会员vip机制是商家回馈给忠诚客户的让利优惠，也是增加忠诚级别顾客的一种方式；vip机制扮演着物质与情感的双重角色，即物质的价值以及客户情感的归属性（区别于普通客户，一种与众不同的优越感）；此外，网站时刻保持和客户的互动性，让客户在网站里能时刻能够了解到最新优惠资讯等措施（利用广告、即时通讯、专题邮件营销等方式），并与网站形成一种看似表面无关但却紧密的沟通联系。总而言之，客户不仅追求物美价廉，更加追求品牌的物有所值以及首次购物体验后所带来的利益；网站想要培养忠诚的客户群，就必须在这些条件基础上以最快的更新速度满足消费者的需求。在面对网站经营同质化的今天，只有在细分产品定位、寻求差异化经营，找准所谓的20%目标客户的价值取向和消费能力，才能真正培养出“忠诚客户群”。

企业为什么要做网站？

ivy — Sat, 09 Oct 2010 07:28:21 +0000

一个企业是否需要建设网站必须准确的从营销的角度进行定位，必须从市场的角度思考网站建设的需求和目的，任何企业需要的并不是网站，而是通过网站提升销售量、开拓新市场以及增进信息的交流。结合公司网络营销目标及浏览网站的目标人群设计网站。很多公司之所以会开始建设自己的网站是因为其它的竞争对手已经有网站，而忽略这个网站可以带来的效益。如果不清楚这个网站的目标，那也就没有办法真正评估这个网站的效果，也就不清楚对这个网站的投资是否值得。

　　从目前情况来看，我国的网站设计仍然处于较低的水平上。有策划能力、有资格的网站设计公司不多，大多是没有网站设计实力的公司、个人工作室来维持行业的发展，设计价值难以体现，社会上一些散兵游勇式的设计者更是势单力薄，成功的设计作品不多，好的创意设计作品更是凤毛麟角，很多设计从业人员缺少市场营销经验和文化沉淀，相互抄袭模仿现象严重，难有良好的网站设计作品，行业不成系统，上无有规模的研究设计机构，下无健全的行业组织，市场无序，设计产业化进展缓慢。

　　网站测试专家认为网络是一种资讯交换的媒介，而大部分的网站设计者则认为网络是可以传送体验的媒介。资讯的交换及体验的传送都是很重要的，所以客戶的需求是一个可以快速交换资讯的网站或是一个可以传送体验的网站，主要是看公司的型态及营运目标。

　　如果公司的网站是希望使用者可以很快地得到想要的资讯或是完成商品的购买，那就是以提供资讯为主；如果公司的网站是希望传达公司的企业形象，那就是偏重视体验传送。如果要两者共存，是很难做到的，只能偏其中一者而会牺牲另一者。
　　传递资讯的网站：Google是一个专注于提供资讯的搜索网站。如果每一次访问网站使用者都要经过动画首页才能开始搜索（即使这个Flash做得很炫）也没有达到使用者快速得到资讯的需求。那使用者很有可能就使用其它的搜索网站。Google在这方面做得很好，总是很清晰、易懂。启鹅电脑同样秉承这一理念，以客户的实际需求为中心，把用户最关心的体现我室建站实力的网站建设案例置于首页核心位置，右侧文章列表中精心挑选罗列用户最关心的相关资讯及疑难问题等，一目了然。
　　传递体验的网站：Absolut是一个知名的酒类品牌，对于它的消费者，并没有太多资讯想要传递。它的网站主要是要建立一种对品牌的正面感受，然后将这样的感觉转移给进入这个网站的使用者，得到使用者对这个品牌的认知。

事件营销的特点优势

ivy — Sat, 09 Oct 2010 07:14:39 +0000

事件营销1、免费的

事件营销2、有明确的目的

　　事件营销应该有明确的目的，这一点与广告的目的性是完全一致的。事件营销策划的第一步就是要确定自己的目的，然后明确通过何样的新闻可以让新闻的接受者达到自己的目的。　　新闻事业发展到现在，媒体已经非常精确地细分化了。通常某一领域的新闻只会有特定的媒体感兴趣，并最终进行报道。而这个媒体的读者群也是相对固定的。

成都青藤互动网络文化传媒有限公司-IVYidea

20个漂亮的CSS网站范例

CSS中的text-shadow属性

WEB前端开发规范文档

网站开发人员应该知道的62件事

互联网产品经理常用软件及工作平台

精选15个国外最流行的CSS框架

提高编写CSS代码效率的10个习惯

从用户满意到用户忠诚

怎么做企业站？

事件营销的定义

我国电子商务发展现状与趋势分析

如何打造网站用户的忠诚度

公司做网站有什么好处

活动策划存在的意义

网络公关

网络互动营销平台初探

中国电子商务未来发展趋势

购物网站用户体验及客户忠诚度的培养

企业为什么要做网站？

事件营销的特点优势

事件营销1、免费的

事件营销2、有明确的目的

事件营销3、事件营销的风险性