□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□《CBETA E-News 中华电子佛典协会新闻电子报 》□□□□□
│2000-10-25 第十八期 http://ccbs.ntu.edu.tw/cbeta │
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│【 本期专题 】由眼球追踪分析谈起，简介网页设计的几个概念 │
│【 交流园地 】如何在编辑时删去CBETA的Word版标记？ │
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│【 本期内容 】《最新讯息》《专题报导》《心得分享》《交流园地》 │
│ 《网际导览》 │
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│□□□□□□□□□□□□□〉最新讯息〈□□□□□□□□□□□□□│
□□□□□□□□□□□□□□□□□□□□□□CBETA 最新的讯息□□□□
◎输入组
1.持续进行T19-21、T33-55、T85校勘条目输入工作。
2.制作大正藏缺字图档。
3.插入T14经文校勘符号。
◎校对组
1.T51、T52经文校对预计十月底完成。(校对组)
◎网路组
1.T41 ~ T45 上网。
2.协助修改电子报发送程式。
◎资讯组
1.协助缺字处理。
2.XML、DHTML及WebBrowser相关程式之研究。
◎发行组
1.高雄紫竹林精舍推广活动圆满成功。
2.电子佛典光碟Word版经文随选安装程式上网提供下载。
3.文字镜及相关缺字输入解决方案。
◎研发组：
1.缺字处理(查通用字）－－T3T4校勘条目、T50(共336字)。
2.缺字处理(查M码）－－T3T4校勘条目、T50(共336字)。
3.缺字四角号码编定－－CB5588-CB5923(共336字)。
4.缺字部首编定－－CB5588-CB5923(共336字)。
5.缺字笔画编定－－CB5588-CB5923(共336字)。
6.缺字注音查证－－CB5588-CB5923(共336字)。
7.XML档检查－－T50。
8.HtmlHelp版转档後检查－－T46、T48。
9.normal检查－－T46、T48。
10.normal 比对(heaven&xml)－－T41、T43。
11.juan检查－－T50。
12.合并悉昙(siddam)档案 (Word -> HTML -> TXT -> XML)－－T20、T21。
13.标记悉昙(siddam)档案 (XML)－－T19、T20、T21。
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│□□□□□□□□□□□□□〉专题报导〈□□□□□□□□□□□□□│
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
虚幻与真实□□佛教网际网路专题之一
编按：为了迎接明年大正藏输入计画第一阶段的工作即将完成，CBETA 的网
站也将逐步的加以改版，本刊特别制作佛教网际网路专题系列文章，与大家
分享。另外，原本连载的EBTI介绍，因故必需中断，期待明年能继续的为大
家介绍。
「由眼球追踪分析谈起，简介网页设计的几个概念」
李志强
◎眼球追踪分析
在今年五月间，一份由史丹福大学及 Poynter学院所发表的论文(*1)显
示超过四分之三的网页浏览者最先注意的是首页上的文字，而只有两成多的
浏览者先浏览网页上的图片，这项研究的结论造成了许多人的震惊，因为这
和对传统印刷品的眼球追踪研究结果相反：传统的印刷品读者倾向先看图片，
然後才转到文字阅读。
虽然研究的主要对象是新闻站台，但是仍提供我们许多的思考空间，而
最重要的发现，也许就是指出踏实有用的文字对网上读者最具吸引力，照片
与图画跟文字相比，则相差甚远。
在这份研究上网者眼球运动轨迹的分析报告中指出，读者浏览网页的第
一眼中，百分之七十八是落在文字上，只有百分之二十二是落在图片或是其
他型式的呈现上。而也有大部份第一眼看图片的读者随即转向搜寻文字资讯。
一般来说，读者会先浏览标题，头条新闻及相关的结论。而且常常直到
第二次是第三次造访(visit)网页时，才会仔细浏览图片的内容。而实验中
以宽频的网路连接，因此排除了因下载速度而造成的差异。
再则，简洁且切中要点的标题，也是吸引目光的焦点之一，许多的读者
对於此类的标题感到赞赏，而好的导读文章或接引介面也会大大的影响到内
文的点阅机会。
第三，读者习於只浏览短篇的摘要，而不直接浏览全文。而浏览全文时
一般只会浏览其中的四分之三的内容。然而如果和一般印刷品比较起来，这
个数字确是十分的惊人，因为一般的印刷品仅有20%-25%文稿内的文字被阅
读。(*2)
第四、适度的使用照片是最佳的策略，而整合在文稿中或是使用互动式
的图画则能达到较好的效果。如果标题放在图片之中，则有被忽略的可能。
另外还有一点值得注意的，就是使用者懂得卷动画面去寻找有趣的东西，然
而适当的导读则是吸引读者最好的利器。
最後，研究报告中也指出，读者经常开启两个以上的网页，并交互浏览。
(Interlaced browsing) 其中一部份的原因，自然是为了充份利用上网的时
间，然而这也表示读者可同时在不同的网站中浏览以寻求更丰富的资讯，这
一点则是传统印刷品所不及的。
虽然这份报告的研究对象是新闻站台，但是某些结论也适用於其他型式
的站台。Jakob Nielsen(*3)曾指出此项研究对非新闻站台适用上的一些限
制，包括了公司的网站，商业网站及内部网站等等：
一、信任(Trust)：
对於非新闻性的站台而言，信任相形之下较为重要。因此提升可信
度，减少行话、不必要的标语和过份的商业气息变得较为重要。
二、浏览时间(Time)：
大部份的读者会花在浏览其他站台的时间可能较新闻站台为少。因
此更清楚的标题显得十分重要。
三、浏览内容(Words)：
一般说来，除了刊物型的网页之外，读者们较不习於浏览长篇大论，
新闻站台亦是如此，但是其他的站台相对的读者浏览的更少。
由於阅读习惯使然，事实上这项研究的结果在非新闻性的站台上亦可适
用。虽然新闻报导的描述方式(倒金字塔型)和一般文章的内容不尽相同，但
是网路浏览的习惯分析却能带给我们不同的思考方向。不过网站内容性质及
上网读者的行为模式，事实上将会是网页设计的重要依循，这一点笔者将留
在後面再谈。
◎好的网页设计
什麽是「好的网页设计」呢? 这个问题也许见仁见智，笔者并不愿为网
页设计定一个规□，事实上这是不可能也做不到的。如果反过来，提出网页
设计上可能的错误也许较为简单，但是在这儿笔者愿就个人浅见对「好的网
页设计」提出十项简单的大原则供大家参考：
一、时间即客户
Time and Trade Wait No Man!
【下载时间】
快捷而不受时空环境的限制，是网际网路的主要特性之一。一个好的网
站必需顾及网站本身及使用者的浏览效率，因此伺服器的速度、网页下载的
速度、网页呈现的速度等等是非常重要的指标。一个好的网页设计，原则上
会依循30秒40K的限制，但是首页的要求似乎更加严格。
加速下载的时间，不但要考量频宽及档案的大小，也要同时考量上站的
人数。以Yahoo为例，同一时间内有许多来自世界各地的人连上网路查询，
因此如何控制每一页的大小，如何减少伺服器的负担便相形重要。之前台湾
曾发生新网站正式对外公开就因上网人数过多而当机的事情，虽说这是人气
旺盛所造成，但也显示出网站设计时未妥善考量到流量的问题。
一个好的网站在设计之初便应考量流量的问题，并且妥善的管理伺服器
与网页。
【更新】
除了连结的时间之外，资料的更新也是非常重要的一环。好的网站会保
持最新的状态，而不会造成「不生不灭」的情形。过期的网页资料常常会令
读者沮丧，尤其是以每日更新为号召的站台更是如此，而时效性也常常是一
个新闻网站能否成功的关键之一。
对一般的网站来说，让使用者一上站就知道更新了什麽，也是很重要的
事情。
【快速的回应】
除了更新要快，下载要快之外，如果有任何的客户服务或是商务咨询，
回应也应该保持快速。如果读者投书回应如同石沈大海，网站的评价便会受
到伤害。在後段文章之中，我们会提到读者也是参与网站的重要一环。
【快速的维护】
除了上述三项之外，一个好的网站也必需有快速且完善的维护机制。尤
其是流量大且具高商业价值的站台，如果当机一分钟，损失将是无以计量的。
很不幸的，这样的站台通常也是骇客们攻击的主要目标。
由於读者有许多的选择性，也不见得时常上站，有时因为一时的主机无
法正常连结，便会失去他们。尤其是正在执行网际商务行为时，如果发生当
机的事件，伤害将会更加严重。
维护，是网站最重要的课题。
二、显要的提示
【简要的标题】
前文提及，读者浏览时，首要的重点将是充满资讯的文字，尤其以简单
扼要的标题、结论与介绍最引起读者的兴趣，图档在此扮演著较弱的角色(虽
是这样说，但并非表示图档没有作用，有时图片具有非常大的价值)。
读者在五秒钟之内便可决定是否离开(one click away)，因此如何留住
读者的视线将是网页(尤其是首页)设计上的重要前提。
【以导读代替全文】
试著不要一开始就丢一大堆的资料给读者，利用导读的方式将长篇文章
或是产品做一个简介，试著在网站中放上网站的导览，试著将长编的产品介
绍分成几个次项，以超连结的方式以避免读者花费太多的时间在不必要的主
题之上。
【加上提示文字】
一般在应用程式设计时，设计者为了让使用者能更有效的运用，会加上
提示文字，甚至What's this?的辅助说明。而网页设计也应具有同样的功能，
一般来说，使用Img 标记中的Alt 属性，及link标记中的title 属性，便能
达到类似Tooltip 的功能。
【适当的连结标示】
当我们在阅读本文的时候，遇到许多较深的名词或是技术，或是其他的
资讯时，适当的加上超连结，有助於使用者进一步的研究。等等，这原本不
就是HyperText 的用意吗? 没错，但是偶尔我们会看到一大段文字均有超连
结，但因断行或其他的原因，使人分不清究竟是一个连结或是好几个不同的
连结。我们可视超连结为一种特殊的标点符号，在使用上清楚的标明有助於
理解和阅览。
【减少不必要的遮掩】
由於网页科技与浏览器的发展，许多人利用JavaScript等技术制作了许
多炫烂的效果，然而事实上这些效果有时却会对浏览造成干扰。有些网站喜
欢将游标设定成动画图档，或是在游标之後跟随一长串的动态文字，如果这
些效果并无法增加与使用者的互动，笔者建议尽量不要使用。尤其是在阅读
本文时，常常会造成遮住文章的情况，而使得读者必需进一步的移动游标，
有时幌动过於厉害，也会造成读者的分神与不适。
三、有效的连结
【当连结失效时】
有的时候网站的连结会失效，例如档案不存在，连结的站台无法连结上
等等，这都会让读者平白往返於网页之间而造成时间的浪费，因此有效的连
结将是读者评估一个站台的重要指标之一。
目前有许多工具可以替我们检查是否有失效的连结存在，通常发生这一
类的问题，常是设计时不注意所导致(例如使用绝对位址)，或是连结到其他
的站台所引起。前者是设计阶段便可避免的，而後者则可用技术性的方法减
少沮丧，例如提供不同的下载点，不同的镜像站或是提供较多的介绍。
【减少『建构中的网页』】
怎麽又是under construction?
相信读者们也常常有这样的经验，许多的连结点选进去，竟出现建构中
的字样，这是一个常见的问题，却不常发生在大的网站上。如果真的有必要
放置尚未完成的资讯标题在网页上，笔者建议此一标题不要设置超连结，并
直接的在文字旁标示尚在建构中，以免让读者白【连】一场。
【回到首页】
在每一页固定的地方提供回到首页(或上一页)的连结，这也许看起来不
是一件重要的事情，尤其是在使用 frame的网页中，我们可以用其他的frame
来达到这个目的，但事实上这件事却很重要。
我们并非只是单纯的考虑由首页连结进来的读者，还需要顾及使用书签、
浏览记录以及由各式搜寻站台或是其他友站连结进来的读者们。另外，当读
者深入了好几层的连结之後，以最便利的方式回到起点，便相形的重要。
提供首页连结，将是避免读者迷路的好方法。
然而对於使用Frame 的问题，虽然目前的浏览器普遍均支援Frame 的功
能，但是对於Bookmark等等仍会造成一些小小的困扰，另外也可能会造成连
结到内页有关侵权的问题，笔者建议审慎的评估使用。
【清楚的架构】
一个好的网站会有清楚的架构，让使用者在浏览之际不至於迷路或是摸
不著分向，因此适当的分类、标示与连结便成为不可或缺了。如果有一个连
结的标示是「听雨轩」，您会做何感想呢?
清楚的架构是让读者易於徜徉在网站丰富资源最佳的向导。
四、阅读的惯性
网际网路的读者习惯性定律：
「读者花费了绝大多数的时间在其他的网站上，因此他们会预期你的网
站也是如此。」~~Jakob Nielsen(*4)
【延续一般性规□】
延续一般性的规□，意指尽可能的依循大家所习惯的浏览模式。例如在
超连结底下加上底线，用蓝色表示未拜访的连结等等。笔者曾为某佛教单位
设计网页时，发生师父找不到连结的糗事。另外，浏览器是否支援，或是否
需要额外的外挂程式，也是需要考量到的一点。
如果一个网站的首页，所有的连结都放在一个flash 档里，这就表示设
计者放弃了尚未安装相关支援程式的读者。
【阅读的舒适性】
电脑萤幕的解析度较纸本或是一般的印刷品为差，因此如何提供读者舒
适的阅览环境，目前仍是许多专家在努力的事情。在微软提出ClearType 的
方式，提供电子书字型的解决方案之後，Adobe 也提出了CoolType的方案，
明年可望能与大家见面。不过就笔者所知，目前这些方案似乎并不适用於中
文。(*5)在这些方案尚未进一步发展之际，我们难道就束手无策了吗?
当然不是。
传统上我们可以用调和的背景及前景色来减少对读者的冲击，或是调整
字距来增加文字辨识的解析度。例如之前常常见到的中文字元间加半型空白
的方案，或是用红色来标示重大的标题等等。(红色是许多动物的警戒色，
是非常适合用以引人注目的颜色。)
而排版上，尽量减少排出视窗的□围之外而需要移动横向的卷轴，并且
留意在不同的视窗大小或是萤幕解析度下的差别，例如表格的宽度使用相对
的百分比而不使用绝对的长度等等。
如何提升阅读的舒适性是一个很大的课题，现在利用CSS 的技术已经能
有效的呈现出不同的排版格式。另外像是首页适度的留白，而不要放满许多
的资料，也是十分有效的方式。缩排的应用，表格与条列等等，都能让阅读
更有效率。
当然，好的文章撰写是提升阅读舒适性的根本作法之一。
【回到上一页】
网际网路的阅读习惯，传统印刷品有很大的不同，尤其是网际网路的连
结提供了许多的可能性。为了方便使用者往返於不同的网页之间，尽量的避
免无法回到上页的情况发生。(*6)
什麽情况会造成无法回到上一页呢?
一、开新视窗
二、使用自动转址
三、清除快取区资料
其中开启新视窗有时候有其必要性，但就清除快取区的做法，就让笔者
无法理解，难道留住读者的方法，就只能阻断他人的退路吗?
【沿用电脑的使用习惯】
除了沿用网路的习惯与纸本的习惯之外，电脑亦有其特别的使用习惯。
例如，当游标变成手指时，我们会知道这是一个可点选的连结，当游标变成
沙漏时，我们知道需要花费一些时间。一个好的网站，将会沿用这些习惯。
【辅助性的连结】
这儿称为辅助性的连结，是指像【回到页首】或是【下一主题】等等的
连结，有助於读者浏览。尤其是在长篇的全文之中，或是连续性或相关性的
主题时，提供这些连结对读者有很大的帮助。
五、正确与信用
【正确的内容】
正确的内容指的不仅是文稿的内容，也同时指HTML文件的内容。
网路的便利性让我们可以很快的取得资料，但也经常流传著许许多多的
谣言，一个好的网站会避免刊登不实的言论，并负责其社会监督的责任。然
而这个要求对於使用Spider抓取网页内容的部份搜寻引擎而言，可能无法很
容易的执行检核，因此需要建立良好的回馈机制，以减少这方面造成的障碍。
另外，如果网页刊登一则明日大拍卖的消息，但是拍卖却在下个星期才
举行，这个网站的下场大家可想而知。因此提供正确的讯息是网站内容中必
备的要件。
再则，除了内容正确，讯息无误之外，网页的本身也必需是正确的。一
个因发生JavaScript执行错误的网页，可能会使得读者离开，毕竟在您的网
站之外，读者还有许许多多的网站可以浏览。而标记的错误也可能造成乱码，
因此好的网页设计必需要详细的检查以避免这类错误发生。
【信用至上】
不承诺可能无法实践的事情。
这句话也许该反过来说，只承诺可实践的事情。
所谓的信用，即是完成对使用者的承诺，尤其对电子商务站台最为重要。
笔者曾在某站台提供优惠的时限里上网订阅杂志，然而确无法正确的完成信
用卡交易。於是笔者打算利用其他的方式付款，并寄信件给站方的服务人员，
结果连续好几封信都石沈大海，导致优惠期限过期。
对电子商务没有信心是普及电子商务所面临的最大问题之一。(*7)
【网路伦理】
另外，目前流行的电子报订阅系统，也曾经因为网路垃圾信件的影响，
造成读者不愿意订阅，深怕因为订阅此类的电子报而将个人的资料外流，产
生不必要的困扰。由此可见，信心仍在电子商务的发展中扮演重要的一环。
而尊重网路伦理，则是建立信用及建全网际商务环境的重要基础。
六、搜寻与保存
【当资料量过大时】
当读者无法很轻易的在网站上找到所需要的资讯，这时就该考虑是否要
建立检索系统。通常的建议是当网站大於一百页时，便该建立搜寻的系统，
但是这个系统并非是一般人可以建置。幸好目前许多提供电子商务的站台均
设有相关的系统可供顾客租用。
如果无法提供检索功能，也应该设法将内容分门别类，以便利读者浏览。
以笔者常常浏览的网站FreeVBCode为例(*8)，您可检索网页内容，并提供程
式码内容分类、依性质分类(如最新，最热门分类)，如果搜寻不到，亦提供
连结到其他程式库的分类，同时也提供同一作者不同作品的分类。每个月更
会选出当月最佳的程式与作者，这就是最好的例子。读者可藉由这些资讯快
速的找到需要的程式，当然，这些尚无法保证一定很容易找到。
搜寻或是检索系统本身也是一门很大的学问，就以佛经的检索而言，如
何处理跨版本、跨标记检索，或是取代同义字或是同义辞，乃至进阶的模糊
搜寻等等，都超出本文讨论的□围。
【过去式的价值】
资料应该保存多久呢?
已经更换位址的站台是否要保留过去的位址呢?
网际网路的快速发展，似乎让我们无法有足够的时间回顾过去，而人们
利用网际网路的习惯也渐渐的失去耐性。以BBS 为例，最常发生令人困扰的
事情就是炒冷饭。常常有些问题被一而再再而三的提出来，甚至人们不会主
动的去查阅精华区或是FAQ ，人们希望能快速的找到所需要的答案。
如果有一个好的搜寻引擎，也许便可减少这个问题的发生，而如何有效
的捡选过去的资料加以保存，则是另一个值得关注的课题。
目前有少数的机构投注大量的财力务力人力从事过去百年间报纸的电子
化，不过这是另外一件重大的工程，而非本文讨论的主题。
【备份】
定期并时常做备份是一个好的站台必需做的工作，就算是家用电脑也需
定期整理并制作重要的备份。通常忽略了这件事情可能要付出重大的代价，
例如遗失重要的客户资料，或是花了许久建立的统计资讯必需重新来过。
当读者再次造访时，如果得再花一次时间重新输入已经注册的资料，会
造成客服部门不小的压力呢!
七、在文字之外
网际网路非但可以传递讯息，更在网路上发展出了许许多多的行为，如
网际商务，网际教学等等。而在WWW 发展之後，更使得网路由单纯的文字或
是位元的传送，更进一步支援影音多媒体。甚至有人预测在将来会出现网路
家庭、虚拟爱人等等。(事实上有许多已经成为事实，甚至连虚拟性爱都已
出现，实在是令人惊讶。笔者是在阅读某部日本漫画时看到类似的概念，不
过该漫画主要是讨论神□学。)
就本文最前面所提及的介绍，眼球运动分析的结果，读者在阅读新闻网
站时倾向先看文字，至这并不表示除了文字之外都不重要。其他的许多呈现
方式仍值得我们进一步的探讨。
【用的多不如用的少，用的少不如用得好】
用这句话来形容图档在网页中扮演的角色再适合不过。如果说萤幕的解
析度在72dpi 左右，一个用於报纸上所拍摄的清晰照片，在网页中可能要占
据相当大的版面，如果缩小可能看不清楚，如果裁剪可能让一群人的合照只
剩下一个人的头。因此在处理上网页上用的图片，需要经过捡择并加工处理。
使用图片的时机，最好能达到和本文紧密结合(指的是内容相关性)，并
且具有醒目的效果为宜。
【大图片与小图片】
当然，对於专门提供图片资料的站台，这样说有失公允，许多提供图片
的站台甚至提供优良的图片检索引擎。不过有几点建议可以提供大家参考：
第一，就是加注说明。不但要加注取代文字的说明，最好也加入本文的
说明，就如同许多书本上注明图片内容一样。(如图一：大正藏封面)
第二，如同以导览简介长篇文章一般，以简图或小图加上连结的方式来
显示大图档或是较多的图档。
第三，提供大量图片的站台，如能提供检索或是分类，将能减少使用者
的负担。
另外，请记得不要在网页上缩小图档的显示区域，因为虽然图档看起来
较小，但是下载的时间仍然没有改变，较好的做法是另外做一个小图档。(*9)
而利用Gif 档来呈现，也可以考虑减少所用的色盘数目。法鼓山全球资讯网
的 Logo就是一个很好的例子(*10)。
【互动】
互动是另一项网站的重点，如何提供互动，也决定了一个网站是否能够
长久的经营。
所谓的互动并非单指提供网际商务、互动性的网路游戏或是聊天室，而
是泛指网站与读者之间的互动，读者与读者之间乃至於网站与网站之间的互
动。
简单的互动方式，如提供留言版以接受读者的回馈、提供读者上传资料、
读者评分、问卷调查及网站讯息及连结交换等等。
【恼人的广告视窗】
许多的免费站台要求网站需加设弹出式的广告视窗，而这也造成了使用
者的不便，好的网站应尽量减少这类的视窗。
【其他资源】
除了文字、图档和音效之外，还有许多有趣的技术，如Flash 动画档，
虚拟实境，线上播放等等，除非您是专门提供这些资讯的站台，不然建议您
审慎的使用这类资源。
最近国内的房屋仲介业者打算以360 度的环绕影像来介绍房屋，这对於
了解房屋的环境，提供了重要的资讯，但是如果您想介绍自己，也许使用XYZ
三个方向的照片就足够了。
八、额外的服务?
【E-Mail与电子报】
也许您听过这样一个不成文的规定，就是在网站的首页，建议放置连络
人的电子邮件信箱连结。这代表著读者可以很快的找到网页的负责人。
网站并非一定需要提供额外的服务，然而目前提供电子报发送似乎已经
成为一个新的趋势。
当网站更新时，提供读者新的讯息，当网站有活动时，通知读者相关的
内容………
然而面对这麽多的电子报，读者该如何接受呢?
笔者建议，如果在能力所及的□围，对於这一类的讯息发送，可提供多
样的选择。例如当亚马逊书店有新书的消息时，会提供喜欢这位作者的读者
相关的资讯，如此一来，读者便可以快速的得到他所想要知道的消息，而无
需花费时间来判断内容是否是读者所需要的。
【适当的放置广告】
广告一直是让人烦恼的。网站需要靠广告来增加收入，但是如何让读者
感觉到网站并非利用他们当做赚钱的工具，则并非容易的事。如果想要增加
广告的点选率，那麽如何放置广告就更加的教人费心。
广告设计的本身就是一项值得注意的事情，在眼球运动分析的报导中指
出，在先浏览图档的读者之中，先浏览横幅式广告占有不小的比例，这代表
此类广告确时有吸引人的效果，然而报告中也建议在轮播广告的动画之中不
要忘了每个页面最好都有广告商的标题，以免读者忽略。
另外，如果一个网页中放置了十个广告，并且占据了主要的页面中央，
这便会造成读者的困扰而减低了再次点阅的机会。建议将广告放在固定的地
方，并减少广告在网页上占据的篇幅。毕竟读者并非是上站来找广告的。您
可观察许多成功的大型网站，应能发现放置广告的模式。
九、安全性与著作权
【安全性】
除了前文提及有关电子商务交易的安全性之外，网站本身的安全性也值
得重视。除了骇客攻击之外，病毒也是需要防□的对象。
笔者的一位作家朋友，一次因为误开了一封带有E-mail病毒的信件，而
造成了他的读者群和亲朋好友中电脑病毒的惨状，甚至有些网站负责人因为
开了他的信件使得网站当机。
一个好的网站，对於安全性应当十分重视，当然这也是一个十分专业的
问题。不过请记得，不要在网站中提供含有电脑病毒的档案哦。
【著作权】
尊重著作权应是网页设计者基本的素养，而网站的连结也应避免不必要
的困扰。如果连结的资料并非是本站所提供，在连结时请注明出处，在取得
对方同意之前，避免直接连结内页在框架之中。
如果您有使用Frame 来设计网页，开启新视窗是一个可行的办法。
十、读者是谁?
网页透过伺服器，网际网路(有线无线)及浏览器，扮演著网站资讯与读
者之间沟通的桥梁。
「了解顾客真正要的，通常顾客不晓得他要啥，直到你把成果给他，他
才知道你没有给他他要的。换句话说，顾客□知道他不要什麽，但不清楚他
真正要什麽。没有一个好的定义，将需要大量的维护。所以做定义的人要了
解什麽需要做，做出来像什麽。幸好诺亚知道，没有在下大雨时，还在努力
建造。」~~摘译自MSDN
About.com 的成功，也许可以显示出导读的威力。以浏览搜寻引擎查询
资讯的人们为例，可能大多数的人对於查询到的一大堆网站列表并不熟悉，
如何进一步的让查询者了解，或是进一步的了解查询者的需求，About.com
的模式均是一个很好的□例。
然而在此笔者愿意提出一点，网页设计的目的，是在於充分的让资讯与
读者达到沟通，这应该是网页设计的第一要件，也是网页设计完成前最後一
项审视的重点。
所谓好的网站，不外是成功的扮演资讯与读者的沟沟桥梁。
「有无数的方法可以改善网站的基本结构，这些方法需以网站读者的行
为模式与网站的资料内容为分析基础。」~~ Studio Archetype公司(*11)
Studio Archetype公司位於美国旧金山，以替世界级的大公司设计网站
闻名，其成功的主要原因，就是在设计网站前，会先和客户广泛讨论，以
「定义」这个网站，然後才著手设计，针对每个公司的性质，服务及客户群
加以规划。
日前笔者浏览佛教图书馆馆讯的报告中，作家王尚智先生提到所谓「读
者研究」的相关事项，笔者深有同感。(*12) 事实上了解读者并加以分析，
对於多数的网站能提供相当多的改善和助益。
「最重要的，每一个网际网路的服务均需针对他们特定的使用者及需求
进行工作分析。你有许多种方法可以组合各式各样标准化的使用者界面，但
是好的站台会以读者所希望切入的方式设计。」(*13)
笔者愿用上述这段话来定义好的站台和一般的站台的差别。其实对於一
个新闻站台而言，提供大量即时且正确的资讯，让读者充份的了解是主要的
目的，因此读者习於先浏览重点文字就成为网页设计不得不考量的重点。但
这并不表示图档和其他的方式呈现就是不好的，这必需依是否能有效的达成
沟通而定。
以上林林总总的提出十项原则，其实说穿了也就只有一项：所谓好的网
站，不外是能更有效的扮演资讯与读者的沟沟桥梁。
◎优良的网站□例
就以上所提，有没有网站是符合优良网页设计呢?
其实这一类的网站绝不在少数，但是如果和所有的网站个数相比，可能
比例不高。以下介绍两个「经典」站台和大家分享：
Yahoo Full Coverage
http://fullcoverage.yahoo.com/
Yahoo的设计，虽说外表感觉平凡无奇，但是却是十分优良的设计，尤其
是用实用性的观点来观察。当然，我们不会以一个网站赚不赚钱为根据，但
是无可否认的，一个赚钱的网站，想必有其独到之处。
如果有一句话能形容Yahoo 的成功之处，那就是Yahoo 尽情的发挥了网
际网路的优点，取代去对抗其缺点。我们可由Yahoo 每个网页的大小、下载
的速度、结构化的设计、显示出关键辞的位置及不断的连结、连结、连结，
就可以看出Yahoo 符合了读者来到Yahoo 所想达到的：快速的搜寻相关的连
结。
当然，也有一些事情渐渐的造成困扰，例如许多好的站台在Yahoo 找不
到，站台并没有一个很好的等级评估，无论是由点选率或是交互引用的次数，
或是提供主题的导览等等，而这些功能在其他的站台上可以找得到。
Yahoo 的设计也许在外观看起来不美丽，但却是发挥网际网路效益最佳
的□例之一。(*14)
Guardian Unlimited
http://www.guardian.co.uk/
二○○○年 EPpy 新闻网站大赛最佳设计奖
Best Design of a Newspaper Online Service
这个网站的设计，无疑令人赏心悦目。此站出自名设计家 Neville Brody
与 Roger Black 的精心制作，在颜色运用、版面配置、网站规画、分类层级、
趣味的内容与清晰的架构上，创造了另一种典□。
新闻网站的设计，和检索网站不尽相同，目的是让读者能够很容易的找
到有兴趣的题目，了解最新的消息，因此浏览的环境自然比Yahoo 此类站台
更重要。而合适的分类与导览则是另外一个成功的重点。(*15)
◎一切才正要开始
我们应该抱著什麽样的心情来面对网页设计呢?
是我能提供什麽? 或是我想让别人知道什麽? 还是读者想看什麽?
每一种不同的网站有不同的需求，连接著不同的人、事、物及环境，如
果真的有一把放诸天下皆准的尺，那麽不会有那麽多的网站设计公司，也不
会有今日蓬勃发展的网际网路环境。
使用者的习惯随著时代正在演变，昨日不好的网页不保证今日依然不受
欢迎，最显著的例子就是读者已经普遍接受移动卷轴以寻找更多的资讯。而
通讯媒介的发展，伺服器及浏览器的进步，均提供了更多的可能性。然而无
论如何，我们应该了解网页扮演著沟通的角色，无论是读者与读者，读者与
网站或是网站与网站之间的沟通。
我们并无法预期未来十年的资讯科技会将人类的生活带到什麽样的环境
之中，也许不久的将来，我们可以用手机选择一部电影，并以自己为主角，
身历其境的去体验原本只能在萤光幕上看著别人主演的故事。
然而笔者盼望野人献曝所提的观点，能对国内的佛教网际网路提供抛砖
引玉的效用。如何能让佛法和读者产生更有效的碰撞(足够的能量和适当的位
向)，似乎仍待进一步的努力。
曾有学者对於敝会的网站设计责难笔者，并认为唯有让三岁小孩都看得
懂的网站才是好的网站，这是值得参考的提议，却未必正确。
笔者仅以这句话作结：
There is only one World Wide Web.
We are creating small pieces of a unified whole.
~~Jonathan O'Donnell (*16)
作者：
李志强，中华电子佛典协会发行组组长
---------------------------------------------------------------------
参考资料：
以下的参考资料是笔者就手边查得到的资料做一整理，事後加在本文中补充，
然而有更多资料的出处不易查得，您可由以下的网站进一步连结，以得到更
多的资讯。
(*1)
Poynter Institute, Project report site
http://www.poynter.org/eyetrack2000/
(*2)
Eyetrack Online News Study May Surprise You
Steve Outing, Planetary news公司总裁
中文译文：
http://www.brainnew.com.tw/Article/StopPress/F_051000.asp.htm
(*3)
Eyetracking Study of Web Readers
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/990822.html
(*4)
Do Interface Standards Stifle Design Creativity?
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/20000514.html
(*5)
又清晰又酷的显示字体,
那忠福, 联经资讯公司总经理,
http://www.brainnew.com.tw/Article/na2000/F_051000.asp.htm
(*6)
The Top Ten New Mistakes of Web Design
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/990530.html
(*7)
Trust or Bust: Communicating trustworthiness in web design,
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/990307.html
(*8)
FreeVBCode.com -- Free, High-Quality Visual Basic Samples and Code
http://www.freevbcode.com/
(*9)
Marginalia of Web Design,
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/9611.html
(*10)
法鼓山全球资讯网
http://www.ddm.org.tw/
(*11)
网站设计第二课：记住谁是读者,
那忠福, 联经资讯公司总经理,
http://www.brainnew.com.tw/Article/na1997/na861020.htm
(*12)
「迈向二十一世纪佛教出版座谈会」实录问题讨论,
佛教图书馆馆讯 第二十一／二十二期 89年 6月
http://www.gaya.org.tw/journal/m21-22/21-qa.htm
(*13)
End of Web Design
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/20000723.html
(*14)
Why Yahoo is Good (But May Get Worse),
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/981101.html
(*15)
网站也要专业设计吗？
那忠福, 联经资讯公司总经理,
http://www.brainnew.com.tw/Article/na2000/F_022900.asp.htm
(*16)
Readers' Comments on End of Web Design,
Dr. Jakob Nielsen, principal, Nielsen Norman Group
http://www.useit.com/alertbox/20000723_comments.html
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│□□□□□□□□□□□□□〉心得分享 □□□□□□□□□□□□□│
□□□□□□□□□□□□□□□□□□如何用CBETA经文制作桌布?□□□□
如何用CBETA经文制作桌布?
如果您想要在一开机时便能看到经文，或是将萤幕的桌面换成喜欢的经文，
以下介绍几个方法，提供您做为参考。
一、使用图档：
其实最简单的方式就是使用图档。您只要选定图档，无论是在IE浏览时，在
图片上按滑鼠右键，选择「设成桌面底色图案」，或是直接在桌面上按右键，
选择「内容」，并设定背景的底色图案均可(按「浏览」可选择图档)。
然而，要如何制作经文图档呢?
在这儿介绍一个简单的方式，提供大家参考。
首先，您可浏览中华电子佛典协会Word经文，选择喜欢的经文，依照自己的
喜好排版，例如「直排」、加注「注音」(Word 2000繁体中文版加上微软新
注音输入法)或是分栏、分段等等。请记得尽量让经文能在一个页面之中显示。
此时请进入「整页模式」，以便让萤幕上出现排版过的画面。调整好适当的
大小之後，按下<print screen>键(复制整个萤幕内容)或是<Alt-print screen>
键(复制目前最上层执行视窗的内容)，画面便会被贴到剪贴簿之中。
此时您可使用任何绘图或编辑软体来编修，但在这里我们利用「附属应用程
式」中的小画家来处理。
请点选「开始」>「程式集」>「附属应用程式」>「小画家」。
开启小画家之後，可在编辑区按<Ctrl-V>，把刚才复制的图档贴上。
如果贴上的画面大於目前的画布大小，小画家会问您是否要放大点阵图，此
时选择确定，就可以看到图档被贴进来。
您可反覆的尝试几次，以得到满意的效果。
接下来，您可利用小画家提供的功能，对於选取的区域进行编修，如反转，
扭曲或是色彩转换(反白)等等功能，最後再存档即可。
当然，您也可以加上其他的图档，或是不同的经文等等。如果您使用专业的
绘图软体，则能得到更好的效果。如PhotoShop，Painter或是PhotoImpact等
等。
二、使用Active DeskTop
在Windows 98之後，微软视窗系统以IE做为显示的核心，整个桌布也可以使
用浏览器的方式来呈现。设定时您可在桌面上点选滑鼠右键，并开启「Active
Desktop」的「开启Web画面」。
当您使用Web画面为桌布时，您能直接连结到网际网路，甚至开启好几个视窗
呢。在这里，我们介绍简单的方式来呈现。
您如果有现成的HTML档案，可以将档案复制到C:\windows\Web\Wallpaper
子目录底下，这儿所放的就是以HTML呈现的桌布。
设定时您依然可以直接在桌面上按右键，选择「内容」，并设定背景的底色
图案(按「浏览」可选择图档或是HTML档案)。此时您还能够选择Web页签，
设定出现在桌布上的浏览器，设定完成後可直接在桌面上改变大小并移动位
置。
◎使用Active DeskTop有什麽好处呢?
使用Active desktop事实上具有许多功能，在这儿我们想提及的是使用浏览
器可以呈现较为动态的桌布，例如Gif 98a的动画档案，midi音乐，DHTML的
动态网页设计，互动式多媒体等等，当然，您还能做网页连结。
您可将Active desktop当成一个网站，并依喜好直接选择连结。
◎如何制作HTML档?
制作HTML档案有许多的方式，您可用NotePad直接输入HTML，或是使用各式
网页编辑工具(如IE附的FrontPage Express)，甚至复制在CBETA网站上的
经文皆可。这儿同样地只介绍较简便的方式，您可浏览CBETA经文的Word版，
并选择「档案」的「另存新档」，存成HTML格式，或是「另存成web画面」。
如果您有其他的工具，也能直接将Doc档转换成HTML档案。如果您觉得使用
Word产生的HTML太过於庞大，可使用 MS office HTML Filter 来减小档案
大小。
如果您使用HTMLhelp版本，则可针对某一栏存成HTML档。您可在浏览区中选
择「检视原始档案」，并另存成HTML档。如果要存缺字连结，则得在图档上
选择另存图片。
◎设定选单和自动播放功能
由於网页设计是一个复杂的主题，在这儿我们只介绍简单的方式，提供一个
超连结选单及定时轮播的设定。
首先，您可利用下列HTML码，制成一个简单的HTML档案，提供阳春型的选单
连结：
<HTML>
<body>
<p><a href="n001.html">第一经</a></p>
<p><a href="n002.html">第二经</a></p>
<p><a href="n003.html">第三经</a></p>
<p><a href="n004.html">第四经</a></p>
</body>
</HTML>
此时您将要连结的档案位置写在href="~~~~"之中，并将要显示的项目放在
<a>~~~</a>之间。如果您使用网页编辑软体，亦能很快速的制作这样的表单。
如果您希望能够轮播，可以加入下列的标记：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>中华电子佛典协会CBETA</title>
<meta HTTP-EQUIV="REFRESH" CONTENT="2; URL=http://ccbs.ntu.edu.tw/cbeta/">
</head>
<body>
<p><a href="n001.html">第一经</a></p>
<p><a href="n002.html">第二经</a></p>
<p><a href="n003.html">第三经</a></p>
<p><a href="n004.html">第四经</a></p>
</body>
</HTML>
我们新增了Head标记，其中Title是网页的名称，而
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
是设定网页为繁体中文，而
<meta HTTP-EQUIV="REFRESH" CONTENT="2; URL=http://ccbs.ntu.edu.tw/cbeta/">
则是设定在 2 秒中之後，网页自动转址到 URL的位置，这儿则是CBETA的网
址。
如果您觉得这个方法太麻烦，也可以使用JavaScript是其他方式来制作轮播
的效果哦，不过这部份的内容超过本篇的□围，待日後有机会再和大家分享。
结语：
使用图档或是Active DeskTop均能将现有的CBETA经文呈现在桌面上，让我们
一开机就能直接看到喜欢经文，实在是一件有趣的事情。也许有些朋友觉得
把经文放在桌面上感觉起来怪怪的，但笔者却觉得这有很好的警醒作用哦。
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│□□□□□□□□□□□□□〉交流园地〈□□□□□□□□□□□□□│
□□□□□□□□□□□□如何在编辑时删去CBETA 的Word版标记？□□□□
问：如何在编辑时删去CBETA的Word版标记？
常有朋友提及如何在编辑Word经文时，消去黄底的隐藏标记。除了之前提供
如何隐藏此标记不显示之外，这儿提供一个简单的方法，将Word档中的标记
去除。
首先，您打开一个Word经文档案，并选取您要处理的文字，复制到自己的文
件中。当然，如果您要处理整份经文，就可省去这个动作。
第二，选取工具列选单的「格式」>「选项」，选取「检视」页签，并勾选
「格式化标记」的「隐藏文字」，这时按「确定」。
第三，此时回到Word之中，您会发现经文的部份会出现黄底的标记，以及
书签(大正藏校勘符号)。(此时使用CBETA 巨集工具无法消去)
第四，此时我们可利用Word提供的格式化取代的功能，将具有隐藏属性的
标记或是特定的样式删除。
以Word 2000为例，请选择工具列选单的「编辑」>「取代」(或直接按Ctrl- H)。
如果您的选单中「搜寻选项」未显示，可按「较多」键，此处已经转成
「较少」键。
第五、接著，请在「寻找目标」中输入「^?」共两个字元，代表每一个字
元。并点选最下方的「格式」选项。
第六、如果您想消去所有的隐藏格式，请选择字型，并且只勾选「隐藏」
属性。
按「确定」之後，会出现询问的画面，此时按全部取代即可，至於「全半
形相符」选项则可有可无。
第七、如果您想删去标记的部份，而保留校勘符号，或是只想删去某些特
定的样式，则可利用以下的方法。在取代的格式选项中，不要选择「字型」，
而选择「样式」。此时选择「CbetaTAGS」样式，按确定。
此时再按「全部取代」即可。
第八、最後关闭取代视窗，便可得到去除标记的经文。当然，如果档案愈
大，取代所需的时间就会愈久哦!
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
│□□□□□□□□□□□□□〉网际导览〈□□□□□□□□□□□□□│
□□□□□□□□□□□□□□□□□□□□□CBETA 之友电子论坛□□□□
在这里要跟各位介绍本协会新成立的一个讨论园地－－CBETA 之友电子报
(CBETA Friend)，此讨论区是以半开放型的方式做为网友们沟通的目的，底
下一一介绍相关的事项。
【目地】
CBETA 之友电子报与现在您正在阅读的 CBETA News 不同，CBEA News 是由
CBETA 对外以月刊方式发布消息，并且不定时发送最新的快讯供各位参考，
而 CBETA 之友电子报则是提供网友们一个自行交换 CBETA 电子佛典相关讯
息的园地。
【规□】
CBETA 之友电子报之所以称为半开放型，是因为任何人都可以发送资料给所
有订阅的网友，但本区将会设有一版主负责过滤不适当的言论与广告，以免
各位收到不必要的信件。
目前尚无特定之规□，希望大家的讨论□围在：
o CBETA 电子佛典的正确性探讨
o CBETA 相关成果的建议
o 电子佛典使用上的问题与讨论
o 相关技术的建议与提供
o 其他您认为适当的论题
本电子报不希望有下列的内容. (这些内容会被版主删除)
x 广告信函
x 纯个人的交谊□聊
x 个人心得发表 (可参考梵网相关讨论区)
x 法义探讨 (可参考梵网相关讨论区)
x 其他版主认为不适宜的文章
【订阅与取消的方式】
想订阅本电子报的朋友，可依下列步骤进行即可：
1.拜访「梵网」电子报整合系统，其网址在 http://mlist.iyard.org
2.点选 CBETA 中华电子佛典协会
3.进入後会看到三份电子报：
「中华电子佛典协会」是内部试用，并无对外提供订阅。
「中华电子佛典协会月刊」则是您目前阅读的电子报。
「中华电子佛典协会之友」才是 CBETA 之友电子报的进入点，请选这一个。
4.进入後，可看到基本介绍及「订阅」，「取消订阅」与「阅读旧信」的功
能，依您的需求选择即可。
【发送与接收讯息】
订阅成功之後，就会自动由您的 email 信箱收到最新的讨论，若想阅读以前
的旧信，亦可至「梵网」电子报整合系统 (http://mlist.iyard.org)浏览。
若想加入讨论，则直接寄信至 cbeta_friend@mlist.iyard.org 即可，不论
是订阅用户与否，都可以向本电子报发送消息。此外，CBETA 网站
(http://ccbs.ntu.edu.tw/cbeta)的留言版亦与本系统结合，任何留言只要
经由版主同意，皆一并交由 CBETA之友提供订阅户参考。
【感谢】
感谢「梵网」电子报整合系统提供这麽方便好用的功能，让有心於佛典电子
化的朋友能不分时空而众志成城的一起努力，也感谢过去以来许多朋友不断
提供各种建议。
除了本电子报，梵网亦逐渐开发中并提供佛教相关电子报，也欢迎各位网友
参考。
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□ 【 CBETA E-News 中华电子佛典协会新闻电子报】 □
□ http://ccbs.ntu.edu.tw/cbeta □
□台北市朱仑街36号303室 TEL：(02)8773-6469 FAX：(02)8773-6470□
□取消 newsletter 请使用浏览器连线到：http://ccbs.ntu.edu.tw/cbeta□
□选取成果->电子报->电子报订阅系统，依系统指示操作即可。 □
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□