5.1.5　图书馆主页制作技巧

我们知道，网页的基本组成元素—— 文字、图形、超链接，而若干网页的集合就是网站。因此制作好网页中的第一页（首页或主页），是高校图书馆网上服务及其网站建设是否走向成功的重要标志。如何制作一个优秀的主页呢？笔者认为应从如下几方面来加以把握:

1．突出特色

高校图书馆的主页，必须要有自己的特色。没有特色就没有品牌，千篇一律、千人一面的主页肯定是不行的，而一心想一步登天、包罗万象的主页，肯定也是不会成功的。主页的制作要确定自己面向的对象、用户，要知道自己做什么、如何做，才能吸引用户、赢得浏览者青睐。如果再加上本馆的特色服务项目来丰富主页上的内容，这就会使该主页的特色倍增，加之再有一颗体贴浏览者的心（比如:在首页中告诉一下浏览者使用最佳的分辨率或何种浏览器；或配有中、英文对照版；中文简、繁体对照版等），你就有可能会拥有一个令浏览者满意的超人气网站。

2．确定高校图书馆主页的风格

主页风格是读者进入网站的第一页面，通过浏览主页，获得对网页的整体印象和感觉。对于不同的行业，主页应体现出不同的风格。如政府部门的主页风格应体现出它的庄重严谨；娱乐行业则应体现出它的生动活泼；高校图书馆的主页风格应体现出它的高雅大方，尤其是应充分体现高校图书馆独特、深厚的文化底蕴，给人一种清新高雅的感觉。

3．页面的布局原则

网页设计是从布局开始的，再好的构思也必须通过布局的形式变成视觉语言反映出来。不同的布局方式往往能表达不同的情感和心理感受。因此，页面布局应遵守如下原则:

（1）主次分明，中心突出。在一个页面上，必须考虑视觉中心，这个中心一般在屏幕的中央，或者在中间偏上的位置。因此，一些重要的文章和反映本校图书馆风貌的图片，一般可以安排在这个部位。在视觉中心以外的地方就可以安排次要的内容，做到重点突出、主次有别。

（2）大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离。同样，较短的文章，也不能编排在一起。对待图片要互相错开，或大小之间要有一定的间隔，使之错落有致，但要避免重心偏移。

（3）图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就有可能使之显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。

目前使用较多的布局类型主要有“T” “口”布局。它们共同的特点是:上、下页顶均为反映图书馆风貌的图片、网站标志或网名。不同的是:“T”结构布局，下方左面为主菜单，右面为内容的布局； “口”结构布局，左边可以是馆情介绍也可以是主菜单，右面放一些超链接、公告栏，中间偏上可放图片也可全放主要内容。总之，不管怎么样布局都要达到视觉效果的平衡。

4．正确运用制作网页的要素

（1）文字:文字是网页内容的主体，即使没有网络多媒体的影音效果也可以达到同样的目的，因此文字的优势是很难被取代的。最重要的是文字所占的存储空间非常小，当我们进入一个纯文字的主页时，大约只需要1～2秒就可以看到整篇主页的内容了，这是其他耗费许多网络频宽的多媒体所无法拥有的优势。在制作中要尽可能利用文字的变化（如大小、粗体、斜体、下划线等），来增强主页对来访者的注意力和吸引力，尽可能地给人留下过目不忘的印象，克服那种只有白底黑字的死板样。要想正确地使用“文字”要素，就必须了解不同字体的风格及特点等。

①不同文字的特点。

a.字体端庄秀丽，给人优美清新、格调高雅、华丽高贵的享受。

b.字体坚固挺拔，给人富于力度、简洁爽朗、现代感强、有很强的视觉冲击力。

c.字体深沉厚重:给人规整、具有重量感、庄严雄伟、不可动摇的感受。

d.字体欢快轻盈:给人生动活泼、跳跃明快、有很强的节奏感和韵律感、给人一种生机盎然的感受。

e.字体苍劲古朴:给人朴素无华、饱含古韵的感受，能给人一种对逝去时光的回味体验。

f.字体新颖独特:给人造型奇妙、不同一般、个性凸显，印象独特、新颖，记忆深刻的感受。

②字体风格的选择。

a.宋体:粗细均匀，端庄大方，给人以稳定、安详、大方的感觉，图书、报刊的正文多用宋体。

b.仿宋体:笔画纤细、清秀，可用于副标题、短文、诗歌、作者名字等。

c.楷体:秀丽隽永，柔中带刚，可作副题、插白、插诗以及温和趣味的句子。

d.黑体:笔画较粗，代表严肃、哀悼、警告，常用于严重性、警告性的句子或者标题上。

③非彩色字体的搭配。

黑白是两种最基本和最简单的搭配，白字黑底或黑字白底，都能给人非常清晰明了的视觉感受。灰色是万能色，可以和任何色彩搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，那么你可以用灰色试试，效果绝对不会太差。

④不同色彩字体的心理感觉。(www.daowen.com)

a.红色字体:是一种激奋的色彩。有刺激效果，能使人产生冲动、愤怒、热情和有活力的感觉。

b.绿色字体——介于冷暖两种色彩，显得和睦、宁静、健康和安全。它和金黄、淡白搭配，可以产生优雅、舒适的气氛。

c.橙色字体——也是一种激奋的色彩，具有轻快、欢快、热烈、温馨和时尚的效果。

d.黄色字体——具有快乐、希望、智慧和轻快的个性，它的明度最高。

e.蓝色字体——是最具凉爽、清新和专业的色彩。它和白色混合，能体现柔顺、淡雅和浪漫的气氛。

f.白色字体——具有洁白、明快、纯真和清洁的感受。

g.黑色字体——具有深沉、神秘、寂静和悲哀压抑的感受。

h.灰色字体——具有中庸、平凡、温和、谦让、中立和高雅的感觉。

i.紫色字体——具有浪漫、富贵的感觉。

j.棕色字体——具有大地、厚朴的感觉。

（2）图形:好的图形设计可以在没有文字的情况下，通过视觉语言符号进行沟通理解，它可以跨越地域民族的界限以及语言的障碍和文化的差异进行交流。图形给人视觉印象比文字来得强烈，变化也比文字多，若能善用图形，就可为主页增辉不少。反之，则会适得其反！目前被应用在WWW上的图形有JPG、GIF、PNG这几种格式，这几种除具有高压缩比例的特性之外，还有跨平台的优点，即不管浏览者用的是什么操作系统，都能直接看到这几种格式的图片。除此之外，浏览者就必须要借助其他影像软件的支持才能看到。一般来说，主页图形的大小不应超过20KB，数量不应超过3幅。插图方式:＜IMC SRC="C:\my documents\图书馆.jpg＞"

（3）背景音乐（Background Music）:无论有无歌词，凡是为了渲染气氛而使用的音乐都统称背景音乐，主要分为伴奏乐和广告歌曲（CM Song）两种类型^[1]。选择恰当的背景音乐，不仅能为网站营造一个良好的意境或氛围，而且还能引发浏览者对网站的关注，可以增强浏览者对主页风格、图片乃至文字的记忆，它是对主页内容、表现形式、艺术性的补充和延伸。

背景音乐选用不能喧宾夺主，只有根据页面的主题选取恰当的背景音乐，才能烘托渲染主页气氛，达到音页（主页）统一、音页并行的艺术效果，更好地为读者服务。

插入播放背景音乐方式:＜bgsound src="存放音乐文件的路径\*.mid" loop=1＞。其中loop后面是循环的次数，-1代表无限循环。

目前背景音乐的主流音乐格式有WAV、MID、MP3等。如果想要访问网页的速度快，则可以使用MID音乐作为主页的背景音乐。如果想背景音乐效果好，则可采用MP3的音乐。只要将上述代码中的*.mid改为*.mp3即可。目前多数高校图书馆的主页较少使用背景音乐。

（4）颜色:高校图书馆主页的色彩搭配，应多使用青色、绿色、紫色等色彩搭配。这些色彩的运用，会使主页呈现出宁静、清凉、高雅的欣赏氛围。目前据笔者调查，高校图书馆多采用“淡雅型”的主页居多。比如复旦大学图书馆、华东师范大学图书馆、北京大学图书馆等都属此类型的主页。色彩搭配要自然、协调；色彩对比要清爽、柔和。如果底色深，文字的颜色就要浅；反之，底色浅，文字的颜色就要深；如果底色与衬托的文字或图片颜色相近，读者在阅读时，眼睛就会感觉很吃力，影响阅读效果。如果底色与衬托的文字或图片颜色反差过大，就会造成“刺眼”的感觉。

网页制作人员要懂得，色彩虽无法直接地表达复杂的思想内涵，但却可以呈现出简洁明快、古朴厚重、鲜艳靓丽、淡静素雅等不同的主页风格特征，可以间接地表现出喜悦、沮丧、活泼、低沉等页面情调。色彩的风格或情调需要在色彩的明度、纯度、形状，以及通过色彩之间复杂的对比关系来表现整体主页的风格。比如，用绿色配金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉；红色和黄色、金色搭配能渲染喜庆的气氛；而金色和咖啡色搭配，则给人带来暖意。因而在主页制作中，整个页面在其视觉上应是一个整体，从整体色彩关系中分析其色彩，让色彩真正体现出它的特征，准确表达设计者的网页风格，以达到和谐、悦目的最佳视觉效果。

（5）超链接:是WWW中最特别的东西，因此，在高校图书馆主页中加入超链接就像是路边的路标一样，给浏览者指引方向，不致在网站中迷路。

①如果遇到主页内容太多，就应在页面最底下再多放一组同样的链接，方便浏览者使用。比如:a.在主页的最顶部建立定点＜a　name="top"＞。b.在主页的最下面建立链接来链接到TOP这个书签＜a href=#TOP＞。c.还应建立返回主页＜/a＞。

②建立导航条的链接，帮助读者在网页间随意跳转，告知所在的相对位置。要知道，一个好的“导航条”能帮助读者按“条”索骥，而不会迷失。

③链接优秀的兄弟院校图书馆，实现资源共享，是Internet最主要的精神。

④建立该校图书馆主页管理者的E-mail链接，是缩小管理者与浏览者距离最便捷的、最有效的途径，同时也体现了该管理者具有接受不同意见的雅量，为日后对该主页内容改进、日臻完美创造了条件。其链接的主要方法有:

a.基本链接=＜a HREF="http://www.tcinfo.net"＞本站主页＜/A＞

b.邮件链接=＜a HREF="mail to:W518@163.com"＞电子信箱＜/A＞

c.FTP链接=＜a HREF="ftp://ftp.tsinghua.edu.cn"＞清华大学FTP服务器＜/A＞

d.News链接=＜a HREF="news:news.seed.net.tw"＞新闻组服务＜/A＞

e.Gopher链接=＜a HREF="gopher://gopher.hinet.net"＞hinet 的gopher服务＜/A＞

f.Telnet链接=＜a HREF="telnet://166.111.1.11"＞图书馆＜/A＞