一个自学辅导网站的设计与实现
摘 要：本文介绍了一种链接在校园网上的自学辅导网站的设计与实现过程。这是在“人才培养模式改革与开放教育试点”中如何充分利用多种媒体进行教学的一种尝试。本设计从自学辅导网站设计的指导思想到网站的定位、内容设计及网页设计与具体实现方法等都进行了讨论，希望能给计划采用个人网站对同学们进行导读与自学辅导的同行一个借鉴。
关键词：开放教育 自学辅导 网站
在“人才培养模式改革与开放教育试点”实践中，为了给同学们提供更多的自学手段，尝试在校园网络上设计并实现了一个自学辅导网站，为同学们自主学习提供了又一种媒体手段。
一、自学辅导网站设计的指导思想
“人才培养模式改革和开放教育试点”工作实践中，我们经常看到有部分同学由于工作原因，经常出差在外，有的同学参加导读与讨论的时间有限，为了不影响他们的学习，应该给他们提供更多的自主学习手段。而在利用多种媒体教学中，计算机网络是一种不可多得的媒体。它具有无论在何地，只要有上网条件就可以自主进行学习的便利条件，因此尝试以《多媒体技术基础及应用》课程为突破口，利用校园网络建立一个为广大开放教育学生进行自主学习的个人网站。
二、网站的定位与设计
本网站的访问者是沈阳电大开放教育“计算机科学与技术”专业本科段的有学籍的注册学生。因此为他们提供《多媒体技术基础及应用》课程的相关自学辅导资料是本网站建设的基本点。
1、网站设计思想
一个较好的网站应该具有统一的信息格式、前后一致的网页模式、信息简单明确完整、并突出个性。对“多媒体技术基础及应用”自学辅导网站应突出两个明显的特点：一个是突出多种媒体；二是突出提供自学辅导条件。
2、网站的内容与功能
自学辅导网站在内容上定位在如何能够实现教与学模式改革的导修、导读、重点难点辅导、作业及习题解答等方面。为此主要设立三个栏目，一是本站导航栏目，在此栏目中设有责任教师、教学大纲、考核说明、导修进度（安排）、自学辅导（自主学习指导）、跟我学多媒体（教学方案设计）、视频演示、音频演示、无师自通、作业发布、章节提示（章节导读）、并设有师生交流专题，以促进学生能在异地与教师交互式学习。二是其它课程导航，计算机科学与技术专业所开设的所有课程均设在本栏目中，一旦有哪门课程的自学辅导网站开通，通过超链接就可以访问该科课程的自学辅导网站了。三是课程简介，对本网站为同学们提供的辅导课程进行介绍说明。
本网站的功能是为同学们提供浏览与自主学习的方便，主要提供信息查询、资料下载、学习服务及网上讨论等项功能。
为了进一步给开放教育在籍同学们自主学习提供服务，网站还具有与其他相关兄弟院校的校园网进行超链接的功能。
3、网站网页的设计
首页设计突出了有关“多媒体”的印象和概念。主页设计使访问者能够一目了然地了解本网站的全部内容。为此：
在首页采用滚动地球为背景，“多媒体技术基础及应用自学辅导网站”循环进入首页，以给同学们一个清新且富有含义的印象。在首页上单击就可以进入主页。主页采用“T”形设计方案。主要内容安排如图1所示。
图1 网站主页设计示意图
为了便于同学们自主学习，网页在保持风格一致的同时，要考虑导航和浏览的方便性。因此采用 类似“川”字型的结构，即左边仍保持本站导航和兄弟院校链接，右半则是导修和导读浏览的内容。每一页浏览结束时都能够进行下一页的浏览或返回首页，以此提高浏览的速度和方便性。当然还可以充分利用左侧的本站导航跳跃式地去浏览希望学习的其它内容。
三、网站的实现
1、本站导航各专题的内容
鉴于本网站是为同学们提供自主学习方便条件的特点，根据本站导航的栏目安排，实现各栏目的内容为：
责任教师：简单介绍责任教师的有关情况，联系方法，以便于同学们与责任教师的日常联系。
教学大纲：采用中央电大制定的教学大纲。
考核说明：根据中央电大要求和我校的具体情况指定的考核要求。
导修进度：根据本学年的校历，安排具体的导读、辅导、实验、讨论、答疑时间与地点。
自学辅导：根据教学大纲为同学们制定的自主学习指导。包括自学时间安排、复习时间要求、各章节学习要求等。
跟我学多媒体：结合多媒体课程的特点制定的教学方案，学习方法。
视频演示：为了给同学们直观的多媒体概念，熟悉理解视频信息的概念，利用视频演示方式提供直观教学。
音频演示：为使同学们熟悉理解音频信息的概念，通过一段音乐给同学们提供采用MIDI格式的音频效果，以便于对数字音频的理解。
无师自通：通过对习题的练习与解答，让同学们对导读的内容加深理解，可以使同学在无教师指导的情况下自己完成多媒体课程的学习。
作业发布：按期发布本学期的作业内容。
章节提示：按章节进行导读，提示出重点、难点，教学要求和教学时间等方面的安排。
师生交流：通过聊天室进行交流。
与兄弟院校链接、其它课程导航的内容较为简单，主要是为同学们提供多种自学渠道。
2、实现方法
本网站在实现过程中采用了三种方法。对动画选择了Flash来实现，如首页的滚动地球背景和“多媒体技术基础及应用自学辅导网站”循环进入的方式等；对一般的文本方式的内容直接用FrontPage完成，或用Word完成文本文稿后再转换成Web页。为了提高访问速度，相关链接则采用HTML设计实现。
鉴于时间和效果，视频演示直接选用了雪村的捉贼，音频效果也直接使用了现有的MIDI音乐。
在实现中除非必须外，滚动条和动画使用较少，原因是加快访问速度和减少网站的容量。按照这种方法实现的个人网站具有较强的生命力。
四、后来者的借鉴
本网站尚有许多可改进之处，指出来给后来者以借鉴。一是内容连接最好采用后台数据库方式，最简单的方法是用Office中Access；二是在自学辅导专题中，对自学辅导设计多下一番功夫、能再多考虑一些效果可能会更好；三是如果时间允许最好使用HTML来进行设计，这样可以加快速度。
本次设计的个人自学辅导网站是一种尝试，不足之处一定很多，写出来得目的是与同仁共同探讨，以便为开放教育试点的同学们提供更好的自主学习手段，使试点工作搞得更好。
- 上一篇： Dreamweaver 设计网页
- 下一篇： 返回列表