(天津市河东区职工大学,天津 300171)

近年来，互联网技术风靡全球，渗透到我们生活的各个角落。伴随着我国教育事业的飞速发展, 现代教育技术与互联网技术的相结合成为了教育发展的一个必经阶段。每一所学校都可以利用互联网技术将自己的教育教学特点展示给全国乃至全世界。因此近些年迅速崛起的远程教育技术使我国国民学习体系更加个性化、民主化、社会化、终身化, 形成了一套远程教育终身学习体系。因此校园网站的建设真是很好的为学校的宣传和教育提供了一个很好的开拓平台，通过这个平台我们可以充分的展示学校的特色成果和教学资源，使每一个人都可以充分的利用这一平台汲取知识、充分学习。由此可见校园网站的建设在学校的教育教学体系结构中占有多么重要的地位。而如何才能将校园网站建设既具有学校的特色又能充分为学生提供方便快捷的学习环境呢？如何能将远程教育及互联网技术在网站建设上发挥最大功效呢？以下就是对校园网站建设网页制作环节的制作过程进行的浅析。

一、做好网站的定位和整体规划

网站的建设首先要有主题，如何定位主题，就需要将学校的特色充分融入其中，并且要简洁明了。假如我们想制作一个网站，那么我们将所有我们认为好的东西往上加，也许单一的东西很精彩但放在一起未必效果会很好，给人一种没有主题，没有特色的感觉，因此要在网站建设的初期做好充分的规划，做到有的放矢，不打无准备之仗。充分分析学校的特点，充分结合学员特点做好整体规划。

网站整体规划主要包括：选择域名和主机、确定网站定位、明确网站用途、构思网站拓扑图、确定网站制作技术、网站后期维护方案、网站安全。

二、掌握建网工具

网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器： HTML编辑器、Flash互动网页制作工、Dreamweaver:即所得网页编辑器。

除此之外还需要对一些基本的知识有充分了解如：HTML4.0规范、VBScript 、javascript和CSS。充分学习编程语言如asp、php、jsp等，学习一些动画制作、图形处理和矢量绘图工具的基本用法，会使用FTP上传工具及具备必需的网络知识和软硬件维护常识。

当然，互联网还是一个非常大的素材库。在制作网页的过程中需要很多各式各样的按钮、背景及图片，我们完全充分利用现有网络资源找到各种适用素材。

三、网站界面的确定

(一)编排板块与栏目

建设网站就像是写论文，第一步要有大纲，这样才能明确主题、使网站层次结构清晰。初次从事网站建设，很容易就会这样的错误：想好题材后立马动工，并未进行任何分析及规划，结果可想而知网站目录结构庞杂混乱，效果极差。不但用户体验后一头雾水，网站建设人员自己在维护和更新时也是捉襟见肘。所以，我们在开始建设前必须要规划设计好如何编排板块与栏目。例如，在最突出的位置摆放最引人入胜的内容或将其安放在版面分布上的优势地位。栏目其实就是大纲索引，网站的主体则完全依赖索引将其明确体现。编排栏目时，要做到安排合理、考虑仔细。需要注意：与主题无关的栏目要尽量去掉；最有价值的内容要尽量列在栏目上；充分考虑用户的体验以方便用户使用。

另外，板块的设置编排也必须要做到安排划分合理。每个板块都有自己的栏目。例如中关村在线网站分为新闻、学院、游戏、产品等多个板块，每个板块下面有都用自己的栏目。在板块的设置时应注意：板块的相对独立性、相互关联性和紧绕主题性。

(二)链接结构与目录结构

目录的结构这个问题很容易被忽略，大部分开发者都是在开发前并未进行规划，创建子目录很随意，这是绝对不应该发生的。一个网站目录结构的好坏也许对用户的影响并不大，但对于网站自身的维护、扩充和移植来说却至关重要。所以建立目录结构时一定要做到周全仔细，提前规划，合理安排。应注意几点：不要将所有文件都存放在根目录下；建立子目录要按栏目内容；在每个主目录下都必须要建立独立的Images目录；目录层次不宜过深，3层以下；目录名禁止使用中文；目录名不宜过长；注意目录名的语意性。

页面之间相互链接的拓扑结构就是我们网站的链接结构。它是在结构目录的基础之上建立的，允许跨越目录。换句话说就是把页面比作一个点，链接就是点与点之间的连线。一个点既可以和一个点相连，也可以和多个点相连。更重要的是，这些点是存在于立体空间中而并不是在平面上。一般来说，其主要有两种基本方式：

1.树状链接结构。此结构与DOS的目录结构相类似，也是一对一的链接结构。采用此种链接方式可以做到级级分明条理清晰，层次感强，首页链接指向一级页面，一级页面链接指向二级页面，用户清楚地知道自己的位置，不会“不知身在何方”，但不足是单位浏览时间效率极低，如果想从一个栏目下的页面到另一个栏目下的页面，只有原路返回，到主页重新定位才行。

2.星状链接结构。类似网络服务器的链接，是一种一对多的链接结构，页面与页面之间都有链接的存在。这样可以使用户的浏览更加方便快捷，可以根据用户自己的喜好到达用户想去的地方。缺点是如链接过多，结构混乱，会造成用户迷路的现象，不知身处何方，大大地损失可用性。

因此，在网站建设过程中，要根据网站自身特点混合搭配使用两种链接结构，使用户更加方便快速地达到想去的页面，并可明确自己所在位置，增加对用户的友好度，从而提高网站的可用性。建议采取以下方法：星状链接结构链接首页和一级页面之间，树状链接结构链接一级和二级页面之间。设计链接结构对于网站建设来说是前端界面制作中是非常重要的环节，链接结构的选取直接影响着版面的布局的最终效果，不可大意。

(三)对网站整体形象进行设计

网站设计主要可以从以下几点入手：

1.LOGO(网站标志)。LOGO是指网站的标志，标志既可以是符号、图案也可以是中文、英文字母，而网站、名称和内容就是标志设计的总体创意的来源。例如：可以用网站内有代表性的动物、人物、植物作为设计蓝本，进行艺术渲染；可以以本专业具有代表性的物品作为专业网站的LOGO。用网站的英文名称作LOGO是最简单普遍的设计方式，字母变形、采用不同的字体、字母组合也是常用的一些logo制作方法，简单易行。

2.网站色彩的设计。网站给用户的第一印象来自视觉冲击，通过色彩搭配使网站有不同凡响的视觉效果，会大大地给用户的浏览带来极大的好感，从而提升用户友好度。“标准色彩”是指能体现网站型象和延伸内涵的色彩，能给人以整齐划一的感觉主要应用于网站的标题、标志、主色块和主菜单。再配以其他色彩进行衬托和点缀，切不可喧宾夺主。一般来说，网站的标准色彩不超过3种，太多则让人眼花缭乱。网页标准色有：黑/灰/白色、黄/橙色、蓝色三大色系。

3.网站字体的设计。与网页标准色相类似，我们将用于标志，标题，主菜单的特有字体称为标准字体。一般宋体是网页制作的默认字体。为了体现网站的“出类拔萃、与众不同”，我们选择一些特别字体作为网站突出的亮点。开发人员可以充分考虑自身网站所表达的内涵，选择更舒服、个性、贴切的字体。在这里要说明的是：有些使非默认字体只可以采用图片的形式，因为用户的计算机里并不是所有的特殊字体都有安装，如果没有安装开发者所做的工作就是无用功了，只能显示默认字体了。

4.网站宣传语的设计。网站宣传语可以是网站的精神、网站中心与主题，或者是用简练的、富有气势的语言概括出网站的目标，以此对外进行大量的宣传，可以产生事半功倍的效果。

在制作过程中、明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

(四)内容的选择要有创意

在用户看来技术是网页制作最难解决的难题，实际上在网页设计制作者看来最苦恼的事并不是各项尖端的技术，而是创意，好的内容选择就要有好的创意作为支撑。虚拟同现实的结合是网络上的应用最广泛的创意。创意就是为了能够更好的把我们的网站宣传推广出去，吸引更多的用户。另外，主页内容十分重要就是网站的根本之所在，如果主页内容乏味空洞，即使再精美的页面制作，也不会有什么用户停留。从根本上说，左右着网站流量的最大要素就是内容，内容为王依然是我们网站建设的重点中的重点，需要深入地去挖掘研究。

校园网站建设与管理是一个值得研究与具有实际作用的课题，它代表未来教育方式的一种潮流，只有加强建设，才能发挥出它强大的功能，才能为远程教育的发展推波助澜。只有加强管理，才会健康发展，当下教育形势的发展为我们提出众多挑战，把握好这一方式方法，就会对我们的教育产生大的影响。当然，方式方法的使用需要继承、创新、发展，需要与时俱进，需要我们广大教育工作者静下心来，投入到实践中去，不断改进，不断提高，为远程教育的发展添砖加瓦，为终身教育体系的建立奠定坚实基础。