编写技术文章的一些心得

用 IE 打开各自的站点，从头向下看，乍一看两个站点格局类似--毕竟是竞争对手嘛，连主色调都有些雷同。先引起我注意的是淘宝首页的主导航条，居然是图片做的(分别是“我要买”、“我要卖”、“我的淘宝”、“社区”这四个)，而且，那几个图片看起来也不是很漂亮，尤为严重的是，鼠标移到图片上看看，哦，很不好，没有用到 "Alt" 这个对图片非常重要的HTML 标记。这对搜索引擎来说，不是很“友好”。看看易趣，主导航条处理的还算不错，看上去舒服一些，当然了，也是用图片做的(有趣的是，易趣的导航条如果不用图片也能做出来一样效果的)，不过鼠标移过去可以看到图片的说明(导航条的图片用了 "Alt" 标记)。从这一点来说，易趣的页面设计似乎稍稍强那么一点点。

在易趣站点导航条的上方，我看到了站点地图(Sitemap)，找遍了淘宝的页面，我没有发现这个比较重要的站点内容。一个精心制作的站点地图对来访的用户和来访的搜索引擎机器人来说，都是很有参考性的。

既然前面说到了 Alt 标记，不妨接着看看这两个站点整个页面对图片的标记情况。通过 Mozilla Firefox 的 Pageinfo 工具，淘宝的页面内共有图片 80 个(会有一点点误差)，不过只有 4 处用到了 Alt 标记。易趣呢，61幅图片，设置了 14 个 Alt 标记，但有内容的只有 7 个。另外一半的标记内是空的。这里所说的两个页面时间以 2004年12月13日22:00 为参考。检测工具是 Firefox 1.0。

上一步的比较我用了 Firefox ，需要说明一下各自在 Firefox 里的显示情况 的是，易趣在页面在 Firefox 中有了不好的表现：无法正常显示。页面出现了变形。估计是设计的时候没有针对不同的浏览器进行测试，也反映了页面代码设计的结构不太好。而淘宝的页面在 Firefox 浏览器中显示良好。得了一分。

通过 Pageinfo 工具我们了解到，淘宝的页面编码是 "GB2312",而易趣用的是 "UTF8"，从这一点上如果要说个谁优谁劣有点牵强，但是要肯定的是 UTF8 的扩展性更好一些，这一点应该也和易趣(ebay中国)前一段时间和 ebay.com 总站进行整合有关。

开始看看这个两个站点的 HTML 的源代码。易趣的站点源代码，哦，居然有好大一段 CSS 在那里，复制并粘贴到写字板中，居然有 1,693 字节之多。对于一个大型电子商务站点来说，这个是大忌！想想看，每个页面如果能省下来 1,693 字节,那么一天要节省多少流量? 而如果每个页面都要多解析 1,693 字节，无形中会浪费多少金钱呢? 淘宝在这一点上处理的还算可以，页面中没有看到单独的 CSS 段落。

第一， 预早筹划 设计主页未必很艰难。但是这一工作和编制传统的宣传品一样，都需要我们谨慎处理和筹划。也就是说，我们必须首先确定自己需要传达的主要信息，然后仔细斟酌，把所有意念合理地组织起来;然后是设计一个页面样式，接着重复修订。

第二， 尽量精简 主页的作用好比一本书的封面，是为了吸引用户浏览你的网站内容。因此主页的设计应该醒目，切勿堆砌太多不必要的细节，或是画面过于复杂。在主页上清楚列出3项要点，包括机构名称、提供的产品或服务、以及主页内容(其他页面还有什么资料)。切记页面给你的第一印象最为重要。

第三， 尽量简朴 除非是艺术性网站，否则主页的图形力求简朴。避免使用大图片，耽搁用户的等待时间。主页上的颜色最好不超过64种，页顶图象最好保持在大约10KB以下。主页整体要能够迅速传递。如果载入时间超过10-15秒，很多用户就会不耐烦。同时保证你的主页能在次一级浏览器上正常显示。

第四， 善用图像 要设法吸引用户的眼球，主页就要有醒目，新颖的画面、美观的字体。图象内容应该有一定的实际作用，切忌虚饰浮夸，注意合适的图象可以弥补文字的不足。

第五， 使主页易于漫游 主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息，因此应该尽量使漫游过程不费吹灰之力。基于清晰和速度的考虑，主页上的链接项目应只限于几个高级的类别，例如公司、产品、服务、支援等，用6至8个链接项目最为理想。此外，提供的信息不应埋藏在重重叠叠的页面之下，穿越5个以上的链接项目已足以令人厌烦。因此，必须在广度和深度之间求取平衡。如果网站上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页，使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。假若有充足的资源，便应找一位专家来评估设计的主页是否方便易用。并且设法找一些对主页陌生的用户，来试用你的初步制成品。

第六， 提纲挈领 主页一般必须包括以下项目:

标题。此标题必须清楚无误地标示年的网站，标题可以是名称、标语徽号或图象。

电子邮件地址。以便用户及时反馈信息。

版权资料。这是适用于主页内容的版权规定，可以是在主页上标示一句简短的版权声明，用链接方法带出另外几个载有详细使用条款的页面，这样可以避免主页显示得乱糟糟。

联络资料。列出通讯地址、公关或营业部门的电话号码等。

第七， 循环利用现有信息 制作首页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重复使用。很多情况下，只要用少许功夫，就可把这些材料转到网页上使用。

第八， 保持新鲜感 网上的新事物层出不穷，每天都有新花样。如果你的主页从不改变，用户很快就会厌倦。在主页上预告即将有新资料的推出，可以吸引用户再来访问。不妨在页头用大字标题宣布新消息。可以定期更改主页的图象，和主页的式样。趣味性的事项可以持续更新。同时，为保持新鲜感，应该时刻确保主页提供的是最新信息，将更新主页信息的工作纳入既定的公关及资料编制计划内。确保链接运作正常。

第九， 贯彻诺言 做不到的事情，千万不要轻易承诺。切勿随便叫用户作出回应行动，例如要求用户填交订货表格，除非你已制定好处理这些订单的方法和交货程序。如果在网上列出联络电话，就要确保能够迅速解决来电者的问题。

第十， 吸引用户浏览 为吸引用户来访问，必须使主页易于寻找。通知其他网站(题材相关的网站)，做链接。安排自己的网址列在所有相关网址目录、索引、查找程序页面中。尽量将网址传播出去。