网站设计理论

侠盗/Paulau 整理的资料 全部文章为网上转载

第 1 页/共 31 页

制作主页的五十个秘诀

制作主页的五十个秘诀

1.让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很

简单的办法是提供相互参与———让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答

他们的参与，如每周抽奖或给予下载一些东西的机会。

2.对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有

怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。

的某个地方，或者作为到荣誉页的一个连接。如果做得恰到好处，可以鼓励新的访问者并使他们放心相

反，要是做得不合适，就会被认为是自我吹嘘，而真正的内容反而处于次要地位。

6.忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述，

在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是文字并不是大多数 Web 版面的

主要组成部分———即便是页面上的文字比其他元素多，也常常是其他组成部分(图像、超媒体连接)被

认为比单纯的文字更重要。

7.结构至关重要。网页可能会看起来是二维的，但不应如此理解。印刷页面的原有结构在 Web 已不复存

在;写作者得着重于文件以可见的方式表现出来的结构，因为它可能已具有更微妙的交流功能。

逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情，因此读者希望最好能尽快得到结果。

要是开始的时候在脑子里没有一 个相当明确的结构，那几乎肯定会以一团糟而告终。开始时谨慎一些，

然后不停 学习，不停地改进。卸载一些你喜欢的页面，核对 HTML 源文件看它是怎样写 的:把它全部

过程。

项要是太少， 访问者会觉得没意思，要是太多又会吓倒别人。

12.要是页面包含的内容信息量大，在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来

侠盗/Paulau 整理的资料 全部文章为网上转载

第 2 页/共 31 页

布局

14.别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流 览器不能很好地显示斜体字，

也不能补偿由于字母倾斜引起的空白变化。

15.利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影 象地图指引主要连接，使你

的页面能吸引人和容易阅读。

16.不要在每一页使用风格不同的图标。

17.不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点———它 们较小并能为列表项增加色

彩活力(并能用于彩色列表)。彩色分隔条也能在不扰 乱带宽的情况下增强图形感。

18.对用作背景的 GIF 要谨慎。它们可以使一个页面看起来很有趣，甚至很 专业;但是装饰背景很容易使

20.也可以在分隔条上使用 ALT 标记，这样就使得使用基于文本的流览器的 读者能看到一些更有趣的东

西，而不只是一条直线。

21.不要把重要的内容放到页尾———有些读者可能不会往下看那么远。

22.不要让什么东西看起来象是一个按钮却不起按钮的作用。

23.应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。

24.使用交织 GIF 和 Jpeg。因为交织图像是分级显示出来的———首先以很 低的分辨率显示，然后逐步

(实际上并非如此，但这是一种 有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样，如果

他们不 喜欢或不想看的话就有机会中断传输或转向别的地方。

让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图

像，高度和宽度很重要)。

26.当然，可以用 Lowsrc 提取你想要的任何图像。一条双色的\"请等待下 传\"的信息可能只占几百字节，

同时由于图像是存在浏览器的缓存区，因此可用 \"请等待\"信息代替所有画面。当图像平静地消失于背

景之中的时候，读者可以悠闲地浏览你的网页。

27.可以在一个 HTML 元素内嵌入一个连接，如:

＜H1

其他 HTML 元素嵌入一个连接。下面这样的结构是正式 的 HTML 规定禁止的，并可能在大多数最新的

浏览器下不见效果: ＜AHREF=\"Destination.html\"＞＜H1＞Myheading＜/H1＞＜/A＞

侠盗/Paulau 整理的资料 全部文章为网上转载

第 3 页/共 31 页

的范围要少于一页，这样就还看 得见上一个窗口的部分内容。任何比这更大的移动都会让人迷失方向。

30.要不然就把一个长文件分成几个子文件，在主页给予连接。不过要记住

子页可能会成为死页———有时候命中率要低于 10%。做得聪明一点，给读者一

个很好的理由装入子页或给他们一个很好的理由浏览它。

31.如果页面很多，在主页给出一个内容列表或目录显然是个好办法。不要 非得作成那种常规的、令人

出来的容。

32.要是你必须把所有的内容都放在一个文件里面，使用一个内容列表，从 表的项目可直接跳到各部分

页的顶端(或底部)都有一小串图标，第一个回到首 页，第二个回到章，第三个回到节。

35.在页面上应该有一些连接帮助访问者来回跳转。总是以相同的格式把这 些连接放到所有页面上，这

样读者就总能知道到哪儿去找到它们以及怎样使用它

们。

37.连接到不直接相关的文件时使用绝对路径。这样以后要是把源文件移到 另外的目录下就不需更改连

接了。

38.

确保可选择的连接清楚直观———用标题或明显相关的图像来表明它有 什么内容。特别要避免\"请按

这里\"，任何要\"按这里\"的人都会慎重考虑，它 是不是正好就在\"这里\"，并且连接无误。不要让连接

的名称与连接的 URL 相同， 这样会使读者要作的工作增加。

39.Mailto 连接中应把 e-mail 地址作为连接名称。例如，可能有一个人名和一个 e-mail 地址，人名连接到

他的主页，e-maill 地址连接到 mailto。新闻 组连接应当直接用组名。

40.核对 href，不要在页内出现任何没有出路的连接，也不要让连接落掉。

通则

43.在页内告诉读者如果他们在自己的主页内设置一个指向你的连接你不会 介意，并表明你也同样会设

的网点的访问。

44.联机时间是昂贵的，而访问者的注意时间之短是众所周知的。想办法告 诉读者下传要用的时间——

到最少，指出你会给出 FTP 地点或提供到其他页的连接，读者会欣赏你的这种做法。

侠盗/Paulau 整理的资料 全部文章为网上转载

第 4 页/共 31 页

linkhttp://my.site.com/ANDNOTurl:http://my.site.com/

在简单查询中也可同样做到，输入

+linkhttp://my.site.com/-url:http://my.site.com/

不存在，好的写作就很突出了。

47.不要忘记为你的主页加一个描述性的标题，当某个人把它保存在自己的热点目录后能知道这里是什么

内容。

设备独立

50.不会有很多读者不能处理 16 位的图像，但是要注意，如果用 16 位(64K 色)或 24 位(1670 万色)的调

色板制作精巧的背景，你可能会发现使用较老的设 备的人只能跳过去。用 8 位图看彩色背景时会降为

可怕的图形。带视卡但 RAM 少于 2M 的 PC 是不能观看图像的。

专业主页设计原则

在任何 Web 站点上，主页是最重要的页面，会比其他页面有更大的访问量。主页对公司收入的影响要比

简单的商务增收方法大的多：主页使公司对外的脸面。在做任何生意之前，越来越多的潜在客户将查看

公司在网上的形象——而不考虑公司是否在网上有真正的商务活动。

为重要。因为您如果不按照这些原则，下的赌注未免太大了。主页经常是第一个（也有可能是最后一个）

吸引并留住客户的机会，在这点上主页和报纸的头版非常相像。所有的主页都应该像报纸的头版那样着

重对待，并有编辑来决定登载重要内容和保证风格的一致性、连续性。

当然，这些只是指导原则，而不是放之四海而皆准的公理。凡是皆有例外，虽然按照这些原则能大

大提高主页的作用，但还需要和具体用户进行交流，学习相关领域的知识，并进行实际用户测试，把不

断反馈的信息融入到开发周期中。如果您的决定和这些原则和这些设计原则不同，您的决定应该建立在

用户的具体反馈之上。

日期时间和数字：

用户需要了解他们看到的信息是当前的，但他们不需要查看每个条目的日期和时间。

1，仅对时间敏感的信息显示日期和时间。

侠盗/Paulau 整理的资料 全部文章为网上转载

第 5 页/共 31 页

不要只用数字表示日期，比如“01/02/03”，它可能是 2 月 1 日，也可能是 1 月 2 日，因为有些国家的习

惯不同。

4，当显示一列数字时，要对齐小数点。

在主页上微小的优化工作，都能减少主页的混乱程度。

--------------------------------------------------------------------------------

繁荣社区：

在主页上，繁荣社区的最好方法是揭示网站有什么能将人们联系在一起的东西。

1，如果网站支持用户社区，例如提供聊天室或其他谈论工具，不要将它们作为一般的链接。

相反，要在主页上列出实际的谈论主题，并提供任何有关日程表。

2，在商业网站上不要提供“留言薄”。

1，在主页上不要直接提供注册链接，而是要解释用户注册的好处。

用户访问网站不是为了注册，但如果理由很充分，他们或许会这样做。但是很多网站在主页上提供注册

链接时，对用户为什么要注册没有任何解释。

2，敏感信息的收集不要过于固执。

--------------------------------------------------------------------------------

个性化：

个性化的主页如果不要求用户做很多的设置或者根本不要求用户做出任何设置操作，就能给用户带

站点的荣誉：

用户访问网站是来看内容的，要避免在主页上塞满了有关网站的无用的赞美信息，或告诉用户您的

网站是多么的伟大。

1，不要浪费宝贵的空间夸赞网站的搜索引擎、设计公司、喜爱浏览的公司或者界面背后的技术。

用户其实不关心这些，这样的条目，您每增加一条，就会增加网页的整体复杂性，并减弱用户对真正内

容的注意程度。如果这些条目链接到其它的网站，还会使用户在这些网站中迷失方向。

2，要控制显示网站获得的赞誉的内容。

绝大多数用户并不关心您的网站已经入选某些人选出的“今日热门站点”之类的内容。但同时，独立的

权威机构发表的赞誉、认证和优秀站点的评价也是一条提高网站可信度的途径。对建立信任度来说，产

品质量或服务的奖项比网站本身的奖项通常更有帮助。在任何情况下，都不要过分强调这些奖项的内容，