论精品课程的网页设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇论精品课程的网页设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

国家对精品课程的视频规定了详细的技术标准，服务器端视频文件建议使用rmvb、rm、wmv、asf、flv或avi格式，编码方式采用Mpeg－4标准，使用流媒体服务器对外。建议视频格式采用至少总比特率为300kbps、帧速度为30fps、大小为320×240。各学校对于视频的初始拍摄，一般都可以做到高清，一旦压缩成网络格式，很多精品课程都不注意视频的质量，并不按照国家标准执行压缩视频，在诸多精品课程网上的视频很多虽然也采用了wmv或者asf格式等流媒体格式，但经过压缩以后，要么帧频达不到要求，要么比特率达不到要求，使得视频质量降低。一个不清楚的视频是很难吸引学生学习下去的。就视频内容而言，很多精品课程多采用把老师讲课的过程直接录下来，而后期制作中加入图片、视频、动画、字幕、画外音等工作。某些学校对这类工作做得不多，或干脆什么都不做，因而使得视频播放效果大打折扣，学生只看一个老师讲课的非动态画面加上老师的声音，是非常枯燥的。还有诸多的问题，在此不再一一列举。

针对以上的问题，结合我校制作的精品课程，笔者认为，对于精品课程的内容设计，前期准备工作十分重要。一门课程要在网络上呈现，目的不是为了炫耀网页的界面如何好，更不是炫耀里面的内容如何的好，最主要的是要让学生能够接受，要以学生的需求为第一要素。而学生的学习，由于传统教育的影响，或多或少地存在被动性，因此，在设计过程中，要力求简洁，链接不能过深，学生想到了学习的内容，通过点一级，最多二级导航即可进行内容的学习，这样才能吸引学生。具体设计过程如下：

1．导航设计

精品课程的导航的内容一般包括教学文件、视频课堂、在线练习、在线测试（留言版）、网上讨论、拓展学习以及与课程相关的政策法规之类的栏目，导航栏的设置一定要把与课程相关的最主要的内容分类清楚，不能放一些无关的或者关系不大的栏目，以免引起学生的反感。

2．版面设计

精品课程的版面设计最主要的是简洁、明快，以青海电大《纳税基础与实务》精品课程为例，整个网页的显示部分像素设计为960×700，头部课程主题或动画设计为960×80～120（可根据不同的课程来增减头部的高度），导航的设计是在一行中，插入一个单行的表格，将每一个导航内容放到单行表格的各个单元格中。头部与导航是所有网页共有的内容。设计子栏目的过程中，比如在设计教学文件这一版面的时候，中间分为左右两部分，左边放如教学大纲、实施方案等教学文件，是教学文件的内容导航，左边的导航单元格宽度设计为200px；右边设计一嵌入式框架网页，此框架大小760×490为宜，将左边教学文件中的导航内容全部在这嵌入式框架中显示，在浏览的时候，整个网页不动，点击切换左边的导航，相应的内容在右边的嵌入式框架中显示，滚动条在嵌入式框架中拖动即可。别的栏目用同样的方式进行设计，做到页面设计的统一性，根据显示内容的不同，可以适当地调整嵌入式框架的宽度。对于一个导航栏目来讲，如果有子栏目，最常用的方式就是用折叠式菜单显示内容，折叠式菜单的显示用简单代码即可实现，这种显示代码在网上很常见，从别的网页上引用过来即可。我们在制作过程中发现，二级栏目可读性最强，因而，一个精品课程的栏目设计一般不超过三级栏目。很多高校制作的精品课程（比如清华大学精品课程）还采用了统一的模板，即网页的模式、色彩及导航内容基本一样，所不同的是内容及针对各课程自身的一些特殊的栏目。笔者认为，对于某一特定的学校，形成本校风格的精品课程的模板是可取的，最大的好处是，在以后制作精品课程的时候，设计人员用不着为如何设计网页的模式或者色彩绞尽脑汁，利用现成的模板替换网页内容即可，这种方式将大大提高制作精品课程的效率，做得多了，网上自然形成了某学校精品课程的特定模式。

3．视频的处理

首先，对于老师讲课视频的录制需要采取高清的方式进行。其次，针对老师讲到的视频内容，要准备充分的素材，素材包括文本、图片、另加视频以及针对某些内容制作的动画，然后在非线性编辑软件中进行精细的制作，真正做到图文并茂，吸引学生的眼球。再次，将制作后的视频进行必要的压缩，以适应网上在线播放，可以选择wmv、flv、rmvb等格式，但必须注意压缩后的视频要清楚，以国家标准为基准，压缩时只能比国家标准高不能低。最后，将制作好的视频以合适的方式放到网页中，可以直接链接视频，进行在线播放，也可以制作成三分屏网页，效果更理想，所谓的三分屏是将老师讲课的视频、内容导航、讲义文本（或PPT）分成三个区域。现在很多精品课程中，多以三分屏的方式呈现视频。现在很流行自动生成的三分屏视频课件，即教师讲课时采用PPT或者文本，录制过程将教师讲课及PPT操作一并录制下来，录制完成以后，自动生成索引即导航。这种方式在我校精品课程《纳税基础与实务》中全部采用，效果非常好。

4．内容设计

（1）一个精品课程能不能吸引学生学习，最主要的是放置的内容要适合学生学习，所以在栏目的设计中应当将所有的因素考虑周全，每个栏目中准备的内容以课程为主线，突出重点，全面概括，具体来讲，视频课程最为重要，一定不是辅导性的讲解，相关的教学文件、练习题等必不可少，辅助的拓展内容等根据需要放置。在拓展内容中可以放一些辅导性视频或者与课程相关的视频，不管是自制的视频还是取自网上的视频，尽量选择质量较高的视频。（2）网上精品课程中文本字号的选择一般是10号字，10号字是网页显示文本的默认字号，笔者认为，在精品课程中字号应该选择稍大一些较好，通常标题设为黑体14号字，正文部分设为宋体12号字，对于文本网页的行距设为1．5倍行距最理想，也可根据文本中的内容适当调整字体或者字号，比如在文学类精品课程中，文本网页里如果引用了一段小故事或者引用了名人名言，则可以用楷体来表现。（3）学生比较容易接受的学习内容是视频、动画，还有声音，看文本是最枯燥的。因此，在制作时，能用视频的地方尽量用视频，能用动画的地方尽量用动画，尽可能地将网页制作得生动一些，以加强精品课程的可读性。

5．练习题的制作

精品课程中多用在线测试的方式呈现练习题，练习题一般包括填空题、单项选择题、判断题、多项选择题等，制作过程中可以采用flash进行制作，比如填空题的制作，在我校的《地域文化•青海省情》精品课程中就是用flash的方式实现了填空题，填空题的制作，其难点在于对于填空内容的不确定性，用flash采用一个简单的语句即可解决这一问题。单项选择题、多项选择题等，网上有现成的代码，下载一个替换相应的内容就可以实现。在有些精品课程中也设计有在线考试内容。关于在线考试系统，网上有很多现成的源代码，比如“源码之家”网站上有各种各样的源代码，下载一个，进行简单的修改。最好采用ASP／Access方式，不受数据库影响，修改也很方便，进行后台维护也容易，上传题目、学生在线考试、阅卷等过程都能轻松完成。作为一门精品课程，并不需要专业的考试系统，因而，采用这样的方式最快捷、最实用。

对于精品课程的后期更新，用动态网页为宜，后期更新较少的一般用静态网页实现即可。精品课程的评价标准在于学生的认可程度，并不是谁制作的网页漂亮或者谁制作的内容多就好，学生的学习需求是第一位的，为了这一要素，要在制作的内容上、版面的呈现上、内容的可读性上做认真细致的处理，这样才可以制作出好的精品课程。（本文作者：晁仕德、梅林 单位：青海广播电视大学）