荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: jam (jam), 信区: Homepage
标 题: web页面设计14要决
发信站: BBS 荔园晨风站 (Tue Dec 1 22:50:41 1998), 转信
Web页面设计十四要诀
综合许多网友的经验和我自己在Web页面实际开发中的体会，对Web页
面的设计与编程提出十四点建议，仅供各位网友参考。首先必须提醒
诸位网友Web页面设计的两大原则：
1. Web页面应该独立于平台。若您使用不同的操作系统 (UNIX、 Win
dows NT或MacOS)、不同的浏览器 (图形界面、文本界面) 、不同的
设置 (监视器分辨率、窗口大小、字体、颜色以及是否下载图象) ，
Web页面应该表述相同的信息。2. HTML是一种内容修饰(content mar
kup)语言，而不是一种页面显示环境，所以应首先注重采集高质量的
信息，然后再考虑利用各种方法来美化Web页面。以下是十四点具体
建议：
1. 文字的颜色和页面背景的选择
不要选用使得页面难以阅读的页面背景，页面文字颜色的设置应与缺
省页面背景相配。2. 避免使用非标准的链接颜色
标准的链接颜色是：未访问的链接是蓝色的，以前访问过的链接是红
色的或紫红色的。这些已经成为网友们一致公认的标准，因此不要将
这些颜色与其他颜色混淆起来，以便网友可以方便地找到他要查找的
信息。3. Java, 动态图象, Image Map
尽量不要设计包含Java 或 Javascript的页面，在测试你的Web页面
之前，去除Java或Javascript显示功能，观察页面的显示结果。动态
图象对于人的视觉有强烈的刺激效果，而过多地使用动态图象会引起
许多麻烦，甚至引起不快。请给访问您Web页面的网友提供一个安宁
的氛围，以仔细阅读Web页面的内容。同样，也应该尽量避免使用<BL
INK>。如果你在Web页面设计中使用了Image Map，最好为那些不能下
载Image的网友提供一个相应的文本版本。 4. 帧
帧(Frame)有时会破坏Web页面的基本构局。对于一些用户来说，将一
个页面分成许多帧常常会导致混乱。例如使用帧后，有时会导致不能
标注(Bookmark)当前的Web页面、URL失效、不能打印Web页面等问题
。用帧设计的页面往往比普通页面下载速度慢，而且帧将本来就很小
的计算机屏幕分割成几个更小的区域，导致阅读困难，使用效率下降
。帧的使用不当甚至会造成计算机出现“内存溢出”的错误。如果你
在页面设计时使用了帧，较好的方法是将帧作为一个可选项，而不是
缺省项。以便那些使用小屏幕或低速网络连接的网友仍有可能访问到
你的页面，而又兼顾其他具有高速网络连接能力的网友访问帧版本的
页面。5. 表格
表格的使用可美化页面，但也会带来附加的网络数据传输量，从而降
低浏览速度。因此，不用表格就可实现的Web页面应尽量不使用表格
。还应注意表格的大小，尽量将大的表格分成几个小的表格，因为表
格只有在所有的表元数据都传输到浏览器后才能被显示在屏幕上。表
格的宽度应控制在460个象素以下，这是普通的“文字处理器”的宽
度。许多网友已经习惯于使用这一宽度的屏幕。6. E-mail 地址
别忘了将你的E-mail 地址留在页面的末尾以便于网友随时和你联系
。简单而有效的方法是使用mailto: youremail .address。另外，最
好将你的E-mail地址完整地写在页面上，因为有的浏览器并不支持ma
ilto功能。有的网页使用CGI表格来收集网友的反馈信息，这比mailt
o要复杂得多，应尽量避免使用。7. 避免使用很长的下拉页面
据统计，大约90%的网友在第一次访问Web页面时没有使用下拉操纵按
钮。因此应该在页首放置最重要的信息和页面导航。应尽量控制页面
的长度，避免使用很长的下拉页面。8. 页面的URL网址最好留在此页
面的页末。
相信诸位网友都有过这样的体会，一个很重要的页面在下载存储至硬
盘后，由于许多图象或链接文件使用的都是相对路径，很难再打开此
下载文件以再现此Web页面。如果在页末加上此页面的URL，我们就可
方便地在WWW上重新定位到此Web页面，并且进一步找到它所包含的其
他链接。9. 导航支持
不要以为网友和你一样熟悉你的Web页面，如果没有导航支持，他们
会难以找到所需的信息。所以你在Web页面设计时需要对信息的组织
结构了然于胸，并将这些组织结构明确地告诉网友，随时告诉网友他
们身在何处，他们能够访问何处。一个好的搜索引擎对用户来说也是
至关重要的。10. 不要使用太多的图象或太大的图象
使用图象时，务必加上ALT、HEIGHT和WIDTH编码以控制图象的大小，
从而便于那些不下载图象的网友访问。据估计，大约40%～45％的网
友在Internet上畅游时并不下载图象。因此，页面设计好后，应在不
下载图象的情况下仔细浏览你的页面，查看它是否适合于这40%～45
％的网友。使用图象时，请尽量缩小图象文件的大小，这可以通过减
少图象的色素或压缩图象的大小来实现。11. 谨慎插入MIDI文件
使用MIDI插入文件可实现在Web上播放音乐，但是网友只能在下载MID
I文件后才可以欣赏。如果你在页面中插入了MIDI文件，你很可能会
减小网友的重复访问率。如果你觉得有必要在你的页面中插入MIDI文
件，请务必注意：挑选比较小的MIDI文件。对于用于Web浏览的MIDI
文件来说，最重要的是文件大小而不是音调、音色等。一般乐器比较
少且节奏比较慢的MIDI文件比较小。在其他页面设计中，应尽量使用
相同的MIDI文件。这样，网友只需从你的Web服务器下载一次MIDI文
件，以后需要时只需从缓存中读取。最好将MIDI文件放在页面的最下
方，也就是放在最后进行下载。这对于提高网友的重复访问率会大有
裨益。12. 尽量不要使用页面计数器(counter)
使用页面计数器会影响页面的下载速度，尤其是图形化的计数器，而
且图形化的计数器并不一定准确。许多网友在浏览Web时关闭了“自
动下载图象”选项，或者在得到大多数感兴趣的信息后即停止下载图
象，这都将影响图形化计数器的准确性。如果你觉得必须使用页面计
数器，应将它放在页面的末行。如果你使用的是图形化计数器，需注
意加上HEIGHT 和 WIDTH 控制参数。13. 页面的设计应偏重于那些经
常访问的网友
不要试图通过夸耀掌握了最新的Web技术来吸引网友。大多数网友关
件，以后需要时只需从缓存中读取。最好将MIDI文件放在页面的最下
方，也就是放在最后进行下载。这对于提高网友的重复访问率会大有
裨益。12. 尽量不要使用页面计数器(counter)
使用页面计数器会影响页面的下载速度，尤其是图形化的计数器，而
且图形化的计数器并不一定准确。许多网友在浏览Web时关闭了“自
动下载图象”选项，或者在得到大多数感兴趣的信息后即停止下载图
象，这都将影响图形化计数器的准确性。如果你觉得必须使用页面计
数器，应将它放在页面的末行。如果你使用的是图形化计数器，需注
意加上HEIGHT 和 WIDTH 控制参数。13. 页面的设计应偏重于那些经
常访问的网友
不要试图通过夸耀掌握了最新的Web技术来吸引网友。大多数网友关
心的是你提供的信息内容和服务质量而不是其他。不要将那些只需一
次性阅读的冗长的介绍材料或其他背景信息放在页首。可将这些信息
放置在页末，然后在页首设置一个页内链接以访问这些信息。在设计
页面时，最好加上链接“页面近期变化”，并且附上页面修改或增加
的日期。这样经常访问此页面的网友都可方便地得知自他上次访问以
来页面的一些最新变化。14. 信息更新与维护
一个Web站点要保持高的访问率就需不断地增加新的Web页面，更新旧
的Web页面，删除过时的Web页面。而Web设计者往往注重于前一点而
忽视了后两点。
--
※ 来源:．BBS 荔园晨风站 bbs.szu.edu.cn．[FROM: 192.168.1.122]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店