学校网站的设计与制作
学校网站的设计与制作
吴中区宝带实验小学胡向锋
（一）制作学校网站的意义
我认为，制作学校网站主要有以下几方面的意义：
1、学校网站是学校的宣传阵地。
现在每个学校都非常注重自己形象的宣传，学校网站在各方面都体现出了宣传的优越性和快捷性，它可以把学校工作的各个方面展示在网上，让不同的人领略到本校的风采。
2、学校网站是师生的学习阵地。
师生做好的个人主页可以上传到学校网站上，可以让每一位制作者都体验到成功的快乐，并且人人之间都可以互相学习，提高自己的制作网页的水平。师生还可以在学校网站上发布学习信息，交互提问和答疑。
3、学校网站是学校、家庭、社会的连接纽带。
学校网站把学校、家庭、社会连接在了一起。一方面学校可以把学校的情况发布在网上，让家长、社会监督，另一方面家长、社会各方面的意见可以通过主页的留言版反馈给学校，使三者之间有了信息的交流。
（二）规划网站的栏目
在着手制作自己的网站之前，要做的第一件事就是问自己，建立这个网站的目的是什么呢?网站最忌讳多而杂，一个网站不可能面面俱到，在制作的过程中一定要突出自身的个性，选择自己学校最有特色或者是最有宣传价值的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。
初学者最容易犯的错误就是：确定题材后立刻开始制作。当你一页一页制作完毕后才发现：网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。所以在开始制作网页之前就应该规划好网页的栏目。
网站栏目的实质是一个网站内容的大纲索引。网站栏目的设置原则一是重点突出，二是浏览方便，应该帮助浏览者寻找到他所需要的东西。在设置栏目时，要仔细考察内容的轻重缓急，合理安排，突出重点。
具体做法可以从以下几个方面人手。
（1）细致划分主要内容
将主要内容按一定的方法分类，并为它们设立专门的栏目。例如一个学校可以分为主页、学校简介、教师天地、学生乐园、学校教育等等。记住，主题栏目的个数在主栏目中要占有绝对的优势，这样的网站主题突出，容易给人留下深刻的印象。每个主栏目下还可以分二级栏目，甚至三级栏目，例子见（https://www.360docs.net/doc/605387495.html,)
（2）开门见山列出主要内容。
网页的阅读方式与图书不同，网页的内容一般分为几个层次，上下呈线形分布结构，所以处
于线末端的内容需要鼠标点击几次才会找到，如果它与另一条线末端的内容之间没有链接的话，浏览者只有沿原路返回后再去浏览它；也就是通常所说的藏得太深。由于这个原因，网站的主要内容一定要放在首页或者一、二级栏目中，如果因内容结构问题不得不放在较深的位置上，一定设法在首页安排它的超级链接，同时在其他网页中放置多个超级链接，以方便浏览者很容易地找到它。
（3）设定双向交流的栏目。
比如论坛、留言本、邮件列表等，可以让浏览者有机会发表他们的意见，参与网站的活动。有调查表明，提供双向交流的站点比简单地留一个“E-mail me”的站点更具有亲和力。网络最大的优势之一就是为人们提供相互沟通的手段。
(三)确定网站的目录结构
网站的目录结构对于初学者来说是一个容易被忽略的问题，大多数人在制作网站时，都未经规划随意创建子目录。目录结构的好、坏，对浏览者来说并没有什么太大的感觉，但是对于站点的维护、未来内容的扩充和移植都有着重要的影响。
下面是建立目录结构的一些建议。
（1）不要将所有文件都存放在根目录下
有的网友为了方便，将所有文件都放在根目录下。这样容易造成文件管理混乱。你常常搞不清哪些文件需要编辑和更新?哪些无用的文件可以删除?哪些文件是相关联的?从而影响你的工作效率。另外也影响上传速度。服务器一般都会为根目录建立一个文件索引。如果你将所有文件都放在根目录下，那么即使只上传、更新一个文件，服务器也要将所有文件再检索一遍后，建立新的索引文件。很明显，文件数量越多，等待的时间也将越长。
（2）按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。如xuesheng（学生乐园）、xuexiao（学校简介）等。其他的次要栏目，类似news（新闻）、友情链接等内容较多，需要经常更新的可以建独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站、关于站长、学校介绍等可以合并放在一个统一目录下。所有程序都存放在特定目录，例如：ASP程序放在ASP目录，便于维护管理。所有需要下载的内容也最好放在一个目录下。(见上图)
（3）每个主栏目下建立独立的images目录
通常一个站点根目录下都有一个images目录。通过工作实践．笔者发现为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只用来存放首页和一些次要栏目的图片。
4、版面的布局。
动手设计网页的第一步是版面的布局。所谓布局就是指在一个限定的面积范围内合理安排、布置图像、文字的位置，把信息按照轻重缓急的秩序陈列出来的同时对页面进行修饰、美化。
版面设计是整个网站构思过程中最重要的一部分，因为好的版面布局给浏览者不但会留下好的第一印象，而且还会带来一个好的心情。学校站点的版面设计可以是明快、亮丽型；可以是古朴、大方型；可以是凝重、整齐型等。
就像传统的报刊杂志编辑一样，可以将网页看作一张报纸、一本杂志来进行排版布局。虽然动态网页技术飞速发展，但是静态的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，领会要点，便可举一反三，触类旁通。
（1）创意草案
草案的形成决定着将来网页的基本面貌，类似一个设计创意。它往往来自于一些现有设计作品、图形图像素材的组合、改造、加工。其思维方式有两种：借鉴模仿和逆向重组。
构思伊始，设计师可能会受现存的一些网页设计的影响，借鉴现有的设计样式是很自然的事，但不能照抄照搬。吸取成功作品中的一些视觉元素及其组合方式，加入自己的新元素，形成新的组合(有些由素材本身决定的)，这种借鉴模仿可以比较顺利地产生网页方案的雏形。
逆向重组是利用反向思维来完成设计和创作，把现有作品的视觉元素的性质加以改变、重组，与自己的素材结合而产生新的设计作品。比如，原有作品的背景色是黑色的，你把它改成白色，就会变成另外一个样子。也就是说将某一视觉元素中的某一描述参数加以改变，从而实现新的设计作品。
由此可见，设计师的工作很像作曲家创作音乐作品，需要从民间音乐中寻找素材，把一首歌谣创作成一首乐曲，把单独的乐曲发展成一个乐章。应该说明的是，借鉴模仿和逆向重组都是对视觉元素的量的改变，至于变化到什么程度，需要有专业的眼光、素养才能把握住。你可以用一张白纸和一支铅笔，把你最初的创意画出来。这属于创造阶段，不讲究细腻工整，不必考虑细节，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
（2）粗略布局
在草案的基础上，将你确定需要放置的功能模块安排到页面上。功能模块我们在前面已提过，主要包含学校标志、主菜单、栏目条、邮件列表、计数器等。注意，这里我们必须遵循突出重点、平衡协调的原则，将学校标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
（3）最后定案
将粗略布局精细化、具体化。在布局过程中，我们可以遵循的原则有：
①平衡：指画面的图像文字的视觉效果在左右、上下几个方位基本相等，分布匀称。
②呼应：在不平衡的布局中的补救措施，使一种元素同时出现在不同的地方，形成相互的联系。
③对比：利用不同的色彩、线条等视觉元素相互映衬，造成画面的多种变化，达到丰富视觉的效果。
④疏密：疏，是指画面中元素稀少(甚至空白)的部分；密，是指画面中元素繁多的部分，在网页设计中就是空白的处理运用，太满、太密、太平均是任何版式设计的大忌，适当的疏密搭配可以使画面产生节奏感，体现出网站的格调与品位。
以上的设计原则，虽然枯燥，但是如果能运用到页面布局里，效果就大不一样了。比如，网页的白色背景太虚，则可以加些色块；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡；经过不断的尝试和推敲，一个崭新的设计方案便完成了。
（四）网站的更新
网站更新是一个长期又艰苦的工作，靠1－2个教技室人员是肯定忙不过来的，所以我们必须依靠全体师生的力量。下面的划分希望能对你有所启发。
·网管人员负责主页、学校简介的更新及站点维护等工作。
·党、政、工、团、队的领导负责上网信息的把关，各种校园新闻的更新。
·教科室负责课题主页、家长学校网站的更新。
·各教研组负责教研组主页的更新。
·学生负责学生主页、班级主页、第二课堂等内容的更新。
·任课教师负责个人主页、学科主页的更新。
……
(五)用整站程序建立网站:
要注意的几个方面:
1、整站程序拿来后，先对栏目进行设定，打开后台管理程序演示。
2、再对主页面和其它页面进行修改。
3、对整站的色彩进行修改，设立几个模板，每天轮流换。
4、信息上传的分管和审核。
5、整合学校其它的资源。
（五）总结
一个学校网站可以很好地做到对外宣传、介绍的作用。所以在设计和制作学校网站时，我们要选取一个得心应手的网页制作软件，当然对周边的图画编辑软件，动画制作软件，也要熟练应用，只有这样才能制作出界面优美的网站。在制作之初，我们要设计好网站的栏目和名称，并确定目录结构，为以后的维护打好基础。网页的色彩选择和搭配是网页设计重点之一，不同的人对色彩的喜爱也不同，好的网站可以做到，根据浏览者的选择来确定网站色彩的主色调，这就要求制作者要有很高的技巧了。对于网站的更新，我在这里只是作了一些简单的建议，具体的经验要各位读者在更新过程中进行积累，共同研究。
（此文在2004年区信息技术会议上交流）