校园网站主页设计范文

[摘要]高职院校网站主页设计是其网站设计中的一个十分重要的问题。它是该院校总体风貌的集中展示，要在总体框架、栏目设置、网页风格、指导思想等方面把握一些规范的、约定俗成的原则；设计时要细心设计页首、精心打造栏目、潜心选择图片、用心做好页尾。

[关键词]高职院校；网站；主页设计

Abstract：Itisisimportantforhighertechnicalandvocationalcollegestodesignihomepageofwebsite.Itisakaleidoscopeoftheschool，thereforestandardized，commonlyapprovedprinciplesmustbeabidedbyindesigninggeneralframe，settingupcolumnsandstylesofwebpage，andinguidingprinciples.Devotionandeffortsmustbegiventodesigningofwebpages，settingupfeaturecolumns，selectingpictures，anddesigningofthelastfewwebpages.

Keywords：highertechnicalandvocationalcolleges；website；designingofhomepage

当前，互联网空前普及，已经成为人们工作和生活当中不可或缺的交际工具。在互联网的大家族中，高等职业技术院校校园网站(以下简称“高职院校网站”)独树一帜，竞显风流。而其中网站主页的设计，虽不乏一些精美之作，然而总体看来，令人不满意的地方还较多。本文拟对高职院校网站主页设计的某些应引起我们注意的问题加以初步探讨。

一、高职院校网站主页设计的作用

本文中的高职院校网站主页设计，指的是网站首页(有的网站首页为一个艺术画面的，则为下一页)的整体框架，包括版式、图案、文字、色彩等方面的总体设计。

一般说来，一个网站，不管是单位还是个人创办的，都十分重视主页的设计。这是因为，网站主页是一个网站乃至一个单位或个人总体风貌的集中展示。浏览一个网站，首先必须进入网站主页，并从这里找到浏览相关内容的途径。我们大概都有这样的体验，要认识一个人，首先进入眼帘的是这个人的外貌形象，包括长相、身材、衣着打扮等。认识一个单位也是如此，首先吸引我们注意的是这个单位的整体环境、建筑布局等。同样道理，浏览一个网站，首先吸引浏览者眼球的当然就是网站主页。一个风格迥异、设计大气、栏目齐备、图文并茂、浏览方便的网站主页，肯定会引起浏览者的强烈兴趣，吸引浏览者尽快看下去。反之，浏览者的兴致就会有所降低，虽因浏览需要(比如查找相关资料)，浏览者未必会马上关闭该网站(一般认为耐力为10秒钟左右)，但在他们的心目中，你这个网站的形象肯定会大打折扣。所以，一个网站的创办者都十分看中主页的设计，都想倾其全力把最佳的主页奉献给浏览者，把单位或个人最重要的信息出去，把最美好的单位或个人形象展现在浏览者的面前。作为展示自身形象窗口的高职院校网站主页的设计，自然也是这样。

二、高职院校网站主页设计的主要原则

(一)总体框架上要合乎规范，布局合理

规范是一种约定俗成，是人们在实践过程当中总结出来的一些带有规律性的，且为人们所遵守的条例。凡是做事都要有规范，高职院校网站主页的设计当然也是这样。就一般情况说来，高职院校网站主页的各项元素均应具备，诸如网站名称、导航栏目、重点栏目内容展示、版权页等等。如果缺少了某项元素，就会显得网站的主页不够完整，给浏览者留下缺憾，甚至造成浏览上的不便。在总体布局上，要考虑人们的思维模式和浏览习惯，讲究布局合理，合乎常规。比如网站名称，一定要放到头条醒目的位置，且一般要通栏布局。如果放到一角，或不是通栏，恐怕就显得不那么大气。再如栏目设置，一定要突出重点栏目，一些链接栏目，包括一些服务性的栏目，则要放到一侧的次要位置，以防喧宾夺主。很难设想，一个栏目设置杂乱无章的网站主页，能吸引住众多的浏览者。

高职院校网站主页的布局通常有左右式、上下式、圆弧式、综合式等框架结构[1]98；在栏目分割上有一栏式、等分多栏(以两栏或三栏居多)式、不等分多栏(也以两栏或三栏居多)式等样式[2]9。不管采用哪种框架和分栏格式，都要科学规划，统筹安排，资源丰富，整体优化。另外，布局形式要新颖、别致，令人赏心悦目。与此同时，还应该注意导航栏目和下面的重点栏目展示相对应，要讲究突出主要信息和特色信息，设置合理，简洁严谨，具有一定的质量和品位。

(二)栏目设置上要科学得体，凸显特色

网站主页的栏目，是一个网站总体面貌的集中展示，是浏览者的入门向导。因此，高职院校网站主页的设计者们无不特别注意栏目的总体设计。我们这里所说的栏目设置上的科学得体，指的是一要全面，二要突出主要栏目，三要方便浏览。一个网站的主页，都要显示出它所应反映的方方面面，让人应查尽查。同时，也要在中心位置设置重点栏目，以便醒目易找，方便浏览。此外还可设置一些方便浏览者经常查检的一些服务性栏目，诸如校车时刻、校历、院长信箱、常用办公电话、邮件系统、办公系统等。另外，为了便于浏览者的延伸阅读，也可设置一些链接栏目。总而言之，无论设置何种栏目，都要科学得体，使各个栏目都能有机地成为一个整体，切忌牵强附会，杂乱无章。同时，栏目设置还要健康，不能一味为了提高点击率，而设置一些国家政策上不允许、公众心理上不接受的带有低级趣味的栏目。

高职院校网站主页的栏目设计，既要考虑一般普通高校的基本栏目设置，诸如学院简介、机构设置、教学管理、科学研究、学工园地、思想政治、招生就业等，又要突出高职特色，加大职业技术教育方面的栏目建设力度。这些凸显自身职业技术教育特色的栏目，包括一般普通高校均有设置的某些栏目，也包括创建一般普通高校所没有而高职院校所必须设置的栏目。前者如招生就业一类的栏目，一般普通高校的生源不是问题，特别是一些重点知名院校，报考者趋之若鹜，不需要刻意宣传。而高职院校则不然，许多高职院校生源严重不足，所以尤其需要在主页上专设诸如招生热线、校园风景一类的栏目来推介自己。高职院校学生就业，尤其为学生和家长所关注，所以，也需要在主页的显眼位置独立设置、精心打造好就业通道等一类重点栏目。而后者则指的是，要针对高职院校的自身特点，一定要设置诸如职业能力、职业资格考试、职教研究一类的栏目，以提高学生、家长及用人单位的认可度，满足各层次关注高职教育人士查检和浏览的需要。

(三)设计风格上要美观和谐，勇于创新

网站主页的风格，是通过整个主页各个元素的科学合理的配置所集中体现出来的一种风貌和格调，也是一种高度艺术化了的创作结晶。首先，高职院校网站主页的风格一定要与高职教育的主题相符，其背景图案、字体、字号、颜色基调等等的选择，都要独具特色，且十分和谐。同时，又要美观漂亮，具有较强的视觉冲击力。比如在色调的选用上，高职院校多以象征青春活力或深邃睿智的绿色或蓝色为主。当然，除了绿色和蓝色之外，根据各高职院校属性的不同，也可使用黄色甚至橘红色。在色彩的选配上，还要注意与网页的总体风格相一致，体现地域文化特色。要充分利用颜色的色相、明度、纯度、补色、冷暖、面积、形状等方面的对比，达到有机和谐的艺术境界，增强视觉效果[3]69。

此外，高职院校的网站主页在总体风格上还要注意创新，要敢于突破常规，勇于标新立异。要善于学习别人的长处，为我所用，同时也要有自己的创意，想别人之所未想，做别人之所未做。这里值得一提的是，高职院校的网站主页不能总是一个面孔，到了一定时候就要更新，但在更新的时候要注意保持用色和网页色调风格的连续性[3]69。

(四)指导思想上要方便浏览，注意交流

高职院校网站主页在设计上，要处处体现服务于受众即浏览者的指导思想，要方便浏览者查检。在屏幕设计上，要充分考虑到浏览者的心理习惯，以一至二屏为宜[4]43。同时，还要估计到浏览者有哪些需求，努力设计好导航栏和链接栏目。导航栏目是主页页面元素中的重要组成部分，它不仅可以使浏览者迅速了解所在网站的基本内在结构，并且能快捷地找到自己感兴趣的内容。因此，导航栏目一定要紧承网站名称之后在第一屏出现[5]142。链接栏目要充分考虑浏览者的需要，争取做到浏览者在你的网站上足不出户，就能解决所有要解决的问题，但链接层次不应超过三层。另外，在字号选择上，标题和栏目名称要大些，就是正文也要适当考虑浏览者的层面，要大小适中。字小一些，固然内容容量大，但对年纪稍大的受众则不利；字号过大，又会造成信息量减少的弊端，是资源的一种不必要的浪费。所以，正文的字号一般以小四号为宜。再则，为了便于与浏览者的互动和交流，一般网站都考虑设置了一些如学生论坛、院长信箱、学术交流一类的栏目，让浏览者参与办站，参与社会生活，吐露心声，提出一些好的意见和建议。可以这样说，一个好的网站，一定是十分注意与浏览者互动交流的网站，特别重视受众意见和建议的网站，因而也是最具活力的网站。

三、高职院校网站主页设计的一般方法

众所周知，一篇文章都有具体内容和表现形式两个方面，一个网站主页也是这样。网站主页的内容指的是，让浏览者从网站主页得到信息的梗概和导航栏目等以便浏览子页(即每个栏目下的内容)。同时，网站主页还有表现形式的一面，包括网站名称的排布、栏目的设置、相关链接以及总体风格等项。内容决定形式，这是一个总原则。但当内容一旦定下来之后，表现形式就成为首要的问题了。接下来我们所要讨论的问题就是高职院校如何设计好自己的网站主页。大家都知道殊途同归的道理，高职院校网站主页的设计自然也不会是只有一种固定的模式。相反，应该允许百花齐放，各显神通。尽管如此，我们还是可以且应当找到一些共识。这里，我们仅就高职院校网站主页如何设计，提出一些可能尚不成熟的方法，以求与同仁共勉。

(一)细心设计页首

页首包括网站名称及背景图案，这是浏览者浏览网站第一眼所要接触的对象。一个好的页首，就能一下子抓住和吸引浏览者。一般说来，高职院校网站主页的页首应居于一屏上方的1/4处，既不宜过大，也不应偏小。网站名称应在主页上部通栏展现，字体要有足够大小，一般多为名人题字，是否居中，则要取决于有无站标或单位标识之类。一般来说，网站名称最好不要居中，处在一侧较为灵活多变，居中有拘谨呆板之感。要着力选择那些最能反映该网站特色的背景图案作为衬景，一般都是选择校园标志性建筑入图。要坚持人性化的设计，文字与图案的色彩一定要有足够的明暗度，但不能采用强烈的色相对比[3]69。各高职院校一般都有校训和校徽，在页首也一定要有所反映，应放在显著的位置上。此外，页面的色调要与学院的属性相适应，避免使用过暗或过艳的色彩，要亦庄亦谐，相得益彰。当然，页首的设计也可以匠心独运，别出心裁。比如这样的设计也是可取的：把网站的名称与校园的风景图案置于导航栏目的上下，显得灵活多变；或者把页首放在一屏左侧的1/3处，以圆弧形的框架框住，也不失为是一种创造。

(二)精心打造栏目

栏目是一个网站和一个单位(包括个人网站)外在形象的宣示。因此，高职院校网站主页设置哪些栏目，设置怎样的栏目，都要精心打造，切不可等闲视之。栏目可分为导航栏目和重点栏目介绍两类。前者一般紧承页首，分一行或两行排列；而重点栏目介绍则在导航栏目之下分栏排布。在重点栏目介绍中，如果是三栏式，主打栏目要居中，要有一定的宽度，以凸显其内容的重要性。次要栏目要居于两侧，宽度则既可以与主打栏目等宽，也可酌情变窄。如果是两栏式，主打栏目应居左，且与次要栏目的比以2∶1为宜。栏目设置要考虑全面性，一般常规栏目要齐全，同时一定要有反映高职教育特殊性的特色栏目。另外，栏目设置又不可过碎，因为过碎容易使人眼花缭乱；当然也不可过少，因为过少又不便于查检。栏目的名称要尽可能简短明快，且讲究艺术性，并配之以必要的题图。总的指导原则就是让人一看就感到很舒服，很有品位和层次感。另外，栏目的先后顺序也要统筹考虑。

吐故纳新，是一切事物发生和发展的普遍规律。为了不断有所创新，每隔一段时间，就应对相关栏目进行重新整合和更新，淘汰一批旧栏目，归并一些既往栏目，创建一批新栏目，不然，新的设想就不会实现，网站也显得缺乏活力。在设计栏目顺序时，也要适当考虑栏目内容间的衔接性。栏目分类要力求科学合理，合乎一般常规。

(三)潜心选择图片

图文并茂是为了增强浏览者的可视性，也是网站主页设计的一条根本原则。每一个栏目都应选用相关的图片，下面配以文字，哪怕是一个小栏目、小细项都不要放过。如校车时刻表上面可配上客运汽车的图案等。在图片的选择和设计上，还要注意体现出动、静结合的艺术效果，即静态的主画面与动态的图片相结合，以表现出勃勃生气。总之，在图片的选择上，要力图显现出鲜明、独特、合适、联想的美学特征。在图片选用的数量上，要注意适中。因为图片过多，会显得杂乱零碎，且影响下载速度，一般认为图片文件量以10KB左右为好[2]8。此外，既然是高职院校网站主页，图片内容的选择上当然要尽量往职业技术教育方面靠拢。比如可以选用那些表现学生动手能力一类的图片，以加深浏览者对于高职院校性质的认识，客观上起到纯文字宣传所起不到的作用。

(四)用心做好页尾

页尾就是版权说明，这是网站主页的尾。网站主页的页尾是一项必备的元素，绝不能可有可无。“编筐编篓，重在收口”，说的就是要注意尾部的设计问题。在现实生活中，人们一般对高职院校不够熟悉，考生和家长又往往比较关心学校地址一类的项目。所以除了在相关位置有所反映外，在页尾应该详细标明诸如学校地址等项目。版权说明一般包括网站主办单位的名称、地址、联系方式(电话、传真、邮政编码、电子信箱)等项目，有的还注明“版权所有，不得侵权”等字样。上述诸项内容一般要置于一屏的下1/5处，分3～4行排列，居中，且每行文字长短错落有致，显得十分得体。当然，也有网站主页的页尾不居中，分左右两栏排列的情况。

[参考文献]

[1]胡昌斗.高校图书馆的网页优化与网站建设[J].图书馆论坛，2005，(3)：98.

[2]杨林.普通高校网站主页设计思路探讨[J].保山师专学报，2006，(5)：9.

[3]吴方.网页的色彩设计思考[J].江苏广播电视大学学报，2002，(6)：69.

[4]危光辉.江西省高校图书馆主页建设评析[J].江西图书馆学刊，2003，(1)：43.

[5]余朝晖.高校学报主页建设刍议[J].咸宁学院学报，2004，(5)：142.