教学资源网站设计例1

关键词：

CMS；教学资源；系统设计；管理平台

随着互联网技术的发展，其对教育的冲击不断扩大。为适应社会需求，各高校也不断推出自己的数字教学资源，如精品课程、网络课程等。随着高校数字资源的不断发展，造成系统缺乏整体规划，资源多而杂，资源信息不一致，技术手段不统一等现象。如何高效地构建高校教学资源平台，是许多高校面临的难题之一。笔者所在学院为更好地解决教学资源杂乱无章，利用率低等问题，着力研究基于内容管理的高校教学资源网站的设计与开发。

1CMSCMS（ContentManagementSystem）即内容管理

系统，是一种运用现在流行的ASP、JSP、PHP等服务器端脚本语言对站点进行智能管理与维护的系统[1]。内容管理系统利用模板统一站点外观风格，通过脚本语句提取显示的内容，从而优化站点的管理与维护工作，降低人工管理的复杂度。一般管理员通过后台输入信息、上传文件、导入数据并对信息进行简单处理，CMS自动将内容整理并存储到数据文件中；系统通过脚本语句生成页面供前台用户浏览。CMS的核心功能是把网站的内容管理和页面设计分开，用模板存储页面设计的相关内容，而显示内容存储在数据库或独立的数据文件中。衡量内容管理系统的另一重要指标是其包容性，即对内容格式、传输标准、范围等的限制或要求。创建网站内容要依赖于其包容性；CMS对创建的内容进行再加工，以提供有用的新资源；过程中，内容管理系统按照人为设定的程序，自动将内容信息出去。

2高校教学资源网站解决方案

在充分调查分析兄弟院校需求的情况下，根据自身所在院校对教学网站的实际需求，设计了系统功能架构，给出了教学资源网站解决方案。

2.1系统的功能架构该内容管理系统采用三层体系结构：数据层、业务逻辑层和表示层，如图1所示。三层体系结构降低了层之间的依赖程度，结构明确，复用度高；能缩短系统开发周期，并可大大降低后期维护的成本[2]。本内容管理系统仍采用管理员（及教师用户）后台登陆的方式进行内容的管理和，脱离与固定网站的绑定，具有可扩展性。

2.2系统功能模块设计根据高校教学资源管理系统的自身特点，该CMS系统可通过四个功能模块来实现，如图2所示。⑴系统管理：该模块是网站全局设置模块。在系统设置里可以设置网站的服务器、根目录、标题及系统参数等；在生成设置里可以设置网站的目标位置；在上传设置中可以设置上传目录、文件类型、大小限制、水印图片等；账户管理里可以添加、删除、修改管理员账户及教师用户，并设置相应权限。在此处所做设置将对整个站点起作用。⑵内容管理：该模块是系统的核心模板，主要实现教学资源的管理。内容管理包括课程分类和课程管理两部分。在课程分类中，可以自由地设置课程类型信息，如文学、理工、经济、哲学等，每个分类下还可以添加子分类（最大分层数可在“系统设置”模块的参数设置中设置，一般不超过三层）。课程管理模块：可以浏览、添加、删除、修改、检索、统计课程信息。浏览：显示系统内所有课程信息，包括课程名称、类型、主讲教师、更新日期、访问量等；单击课程名称，跳转到相应的页面进行信息浏览。检索：输入需查找的课程名称或主讲人或其他指定关键字查找符合条件的信息列表，通过课程名称可链接至课程资源模块。资源管理模块：对课程资源进行管理。主要管理课程简介、主讲教师介绍、课程进度、课程章节目录、教案、课件、教学视频、试题库、教材、参考书、文献资料、学术活动等内容。如增加某课程的课件、删除某课程的教案、修改某课程的简介等。上传资料时需指明资料的详细内容：如课程名称、关键字、类别、上传者等，系统生成上传日期。⑶模板管理：主要管理模板的有关信息。创建及使用模板是CMS核心之一[3]；好的内容管理系统应支持栏目的分级模板管理。如系统基本模板、课程资源模板、信息检索系统模板等的添加及配置。⑷其他管理：该模块主要实现对站点留言、问题、答案与评论等互动式信息进行管理，另实现信息搜索、信息采集等内容进行管理。系统设定一般用户可通过互动平台提意见、建议或问题、答案，以实现教学的互动与反馈；管理员可以对该模块内容回复、修改、删除。一般用户亦可上传各类文件，管理员可以根据需要，给予回复、修改、删除。

2.3数据库设计高校教学资源管理系统的核心模块是课程资源管理。根据其模块化分，按照面向对象的思想，在数据库中设计四个数据表：课程列表、课程类别表、教师表、课程资源表。如表1-表4。其他表略。

2.4系统地图设计系统内站点地图的作用是为了方便用户对当前浏览的网站页面在站点中位置的认识和了解。后台也能方便的使用TreeView控件，生成后台的内容管理树状结构图，以及使用SiteMapPath控件生成页面在站点的逻辑位置导航[5]。系统前台整体页面功能导航如图3所示。

3系统实现

本系统开发采用技术，开发平台选择VisualStudio2008，基于.NETFramework3.5版本，编程语言采用C#，数据库采用SQLServer2005。在系统设计中涉及的主要技术有以下。⑴全站连接：数据库的定义和连接采用全站连接方式以提高系统运行的效率。⑵验证码：对于交互式页面，为防止被软件恶意提交数据（如留言、问题等），在交互式页面加入验证码机制。⑶KindEditor插件：KindEditor是开源的HTML可视化编辑器，可以在网站上获得所见即所得编辑效果，这是目前较流行的编辑器。为方便用户添加、编辑课程教学资源信息，优化用户体验，系统在教学资料添加和编辑页面中嵌入了KindEditor插件，从而实现类似桌面编辑软件的可视化编辑功能，简化页面编辑的复杂度[4]。⑷模板引擎技术：模板技术将信息内容和页面表现进行分离，对信息内容的管理不会影响到具体的样式展现，同时对样式的更改也不会造成信息内容的变化[5]。

4结束语

本文针对当前高校教学资源管理现状，采用三层体系结构，设计了一个基于内容管理系统的高校教学资源管理网站。使用当前较为成熟的软件开发技术，建立一个比较适用高校教学资源管理的系统和平台。该系统架构在实现过程中还存在一些不足之处，需在后续系统建设过程中不断完善。

参考文献(References)：

[1]何伟娜,刘高原.基于CMS的开放式资源库系统设计与实现[J].计算技术与自动化,2011.1:106-109

[2]孙超,钟珞.基于.NET框架的内容管理系统设计与实现[J].现代电子技术,2009.6:106-109

[3]沈磊,郑超雷,叶勇武,诸葛斌.智能建站CMS系统的研究[J].计算机时代,2010.7:49-53

教学资源网站设计例2

2搜索引擎优化视野下教学资源网站的设计策略

搜索引擎优化的主要方法和技巧有网站结构、网页布局、首页、关键词等方面的优化。为了方便教学资源网站的整体优化，文章采用搜索引擎优化视野下教学资源网站优化的分层次设计策略（如图1所示），即策划层次、开发层次、界面设计层次及维护层次四个方面来阐述搜索引擎视野下的教学资源网站的设计策略。2.1策划层次的设计策略策划层次的设计策略是教学资源网站前期的准备工作，从网站的设计方案到最终网站的建立，都必须按照策划方案进行，所以策划层次的设计策略决定了网站后期的发展前景及网站的运行状况，主要从三方面设计策略。（1）网站域名选择。作为教学资源网站，选择独立、合适的域名，保持域名的简洁、清晰，方便用户的记忆和使用，有效提高教学资源的利用率。（2）网站虚拟主机选择。为了提高教学资源网站的访问量，尽量选择独立的主机作为教学资源网站的主机，避免因为共享同一IP地址带来的搜索引擎的惩罚。（3）网站结构设置。首先，从搜索引擎优化的角度看教学资源网站的栏目设置应尽量采用单一的目录结构，避免多层次且复杂的目录结构；第二，网站导航设置，教学资源网站的导航设置首要考虑的因素就是要方便学习者的访问，基于此，结合搜索引擎优化教学资源网站导航设置尽量使用文本进行导航，同时增加学习者的学习路径显示，为学习者提供方便简洁的操作。第三，使用网站地图对教学资源网站进行整站导航，防止造成学习者信息迷失。2.2开发层次的设计策落无论是自主开发的教学资源网站还是采用CMS建构的教学资源网站，其数据都是通过后台的管理进行上传，上传的方式主要有两种，一是采用动态产生的PHP、ASP等动态程序生成的动态页面；二是采用通过处理产生的静态页面。第一种方式容易造成搜索引擎的无法识别而导致用户无法找到资源，故而一般需采用第二种方式，将教学资源网站的内容页面进行静态化处理，有效提高搜索引擎的检索成功率。2.3界面设计层次的设计策落（1）页面元素的设计。由于搜索引擎检索程序对于除文本之外的元素难以识别，页面元素设置要避免过多的图片、动画等元素，以免造成学习者难以检索和网页访问速度的降低。页面布局原则：显著位置放置最重要信息；根据HTML信息的顺序，最高位置放置容易被搜索引擎抓取到的信息[6]。采用CSS+DIV进行页面布局，采用CSS进行页面元素控制，有效减少冗余代码的产生，也能够较好的支持移动设备端的访问，利于学习者选择多元化的学习方式，同时方便网站后期的维护，提高了搜索引擎对网站内容的抓取效率。（2）关键词优化。关键词是搜索引擎优化的核心内容，通常情况下采用能够包含整个教学资源网站和内容页面的关键词进行优化，选择网站或页面内容密度较高的词作为关键词，一般选择5-10个作为网站的关键词，一个页面一般不超过3个关键词，将网站关键词分布在各个页面中。关键词位置通常选择页面较为明显的地方，如“Title”、“MATA”、“超链接文本”、“URL”等地方。2.4维护层次的设计策略维护层次的设计策略涉及很多方面，文章主要选取了网站超级链接的优化、网站内容的建设与维护两方面。2.4.1超链接优化超级链接是连接网站内部个模块之间的纽带，作为为教师和学习者提供优质学习资源的教学资源网站，网站内部的超级链接必须实现无缝连接，保证用户在任何页面都能够轻松到达下一个需要的页面，提供给学习高质量的学习体验，同时为了保证搜索引擎的搜索效率，建议多采用文字链接。2.4.2网站内容建设与维护无论使用何种技术进行搜索引擎优化，网站内容都是搜索引擎优化的中心，网站内容服务网站核心价值，突出网站核心价值为主。作为教学资源网站，其核心价值就在于提供优质的、多类型的教学资源。主要从以下几个方面进行内容建设与维护。（1）资源和内容的信度，首先教学资源网站必须要保证其资源和内容具有较高的信度，才能为用户提供良好的体验，同时也能够保证搜索引擎对于网站的收录。（2）资源和内容的权威性，教学资源网站属于知识型的网站，较高的权威性不仅保证了网站的访问量，同时也为学习者提供了较好的知识服务与体验。（3）注重用户交流，教学资源网站要为学习者提供交流探讨的功能，能够促进知识的交流与共享，学习在知识交流与分享中才能够不断的提高，同时搜索引擎可以通过用户的行为分析网页内容的价值，从而提高教学资源网站的知名度。

教学资源网站设计例3

中图分类号：G431

文献标识码：A 文章编号：16727800（2014）002017503

0引言

2003年，教育部启动了“高等学校教学质量和教学改革工程”；2008 年，《国家精品课程评审指标》中提出，精品课程是有特色的优秀课程。一个优质的精品课程网站，首先需要确定精品课程网站的主要功能，然后详细分析这些功能，并规范要求，最后在设计上注重网站特色以及实用性和易用性。

为实现优秀课程资源共享，确保教学质量，精品课程经过长期教学的积累，具有一定的教学水平和经验，其网站的建设是精品课程建设的重要组成部分。单纯依靠计算机网站技术，无法制作出优秀的精品课程，只有以精品课程的教学活动为中心进行网站设计和实现，并以实际应用为导向，把计算机网站制作技术渗透到精品课程网站建设的每个环节中，才能制作出优秀的精品课程网站，为教师的教学以及学生的学习提供优秀的教学资源、学习方法。

以C语言精品课程为研究对象，建设精品课程网站，充分发挥课程网站在教学中的主导作用，通过对精品课程网站设计的基本原则、模块设计、制作技巧等进行具体的构思与设计，使精品课程网站实现结构优秀、布局合理、色彩搭配协调、教学资源丰富、人机交互和谐等完美的结合。

1网站框架设计

精品课程网站以首页展开，主要设计了课程描述、师资队伍状况、网络课堂、师生互动等模块，具体构思如图1所示。

2精品课程网站设计原则

建设精品课程网站，所选择的教学内容应以学生为中心，兼顾学生在学科发展上的需要， 以提高学生科学综合素质及创新思维为指导思想。同时，教学内容应具有实用性，尽可能使网站资源丰富，易于学生在线学习、浏览与实践练习，并且网站设计应具有良好的交互性。

2.1以学生为中心的原则

精品课程网站建设主要是实现优秀资源共享，一是师资智慧的共享，共享先进的教学理念和教学方法；二是学生学习资源的共享，也是国家启动精品课程建设的最主要目的，即学生们在网络上分享优秀的教学资源，如课件、教学视频、参考资料等，从而提升高校教学的质量和学生自主学习的能动性。

在精品课程网站的设计和实现中，学习网上资源的主体是学生，强调通过自主学习掌握所需知识，培养学生探索知识的兴趣，使学生从被动地接受者角色转变为主动的分析者、探究者。本站中的C语言网络课程课件有助于帮助学生掌握正确的编程方法和相关理论知识。本网站与学校精品课程网站相链接，学生登陆校园网就可以进行在线交流和讨论，也可学习和观看最新上传的教学录像、课件以及复习资料。

2.2教学内容与设计相结合

在组织、设计精品课程网站风格、布局时，必须使教学内容与程序设计的方法相结合，以“以人为本”为原则建设网站。在组织、安排教学内容和环节的同时，重视培养学生的创新思维和实际动手能力。

2.3教学实用性原则

精品课程网站主要为教学提供辅助服务，随时上传最新的教学课件，为学生自学提供服务，将授课多媒体课件、视频、课后习题及答案、实验指导、课程设计题目等学习资源以不同的栏目分类展现。教学资源与教学应用相结合，制作的课程资源还包括经典的习题和案例，不能盲目追求“大而全”。在介绍C语言知识体系、提供相关教学参考资料和习题及答案的基础上，体现课程特色，结合学生实际学习情况，总结学生自主学习和认知的规律，使学生通过网站真正学到知识。

2.4交互性设计原则

交互性设计的主要目的是提高学生的参与度和学习的主动性。精品课程为学生提供远程教育服务，特别是促进身处两地的教师、学生间的沟通交流。在设计、实现精品课程网站时，采用各种交互方式，如留言板，实现教师与学生、学生与学生间教与学的沟通和交流。

2.5教学资源应用为主要原则

精品课程建设过程中，网络教学资源的收集和整理十分重要。资源可以分为“有形资源”和“无形资源”。有形资源是在精品课程中可以直接使用的各种资源，无形资源是蕴含在精品课程建设中的教学理念、思想和方法。为此，教学资源的收集、整理应紧紧围绕课程教学的需要，资源力求全面、丰富和实用。

C语言精品课程的教学资源主要有素材资源、课程模块和教学支撑平台。素材资源有教学大纲、课程教案、教改信息、课外资源、Flash视频等，以及来源于学校教务部门制定的政策、文件以及教师根据教材制作的电子教案等，课程模块主要有课程介绍、在线教学视频、在线多媒体课件、扩充资源等。

3网站关键技术实现

精品课程网站是集学生自主学习、课后学习交流、教学互动于一体的重要平台。建设一个美观实用、资源丰富、具有鲜明特色的精品课程网站，是精品课程任课教师、网站设计制作人员、教务管理人员协同合作的结晶。 “磨刀不误砍柴工”，只有完成网站的整体风格、模块设置、栏目架构、技术应用等前期规划工作后，网站的技术制作才能又快又好地完成。

3.1页面设计

页面设计遵循板块布局和整体布局的统一， 既从整体上把握，又突出网站的特色。页面布局是网站中各部分内容的位置关系，即左右、上下框架型等多种类型。本网站主要采用综合框架型布局方式，即网页的上方基本一致，左侧采用树形嵌套结构，右侧显示主要内容，并设置横向的一级导航栏，主要有首页、课程描述、师资队伍、网络课堂、师生互动等模块，涉及教学内容、师资队伍、教学环境、教学方法、教学成果、教学特色等内容。

3.1.1首页设计

首页设计在网站制作中至关重要，首页是进入网站的第一步，也是最重要的门户，是连接各子页面的中介，更是网站的灵魂，通过首页可反映出网站的核心内容。主页布局设计独立于其它页面，应给人以赏心悦目的感觉，并适当安排动态画面，动静结合。

3.1.2其它页面设计

其它页面的设计必须与首页风格一致，其它页面布局一般分为3部分。顶部与首页的顶部相同，模块划分清晰，链接结构应避免各种资源的堆砌，而缺乏内在条理，如教学方面的内容有课程简介、教学大纲、教材、精品课程申请表、历年考试试卷、全国计算机等级考试二级模拟试题、部分考试模拟题、答案等，让学生对上课、考试形式和内容有整体的概念，便于学习和复习。教学条件主要为硬件设施设备、教学软件，主要有专业软件的介绍资料、上课教程的下载等。教学成果主要有相关教师的授课录音、图文并茂的课堂录像，以及一些评价等。

3.1.3色彩设计及文字处理

在网站教学内容中添加色彩，可以补充由于课堂授课平淡， 让学生产生困意而忽略的知识点。颜色决定了网站的风格和基调，为达到统一的效果，必须将网页中的文字、图像、Flash的色调设置为符合网站的主体风格。为体现教育类网站的知识性和科学性，给人以宁静、平和、淡雅的感觉，可以在网页中加入图片、动态等元素。

C语言精品课程网站从总体风格、色彩、Logo到多个图片循环播放，均力求突显C语言课程的风格。如图2所示，页面右上方的“帮助中心”提供了许多帮助，采用视频或Flash详细阐述C语言编程软件的使用方法。

3.2网站设计关键技术

3.2.1网站模板

制作网站时，很多页面间有着共同之处，如网站的Logo、导航等网页的上半部分内容和最底下的版权信息，还有一些相同类型的元素具有相同的属性，如字体、颜色、大小等。这些内容一般不发生变化，但在设计每个页面时，却要浪费时间重复这些操作，采用的模板可以存放多个页面的公共元素，在设计页面时只需要调入模板载入公共部分再继续编写。

3.2.2教学录像

精品课程网站中加入教学视频， 充分显示了流媒体的作用，授课内容的录像是精品课程网站的主要组成部分，是实现远程教学的关键性技术。精品课程的录像应注重学生的视觉和听觉效果，其视觉设计应以教育服务为出发点，让学生在浏览网站资源时感受到最大的视觉愉悦， 从而较好地实现教育信息的传达。

教学视频和Flas既具有生动活泼性，又具有教育意义，精品课程教学录像一般采用AVI、WMV、ASF 或RM、RMVB等格式，为保证其能正常播放、流畅播放，采用流媒体服务器对外。采用流媒体技术可边下载边播放，很好地实现实时播放。

C语言精品课程网站使用AVI格式的教学录像格式，播放流畅，学生可以在线点播， 授课内容可由学生自己控制。

3.2.3多媒体教学课件

在精品课程网站建设中，多媒体教学课件是重点建设对象，通过图、文等技术全方位传授课程重点知识。C语言课件的每一章节都是由多名教师共同讨论才确定的，并在各章结束时提供全面的相关练习题进行自我检测，帮助学生及时查漏补缺。

花费大量的时间和精力搜集、整理、归类C语言其它相关课件等资料，并提供课外书籍，相关习题。同时，实现具有较好的观赏性且内容丰富的课件，以扩充学生们的知识面，掌握更多C语言相关知识。

另外，在网站上提供C语言各种版本的编译器以供下载，并提供安装步骤相关资料；同时，为学生的在线例题提供一个在线编译、执行的环境，方便在线演示和操作。

3.2.4网站更新与维护

精品课程网站要求经常更新。在学习理论课程的同时，还附有实践课程的实践操作要求，丰富的实践课程要求提高学生对知识的理解和运用，所以必须定期维护、更新网站内容。精品课程建设是一个长期的过程，必须及时吸取其它精品课程的优点和收集、整理相关资料，并动态更新到精品课程网站中来。公告栏主要用来显示程序设计相关新闻、学术会议及教学活动安排，这些信息也需要定期维护与更新。

C语言精品课程网站综合应用了HTML 超文本标记语言、、数据库和SQL等技术，实现了真正意义上的自动更新。采用数据库技术，主要是为了实现动态更新、在线上传内容，以及在线学习、交流、练习等功能。

4结语

从准备到完成C语言精品课程网站建设，整个过程都具有一定的科学性，立足课程自身特点，以学生学习为中心，充分利用网站的优点“共享资源”功能，恰当运用现代多媒体教学科学技术、方法与手段，显著提高了教学的效果。除积极准备网站内容外，还全面掌握精品课程网站建设技术，合理设计网站的框架和风格，解决网站设计中的一些关键性技术。精品课程特别是C语言精品课程网站，应具有互动性，需要不断更新网站资源，完善网站功能，以辅助课堂教学，提高学生课外学习效率，从而取得更好的教学效果。

参考文献：

[1]何钦铭，颜晖.C语言程序设计[M].北京：高等教育出版社，2010.

[2]郝红军，荆锦鹏.精品课程网站的功能及其设计制作[J].安阳工学院学报，2012（2）.

[3]阳卫文.基于P2P流媒体系统模型的研究进展[J].现代电子技术，2008（2）.

[4]万荣泽.基于技术的统一后台网站群的设计[J].微计算机信息，2007，23（8）.

教学资源网站设计例4

二、优化校园网站建设的对策

（一）领导重视是优化校园网站建设的前提学校领导层的信息技术教育意识直接决定了校园网站建设的规模与质量，因为校园网的建设与维护是一项长期的系统工程，需要学校申请教育行政部门立项、批准，拨付大量资金，进行统筹建设。其工程巨大，任务繁重，需要学校在政策、人力、物力等方面合理安排，给予支持。因此，学校领导要高度重视校园网站建设，统筹分配，分工合作，成立专门的教育资源库建设小组，组织学校管理人员、各学科名师、专职教师和计算机专业人员，共同完成教学资源库的建设、维护和管理。（二）模块化设计是发挥校园网站功能的捷径校园网站设计的模块化可以使网站系统成为一个真正清晰明了的有机体系，能大大提高系统功能的多样性和交互性。模块化的校园网站便于修改、扩充，也更易于达到交互性学习的目的。教学网站模块主要包括：1.网上互动模块。各学科教师根据教学需要，按照教学计划即时学科信息、复习要点、网络作业、单元自测题等，学生回家后利用网络自主复习功课，完成作业或测试等，并及时将结果上传到校园网站上。然后，电脑自动生成评判结果，并反馈给学生。2.通知公告模块。学生把学习中碰到的疑难问题到校园网公告板上，教师要及时查看并解答，其他学生也可共享。3.教师信箱模块。学生上网注册，就可以获得网络提供的E-mail地址，这样教师和学生就可以通过电子邮箱来讨论和交流问题了。（三）科学规划是校园网站资源检索的基础在校园网教学资源建设中，教学资源检索必须建立在科学规划、分类索引的基础之上。校园网站必须根据师生的需求开发资源检索系统，向师生提供素材、学科类别属性、资源关键词等检索方式，从而将师生需要的教学资源信息最快、最优地呈现给师生，提高师生获取教学资源的效率；完善教学资源特征描述，以跨平台的教学资源检索为发展方向，建立资源的索引、描述、定位信息，实现对教育教学资源的周期管理，从而使师生访问各种多媒体资源的技术达到最优，进而实现跨平台教学资源信息检索；建立资源收藏服务系统，从而使师生可以将检索出来的有用信息收入自己的收藏夹，以免再次搜索。（四）提高教师素质是发挥校园网站功能的关键只有提高教师的信息技术素质，才能保证校园网教学功能的正常发挥。而要提高教师的信息技术素质，首先，学校必须根据《教育部关于实施全国中小学教师信息技术应用能力提升工程的意见》制定培训方案，广大教师要积极参加多层次的教育技术培训，掌握计算机应用基础知识和Internet操作技能，从而实现信息技术与各学科的有机整合，发挥多媒体教学的辅助作用。其次，学校要积极创建为师生服务的网络教学环境，并运用多种技术手段评价教师的教学情况，从而提高教师教学的积极性和教学效率。（五）发动教师的力量是丰富校园网教学资源的保障教师是教学资源建设的中坚力量，学校要发动全体教师为校园网站提供教学素材、教学案例、导学案、课件等资源，并根据现有资源和平台，建立分类科学、检索清晰的资源站点。这既有利于教师的课堂教学，又利于学生的自主学习。总之，学校要注重培养教师的资源建设意识，努力实现教学资源的共享，从而为提高教学效率奠定坚实的基础。

教学资源网站设计例5

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）11B-0034-03

教育部 2011 年了《关于实施国家示范性职业学校数字化资源共建共享计划的通知》，决定以国家示范性职业学校为引领，促进优质资源共享，提升信息技术支撑职业教育改革创新的能力，着力提高人才培养质量。南宁市第六职业技术学校近年来开始尝试通过信息技术将学校教育、社会实践及终身学习结合在一起，进行混合式的教学改革。学校将信息技术应用渗透进课堂教学，通过教育途径的延伸，线上线下学习的结合，实现在教师引导下的学生主动学习能力的培养。本文以南宁市第六职业技术学校为例，从建设目标与思路、建设内容、实施方案、应用成效、特色与创新等方面对“网站建设综合实训”课程混合式教学资源库的建设与应用进行探索，以突出教学特色创新，大幅提升线上线下教学成效。

一、建设目标与思路

（一）构建混合式教学模式。将职业教育理念与远程教育理念混合，将网络资源的在线学习与离线学习混合，将传统教学资源与数字化资源混合，将真实环境的学习方式与虚拟（网络）环境的学习方式混合，构建面对面的课堂教学和数字化学习两种方式相融合的混合式教W。

（二）开发多样性混合立体化教学资源库。优化混合式教学实施方案，在改进完善课程教学大纲、整体设计、单元设计基础上，进一步开发设计一套切合混合式教学的教学课件、助学视频及动画、试题库、学习评价体系等立体化教学资源库。

（三）突出自主学习，强化教学效果。以学生为中心，以教学活动为导向，将传统学习方式优势和数字化网络学习优势相结合，引导学生在“学”上下工夫，关注学习过程，加强学习策略和方法的训练指导，注重学生自主学习能力的提升，力求给学生良好的学习体验。

项目以“教学团队集中学习讨论与培训（领会相关资源库建设理论）到企业、同类院校调研根据课程内容及特点进行学生学习需求分析教学元素设计与开发（包括学习理论、学习资源、学习环境、学习方式等）教学模式重构，混合式教学资源整合混合式教学活动设计与实施项目研究总结，评价并进一步改进优化教学资源”的思路开展研究。

二、建设内容

通过对课程课堂教学和网络教学的深入融合，创新教学模式，进一步优化教学整体设计和单元设计，整合立体的数字化教学资源，借助互动性强的课程网络学习平台，实现课程线上线下“双互动”，以满足学生自主学习需求，最终使学生达到最优的学习效果。具体体现在以下几个方面：

（一）课堂面授教学设计。课程将“翻转课堂”理念运用到教学中。以分组教学的形式，将班级学生分别划分为 6 组，每组6-7 人，每组设组长 1 名。教学环节按照企业项目开发过程，穿插角色扮演。计算机网站建设实训室被拟为“广西南宁欣欣文化传播有限公司”，承担的工作任务是某商务网站投票系统、注册系统、留言系统的设计与开发；学生分别扮演网页（美工）设计师、Web 软件开发设计师的角色，教师分别扮演客户、项目经理的角色。

在课堂教学面授过程中，围绕网络学习中存在的疑点、难点，通过小组课前汇报、撰写计划、案例分析、协作学习、编码调试、作品评价等教学活动环节，很好地调动学生的学习主动性，发挥教师引导、启发、监控教学过程的主导作用。同时，课堂教学中的资源都可以从网络教学平台中获取。

（二）网络远程教学开发。课程提前一周在学校网络教学平台工作任务。网站资源库的网络教学对课堂教学提供全方位的导学助学支持。帮助学生了解课程、引导学生制订学习计划、提供学习方法指导、指导学生选择学习媒体和学习开发工具、提供学习心理辅导和在线交流等。

在网络教学中，适时导学材料、作业、辅导资料、知识拓展资料等学习资源；定期组织在线测试和集中辅导；策划组织在线答疑、主题讨论、典型例题与案例解析等学习活动，引导学生开展协作学习，充分体现学生作为学习过程主体的主动性、积极性与创造性。通过在线导学、定期实时辅导和集中面授辅导等方式的结合，保证导学助学服务不间断地贯穿学生学习的整个过程。

三、实施方案

课程一般按照 5 个课时进行单元设计编写。以模块 1 中第四个工作任务投票功能实现为例。教学分为三个阶段进行，其中线上学习 2 个课时，线下学习 3 个课时。

（一）课前准备。学生通过网络平台领取工作任务单，浏览和下载资源对投票功能相关知识点进行学习，与组员之间讨论交流，进行学习资料收集与整理，制作项目需求分析，并根据项目需求分析，进行投票功能设计，确定制作方案。

（二）课中讲授。课中讲授可从以下步骤展开：（1）针对学生网络学习过程遇到的问题进行讲解，提示学生疑点、难点的解决思路；（2）学生小组分工协作，完成程序开发、编码单元调试和集成调试；（3）教师对各小组执行进度和情况并做好相关记录，提出整改意见；（4）学生课内讨论交流，根据教师建议对作品进行修改完善；（5）成果展示，教师点评，学生互评。布置下一个工作任务。

（三）课后巩固。学生将作品修改完善后通过网络平台提交给教师，教师在平台上批改作业并给予反馈。师生在学习平台上针对教学问题进行交流。学生利用网络资源进行自主学习拓展内容。

课程教学资源针对课程特点和教学内容进行设计与开发，主要见表 1。

四、应用成效

教学资源实践环节经历了两个课改班级的课程教学（即两个阶段），在第一个阶段的实践教学环节中，按照新修订的课程标准、教学计划，新编制的整体设计和单元设计、校本教材等资源实施混合式教学。初步取得了一定的成效：首先，学生成为主体，对学习内容兴趣增大，学习热情高涨。学生能在教师的帮助下，慢慢参与到项目中，体验工作角色的魅力。其次，学生能够自主思考、探索，进一步养成独立分析问题、解决问题的能力，扩宽了学习的途径和渠道。最后，在教学过程中教师与学生、学生与学生间的交流与互动明显增强，课堂授课学习氛围有较大的改观。

同时，第一阶段实践教学环节也存在一些问题：一是由于课时限制，一开始选取的教学内容难度偏大，学生无法在有限的时间内较好地完成线上工作任务，增大了线下教师课堂教学指导难度。二是学生网页基础知识掌握不牢，自主开发设计网页的时间和空间不够。学生在完成课程学习后难以自主开发网站，优秀学生作品较少。

针对以上存在的问题，在第二阶段实践教学环节中，课题组成员反复研究总结，并提出改进方案和下一步研究工作计划。一是对现有的教学内容筛选和提炼，寻找适合课堂教学的企业实际项目，修订出切合实际教学需要的校本教材，进一步进行线上线下学习时间分配和资源建设。二是搭建“网站建设综合实训”课程资源库网站，丰富课程资源库，为学生课后学习和探索搭建学习交流平台。

经过两个阶段的教学实践研究，课改班级学生较非课改班级在课程综合成绩、网站开发综合能力上有较大的进步和提高。如图 1 所示。

在课题实施过程中，对完成实践教学的计算机应用技术专业 88 名学生进行课程教学满意度调查问卷，调查结果显示，学生对课程学习兴趣明显提高，对课程教学内容、教学模式、教学方法、考核方式等方面的满意程度均有较大幅度的上升。如图 2 所示。

五、特色与创新

（一）与竞赛项目对接的教学资源建设。课程资源建设积极探索新思路，开发微课视频、制作助学游戏、搭建课程网站，将所有教学资源集成在一个平台。既包括课程标准、教学大V、教学计划、整体设计、单元设计等教学资料，又涵盖了教学课件、课程素材、学习手册、优秀作品等教学资料，资源强调多而精，极大程度上丰富了课程多媒体资源库，扩大了学生自主学习空间，将课程学习延伸到了课外。

结合相关竞赛标准，在教学目标上提出高要求，学生不但能够掌握网站规划、网站功能设计的专业知识和专业技能，还能使用动态网站技术独立完成建站工作，对现有的成熟产品进行二次开发，团队合作完成小型项目的设计与开发，以及产品的测试与维护。真正做到以教学资源促进竞赛项目，提升学生职业综合能力。

（二）创设“工作室制”的资源学习环境。引入企业“工作室制”的教学环境设计，将企业真实环境带入课堂，教学环节按照企业项目开发过程，穿插角色扮演。模拟企业环境的教学情境设计，重在全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质。

将企业项目开发流程贯穿课程教学环节，严格按照“网站策划网站整体设计静态网页设计动态网页设计数据库设计网站测试网站上传网站更新维护”整个标准的企业网站开发过程进行设计，促使学生学以致用，以“用”促学，边“用”边学。

（三）校企合作共建课程资源体系。以就业为导向，以能力为本位，深度挖掘企业资源与专业课程教学的契合点，利用企业资源更好地改善课程教学质量。依托企业资源，以校企合作为切入点，重构课程内容体系，结合岗位分析将企业实际项目融入教学内容，使得企业资源最大限度地服务课程教学的各个环节，提升课程教学整体水平。

内容重构以就业岗位定位和职业能力分析结果作为重要依据，课程将企业实际项目融入教学内容，以 3 个子项目12 个典型具体的工作任务为载体。学生通过参与网站项目制作，亲自体验“网站策划―网站整体设计―静态网页设计―动态网页设计―数据库设计―网站测试―网站更新维护”整个标准的企业网站开发过程。整合后的课程内容对接就业方向，接轨就业岗位，切实在教学中提高学生的职业能力。企业资源的注入使课程教学焕发新的生命力。

该混合式教学资源已经实际运用于计算机应用技术专业实验班级的课堂教学。对完成实践教学的专业学生进行课程教学满意度调查问卷。调查结果显示，学生对课程学习兴趣明显提高，对课程教学内容、教学模式、教学方法、考核方式等方面的满意程度均有较大幅度的上升。

通过混合式教学资源库的建设与应用，学生学习兴趣更为浓厚，迟到旷课率减少，学习主动性和自觉性增强，合作精神和竞争意识有所提高，改变了不良的学习习惯，从而进一步增强动手操作能力和综合职业能力，同时也提升自学能力和职业创新能力。

【参考文献】

[1]程建钢.职业教育信息化研究导论[M].北京：清华大学出版社，2015

教学资源网站设计例6

中图分类号：TP393 文献标志码：A 文章编号：1673-8454（2014）01-0036-04

一、研究背景

精品资源共享课是以教师和学生为服务主体，同时面向社会学习者的网络共享课程，是具有丰富教学资源的优秀课程[1]。从2011年10月和2012年5月，教育部先后颁发了《教育部关于国家精品开放课程建设的实施意见》和《精品资源共享课建设工作实施办法》，启动了新一轮精品课程建设工作。

为了贯彻实施教育部的精神，原有国家精品课程转型升级为精品资源共享课，新课程也陆续免费开放。精品资源共享课的建设和评审主要是依托课程网站来实施的，课程网站作为精品资源共享课优质教学资源信息的载体，其网站界面作为课程的呈现形态，无疑成为精品资源共享课程建设的一个重要组成部分，界面设计优劣直接影响到教学资源的呈现与共享。相关调查表明，日常生活中人们所感知的外部信息，有83%是通过视觉通道到达人们心智的[2]。由此可见，良好的精品资源共享课网站界面设计对于广大老师、学生以及行业企业人员来说都是大有裨益的。

本文从山西省近两年公布的精品资源共享课网站中随机抽取48门高职课程网站界面作为样本，通过对样本的界面布局、导航、色彩等进行分析，指出了我省高职精品资源共享课在界面设计方面存在的不足，按照精品课程制作原则，提出了几点对策和建议，有待与同仁共同商榷。

二、研究内容与方法

（1）研究内容。为了保证样本抽取的可靠性与全面性，样本覆盖高职建筑类、制造、电子信息、医药卫生、旅游、财经等专业核心课程和专业基础课以及公共基础课。各学科所占课程数量，如图1所示。

（2）研究方法。精品资源共享课将优质课程网络化，它是一种特殊的网络课程。评价一个网络课程的界面设计质量有很多标准，但是目前网络课程评价一般由专家评定，而网络课程是供网络学习者使用的，学习者才最有发言权。基于笔者对网络课程的研究[3]和对网络课程设计、开发和使用经验，以及在一定范围内对使用精品资源共享课的教师、学生、企业人员、评审专家进行调查与反思，参照《网络课程评价规范》（CELTS-22）和《现代远程教育资源建设技术规范》对课程界面设计元素的要求，结合教育软件工程中界面设计的原则和高职精品资源共享课的实际情况，修改了界面设计评价标准，见表1。

三、评价结果分析与思考

通过调查综合评分，前五名的课程 见表2 。

为了进一步分析样本界面设计的特点，我们进行了问卷调查、组织召开评价人员座谈反馈会，对精品资源共享课程在界面设计方面应坚持的原则达成共识，并收集分析了部分课程在界面设计方面存在的不足之处。

1.精品资源共享课程网站界面设计的原则

界面设计是精品资源共享课建设的一项重要内容，课程的界面不仅影响到课程本身外观，也影响学生学习兴趣的引起和维持。精品资源共享课界面设计除具有一般网络课程界面设计的原则外，还应该坚持以下原则：（1）界面设计简洁、美观、有亲和力，能引起学习者的兴趣；（2）屏幕布局合理、条理清晰、重点突出；（3）界面风格一致，同一课程不同页面整体统一，局部变化，和谐完整；（4）导航清晰，方便易用，灵活有效；（5）高职精品资源共享网站还要体现网站的职业教育属性。

2.精品资源共享课程网站界面设计存在的问题

（1）界面布局凌乱。目前网页布局时一般要将屏幕空间按功能分区，如标题区、导航区、新闻区、 栏目区、图片翻滚区、版权区，各区分布要简洁、协调、美观。然而，在问卷的“您认为精品资源共享课在界面设计，如布局方面是否符合您的学习习惯？”一题中，认为界面设计很适合的比率仅为35.5%。这主要是由于不少网站界面设计时各区划分主题不突出，设计时过多地使用图片、动画刺激学习者的视觉感官，栏目交叉或重复，出现喧宾夺主的现象，没有营造出以教学设计为目的的视觉环境。

（2）导航不够清晰。学习者在浏览网页时，找不到相应的节点，则称之为迷航[4]。在问卷的“您在浏览精品资源共享课时，有没有出现过迷航现象？”一题中，认为曾出现迷航现象的比率高达78.5%。这也说明网站导航设计不合理，如导航标签和目标内容不完全对应；节点层次过多，当前位置孤立。

（3）下载速度较慢。部分课程界面元素较多，图片、动画、视频太多或没有经过格式压缩，影响了页面的下载速度。如过多地运用渐变色、采用较多无关的图像而不进行优化处理、视频和声音片断的时间较长、文件也没有用流媒体的形式播放、插入Flash 动画时未采取适当的方式减少动画的文件量等，这些都会增加页面的下载量，势必影响学习质量和效果。在问卷的“您在浏览精品资源共享课时，有没有出现过页面被卡住现象？”一题中，认为出现页面被卡的比率为32.5%。这就造成用户访问时可能会因下载时间过长放弃学习的兴趣，也就失去了资源共享的初衷。

（4）色彩搭配不当。人的视觉感知力需要依靠瞳孔和光敏细胞的调节，光线过强或太弱均会给眼睛造成不适。在问卷的“您在浏览精品资源共享课时，有没有因色彩运用不当出现厌烦情绪？”一题中，认为出现厌烦心理的比率为28.5%。这说明有些课程页面设计过于追求鲜明的色彩或强烈的色彩对比，违背机体的视觉规律与用眼健康，使学习者产生急躁厌烦的心理，影响学习效果。

优化网络界面的设计，是高职精品资源共享课程网站建设的任务之一[5]。遗憾的是由于疏忽了设计的原则，使得很多课程网站界面设计流于形式。为了解决上述问题，更好地传播精品资源共享课，共享优质教学资源，笔者从网站界面设计的流程出发，提出几点对策和建议，尚有待于在实践中继续完善。

四、精品资源共享课程网站界面设计流程

（1）网站整体规划。界面设计是由多门学科构成的产物。涉及到计算机科学、心理学、图形艺术、人机工程学等。精品资源共享课程网站界面设计是一个团队的合作的结果，需专业教师、网页设计师、程序开发员等协同完成。界面设计凝集着其中每个人的智慧和创造。由于个人爱好和观点不同，在界面设计前要充分沟通、协调一致，做好整体规划，协同创造精品。

（2）网站内容组织。网站资源内容的建设是整个网站建设的核心。精品资源共享课程网站建设的成功与否，内容的整体设计起着举足轻重的作用。首先由教师提供网站内容建设架构图（如图2）。设计好的架构图，目的是让网页设计师清晰地了解；网站内容栏目、层次关系，主页显示的素材。

网站内容组织结构图设计，是将教学资源横向排列并按照基本资源和拓展资源进行分类，纵向排列要按照课程学习单元进行分类，以树型结构表示。

（3）网站实现技术。有了内容建设架构图，设计师对网站的链接层次，从而选择合适的建站模式，对链接的实现技术做到心中有数。从技术上讲，可采用的技术大致有四种，其优缺点分析见表3。

（4）网站界面风格。界面风格就是网站的外衣，包括了网页上的所有元素（布局，文字，颜色等）组成后给人的视觉印象。如：韩国风格，欧美风格；风格设计应该围绕课程性质，不同的课程形成不同的风格。网络课程评价规范（CELTS-22 ）要求网络课程“界面风格统一，协调美观，易于使用和操作，具有完备的功能。”在风格设计前大致需要确定布局、色系、导航，形成图文相辅相承的页面风格。说到风格需要了解构成风格的三个要素。

①布局。心理学的研究表明，平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”。对于需要重点突出的内容，安排在最佳视域，而工具按钮一般放在屏幕的四周，菜单通常紧靠标题区。主体内容所包含的文字、图形、视频、动画等多媒体对象也要进行合理安排，使屏幕的布局简洁、协调、美观，营造出符合教学设计目的的视觉环境，增强学习者的注意力。虽然布局因功能不同考虑的侧重点不同，但各功能区划分要重点突出，功能明显。

②色彩。传达网站形象的首位视觉要素就是色彩。网站设计时首先确定一个主色调，主体色与背景色要对比协调。不同功能按钮在突出差异的同时要合理应用色系，即主题色、辅助色和强调色。通常一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向感和侧重感。

③导航。导航标签代表的是整个网站的内容结构标识，用户依靠标签的内容和组织方式来寻找网站中的信息。设计标签的过程，实际上就是对信息分类的过程，必须做到标准清晰，有歧义的标签逼人猜测它的意图，使用户很难预测到链接背后是什么内容，甚至让用户走错路或迷航。

（5）画好粗略草图。教学团队根据课程性质，结合网站内容建设架构图，完成粗略布局。经过反复构思，拿出一张白纸一支笔，发挥自己的想象力，把创意轮廓画成草图，这只是创作阶段，不讲究细腻工整，只要设计师能明白教师的用意即可。尽可能多画几张，最终选定一张作为创作脚本，如图3所示。

（6）细化布局。细化布局是一种创造，既要立足信息的传达，也要做到视觉流程自然、合理、畅快，使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。细化布局一般采用Photoshop或Firework设计制作。网页大小根据显示器的分辨率设计，高度不限定，但宽度比显示器的实际大小窄20像素，为的是给右侧的滚动条留有一定的空间。目前，主流页面大小一般为995*436。布局时要根据创作脚本，把最重要的信息如LOGO、标题、导航、课程介绍放在最显眼的地方。页面布局样式可采用左右对齐式、全景式、包围式、对称式、单侧对齐式、卫星式、散开式、照片组合式布局等。另外，布局时要注重合理运用点和线。点的引导作用是让浏览者更轻松的找到自己想要的信息。线不但可以起到页面的分割作用，很好地运用线条还使网页锦上添花。

（7）界面美化。为进一步美化界面风格，可以添加适当的FLASH使网页界面更加生动，但动画适可而止，过多会显得杂乱。如Banana和课程介绍部分可以由教师结合课程亮点凝练文字和精选图片，以此丰富动画内容，至此界面制作完成。

五、结束语

在精品资源共享课程建设的道路上，如何把网站界面设计内化为课程内在的魅力，需要处处以用户为出发点和落脚点，根据不同的课程特点，在不违背设计原则的前提下，进行设计创新，从而使课程网站更具多样性和吸引力，实现精品资源共享课的品牌效应。

参考文献：

[1]《教育部关于国家精品开放课程建设的实施意见》（教高[2011]8号）[Z].

[2]刘丹.企业形象识别系统[J].东北农业大学学报（社会科学版），2006（1）.

教学资源网站设计例7

【中图分类号】G40-057 【文献标识码】B 【论文编号】1009―8097 (2008) 08―0068―03

引言

2008年《国家精品课程评审指标》明确批出：精品课程是指具有特色和一流教学水平的优秀课程。精品课程建设要体现现代教育思想，符合科学性、先进性和教育教学的普遍规律，具有鲜明特色，并能恰当运用现代教学技术、方法与手段，教学效果显著，具有可示范和辐射推广作用[1]。精品课程建设的目的是利用现代教育技术手段将课程相关内容上网并免费开放，以实现优质教学资源共享，使条件相对较差的学校同样享有一流的教学资源，从而达到提高教学质量，提升人才培养质量的目的。然而，纵观已获得的国家精品课程网站，虽然大部分课程将授课教案、教学视频、习题、实验指导、学习资源等内容以不同的栏目呈现，但所提供的资源是离散的、孤立的，不符合学生学习的认知活动规律，不便于学生学习。因此，如何制作一门好的精品课程？成为广大教育工作者所关注的问题。文章从《越南语口语》精品课程制作的实践出发，对如何设计和制作一门优质精品课程做一些探讨。

我校越南语专业创办于1964年，1977年升格为本科专业，2001年设立了亚非语言文学硕士点。随着办学层次的不断提高，特别是2004年中国－东盟博览会永久落户广西南宁，对越南语人才的培养提出了新的要求：即着重培养具有扎实的基础理论知识和听、说、读、写、译等基本技能，有较宽广的知识面和较强的独立处事能力、有较高的综合素质，熟悉东盟国家政治、经济、文化的高级实用复合型人才。由于我校越南语专业开办时间长，有着深厚的知识沉淀和丰富的素材和教学材料，因此，我们在开发《越南语口语》精品课程网站时利用现有的素材，依托现代教育技术中心人员的技术支持，建立起了集自主性、开放性、共享性、交互性为一体的助教、助学型课程网站[2]，实现了教育资源的极大共享和教学手段现代化，使个性化、自主式越南语口语学习成为可能。目前，《越南语口语》精品课程资源包括《越南语语音》网络课程、教学大纲 、在线学习、在线测试、课程教案、越南电视、录音教材、非通用语网络教学平台等内容，教学资源总量达50G之多，由于网站建设基于全新的教学理念之上，教学资源又丰富，教学展示手段多样，因此，《越南语口语》精品课程网站极大地弥补了课堂教学存在的缺陷，为学习越南语的学生提供了一个资源丰富的网络教学平台。

一 网站建设的原则

1 以学生为目的的原则

国家精品课程建设的目的是实现优质资源共享，共享分为两方面，一是为教师共享先进的教学理念，先进的教学方法，优秀的教学参考资源。二是学生的共享，也是国家启动精品课程建设的最主要目的，使优质教学资源全国的学生都能分享，从面达到全面提升我国高校教学质量的目的。因此，我们在《越南语口语》精品课程网站的设计及规划中，充分考虑学生学习网上资源的重要性，以学生为中心，强调通过学生的自主发现去掌握知识，培养学生对知识的兴趣与爱好，使学生把语言的学习看作自身内在的需要。学生的角色从接受者转变为分析者、探究者。在网站中设计有《越南语语音》网络课程，学生通过该网络课程可以学会正确的发音，也可以通过网络进行在线测试，随时了解自已所掌握知识的程度。同时，精品课程网站与学校非通用语网络教学平台相链接，学生登陆网络教学平台可以与教师进行在线的交流和讨论，也可以观看最新上传的教学录像及相关内容。

2 网站设计与评价指标相统一原则

网站设计与评价指标相统一原则指的是供专家评审的前台网站部分，为了便于专家的评审，我们在设计前台网站时要根据国家精品课程评价指标的要求进行相关的模块设置，每一模块与精品课程的一级评价指标相对应，这样既便于专家的评审，也方便学习者进入相关模块学习。如《越南语口语》精品课程网站主页模块分为申报表格、教师队伍、教学内容、教学方法与手段、教学条件、教学效果、课程特色、政策支持、教学资源9大模块。

3 教学内容与教学设计相结合原则

国家精品课程建设的评价指标中要求课程必须体现现代教育思想。因此，我们在组织精品课程网站时要注重教学内容与教学设计理念相结合，以人本主义和建构主义作为网站建设的两大理论建设支柱。在教学内容的组织、教学环节的安排上注重对学生的内在情感教育的培养，注重对学生的创新意识、创新思维、创造能力的培养。

4 教学实用性原则

教学网站的主要功能是为教学服务, 因此，我们在组织和制作课程资源时要力求精品，不要盲目追求“大而全”。在介绍学科知识体系、提供教学参考资料、相关题集和相关链接的基础上，结合实际情况，凸现本学科的特色栏目。在制作和组织教学资源时要与教学实用相结合，使学生通过网站能真正学到知识。

5 交互设计原则

交互性的意义在于学生的参与性、主动性学习。精品课程是为学习者提供远程教育服务，师生身处异地，师生之间的沟通交流尤为重要，为此，我们在设计精品课程网站时充分考虑交互方式，如：建立答疑信箱（Email）、师生园地（BBS）、聊天室等互动交流空间，实现老师与学生、学生与学生之间的教与学的交互。

二 网站设计的方法

精品课程网站是学生自主学习、教学互动、学习交流的重要平台。建设一个美观实用、内容丰富、特色鲜明的精品课程网站，不是学科教师的独立行为，而是教师、技术人员、教学设计人员合作的结晶。因此，我们在设计网站之前先要对网站的整体风格、模块设置、栏目架构、技术应用等进行规划。“磨刀不误砍柴工”，只有在周密的前期工作完成后，技术的制作才能又快又好地完成。

《越南语口语》精品课程网站整体风格体现出越南的民族风情，栏目设置围绕国家精课程的评审要求进行设计，教学资源丰富多彩，后台技术采取DreamweaverMX和ASP。

1 网站的模块设计

越南语作为我校最早的非通用语之一，独特的“3+1”本科人才培养模式及高就业率，已成为学校生源最好、竞争力最强的热门专业，具有较大的社会影响力。越南语口语精品课程是学生在掌握一定基础理论知识的前提下，重点培养学生听、说、读的基本技能，在强调采用一定的技术使教学资源便于学生学习的同时，注重对学生的内在情感教育培养，使学生能在积极友好的合作与竞争环境中进行自主学习与问题的探究。《越南语口语》精品课程网站本着“创新、共享、系统、实用”的原则，实现了《越南语口语》课程的改革与创新，打造了全国第一个非通用语精品课程网站及网络课程的建设，其组成模块结构如图1所示。

（1） 教师队伍：主要介绍课程负责人、主讲教师、教学改革、师资培养、队伍结构情况，展示了一支人员结构合理，师资培养得力，教学改革创新的教师团队，代表了我校在全国越南语教学中的师资实力。

（2） 教学内容：主要介绍课程的历史沿革、学校定位及培养目标、课程定位及目标、知识模块、课程重、难点以及实践教学。知识模块结构反映了越南语口语课程的横向与纵向的知识对接，如其先修课程为：越南语语音、基础越南语。后续课程为：越南语口译。实践教学反映了本课程 “元素多样、梯级推进”的课程教学模式，非常注重设置和利用实践场景，强调学生在实践环境中的表现及其灵活的应对和运用，着重学生与外国人的语言沟通、交流和自我表达等实际运用能力的培养[3]。

（3） 教学方法与手段：在理论课教学中主要采用情景对话、看图说话、角色模仿、配音练习等互动教学法，实践课教学中主要运用交际教学法和实战练习法，如与越南学生交流、服务中国东盟博览会等活动、留学越南等。教学手段上主要使用多媒体教学和网络课程教学，通过网络，加强学生之间、师生之间以及校内师生与校外专家之间的在线交流、联系，促进学生的学习的提高[3]。

（4） 教学条件：主要介绍教材建设、扩充资料、配套实验教材、实践性教学环境、网络教学环境，在网络教学环境中重点说明我校使用Moodle 开源教学平台实现越南语口语网络教学以及《越南语语音》网络课程对教学所产生的影响。

（5） 教学效果：有越南国家主席陈德良对我校越南语学生的评价，越南学者的评价，凤凰卫视、广西电视台、中央电视台教育频道、越南《劳动报》、《中国教育报》、《光明日报》、越南胡志明市数字电视台、西贡解放日报(华文版) 等国内外媒体对我校非通用语人才开放式培养给予的高度赞扬和评价，以及校外专家和社会评价，校内督导组和学生对越南语口语教学效果的评价。

（6） 课程特色：指该课程充分利用毗邻越南、服务中国东盟博览会等得天独厚的优势，创设出独特的开放式口语教学模式，营造出浓厚的口语学习环境，极大地促进了学生口语应用能力、后续学习应用能力和综合素质的提高，课程与国内外同类课程相比所处水平。

（7） 教学资源：是该课程的特色之一，不但有教学大纲、电子教案，而且有大量的录音、视频资源，有50G的越南电视节目，《越南语语音》网络课程和越南语教学平台更是为学生的在线学习，师生、生生之间的在线交流提供了广阔的空间。

（8） 政策支持：反映学校对该课程在制度规范、经费保障以及后续建设规划的支持措施。

2 网站的制作技巧

精品课程网站的制作完成必须由学科教师、教育技术人员、教学设计人员组成的团队，团队有分工也有合作。学科教师主要负责申报表的填写及媒体素材的收集工作，教育技术人员主要负责精品课程网站的技术工作，将教师的文字材料以图文并茂的方式表现出来，教学设计人员是学科教师和教育技术人员沟通的桥梁，要将现代教育的理念融合到网站制作过程的每一个环节之中。针对《越南语口语》精品课程的制作，团队人员首先构建合理的框架和网站内容，然后是网站制作的技巧及运用方法，最后是网站的合成和运行。因此，要设计和制作一个高水平的精品课程网站，在制作中必须注意以下几点：

（1） 网站风格要独特

精品课程网站是精品课程建设和评价的窗口，是申报材料变为网络方式的再次艺术加工的过程。因此，我们要用独特的方式来表现精品课程网站的特色。如：网站的主页设计要体现出精品课程的内含，在强调艺术性的同时，注重通过独特的艺术风格和强烈的视觉冲击力，突出设计主题，达到最佳效果。《越南语口语》精品课程主页色调为绿色，左边是越南风光的来回播放，右边是以绿色为背景色的栏目，栏目字体的颜色为黑色描白边。这样即有视觉冲击力，又实现了“总体协调，局部对比”的效果。

（2） 内容与图片要呼应

精品课程网站的文字内容要与申报材料的内容相统一，在内容统一的基础上要作到网站内容是文字材料的延升，而不是完全照搬材料内容。我们采用直观的方式使文字材料的表达更加精练，如：教师队伍中的年龄结构、学历结构、职称结构的介绍，使用图表的方式呈现，能给人非常直观的感觉。《越南语口语》精品课程网站，无论是教学内容、教学方法与手段、教学效果、教学评价等模块，都有相关图片加以佐证，这样既体现了文字内容的真实性，又丰富了网站的内容。

（3） 动态网站易更新

国家对精品课程网站的要求是时时更新。但是，因学科教师对计算机知识掌握的程度有限，更新存在一定的困难。因此，我们在设计网站时采取后台数据库的方式，一是方便学科教师动态更新、在线上传内容，二是方便实现在线学习、在线交流、在线练习等功能。《越南语口语》精品课程网站综合应用了HTML语言、、数据库和SQL结构化查询语言等技术， 由WEB 服务器统一进行管理， 用户通过web浏览器以 HTTP协议向Server发送请求，并接收和显示服务器提供的Web信息，完全实现真正意义上的自动更新。

（4） 资源丰富要实用

从国家精品课程评估指标体系可以看出，17个二级指标有10个与教学资源相关，因此，网络教学资源的开发和应用在精品课程建设中十分重要。精品课程的网络教学资源包括“有形资源”和“无形资源”两大类。有形资源包括精品课程内直接可用的资源，无形资源则是指蕴含在课程建设中的教学理念和教学思想，它可以通过有形资源的方式表现出来[4]。为此，教学资源的建设应紧扣课程教学的需要，资源力求丰富、实用，但不是盲目的、离散的堆积。

《越南语口语》精品课程的教学资源包括素材资源、网络课程和教学支撑平台三大类。素材资源有教学大纲、课程教案、越南电视节目、越南语录音教材、越南民风民俗的录像教材等，资源主要来源于教师的收集和通过卫星接收越南电视台节目。网络课程中含有《越南语语音》网络课程，该课程荣获第七届全国多媒体大赛一等奖，课程模块设有课程介绍、在线学习、在线测试、在线答疑、扩充资源等。最大的亮点是课程的在线学习模块，全部课程都有越南教师的纯正发音和相关的视频，在发音部位和发音方法内容中，左边是教师发音的视频，右边是FLASH仿真的舌位、唇形动作，生动形象地解决了困惑学生发音难的问题。教学支撑平台主要利用我校建成的非通用语网络教学平台，使教学环节可以在平台上实现信息、教学信息、辅导答疑、自我评测、交流讨论、网上作业等功能。

三 结束语

网站建设在精品课程建设中扮演着重要的角色。纯技术制作不出优秀的精品课程，只有围绕课程的教学活动进行设计和实施，以实用为导向，将技术与现代教育理念的相结合，把信息技术渗透到精品课程建设的各个环节中，才能制作出优秀的精品课程网站，为全国的高校教师和学生学习提供优秀的教学资源，从而提高学生的信息素养和学习能力，达到全面提升我国高校教学质量的目的。

参考文献

[1] 中华人民共和国教育部,国家精品课程评审指标(本科) [Z].北京,2008.3.

教学资源网站设计例8

国家教育部于2003年启动了“高等学校教学质量和教学改革工程”， 高等学校精品课程建设是该项工程的重要组成部分，高等职业教育精品课程建设是高等学校精品课程建设的构成部分。教育部明确各级教育行政部门和高等学校要大力推进校、省、国家三级精品课程体系建设，实现优质教学资源共享，确保高等教育教学质量。在“十一五”期间国家将启动1000门工学结合的高等职业教育精品课程建设，带动地方和学校加强课程建设。到2008年，高职国家精品课程已经达到605门，精品课程数量逐年增加。随着精品课程建设项目的推进、已通过的高职国家精品课程建设经验的传播，对精品课程建设要求也不断提高。笔者所在的《生产与运作管理》课程小组从2004年开始开展系统地课程建设和精品课程申报工作，已获得省级精品课程，目前正在申报国家精品课程。经过多年的课程建设的经验积累，本文尝试从网络精品课程建设的视角分析精品课程网站建设对于精品课程建设的作用，以及在精品:

1 课程建设过程中应注意的问题和改进思路

1.1 高职院校精品课程网站建设的作用:精品课程网站是优质高等职业教育资源在全国范围内实现共享的平台。

我国高等职业教育发展不平衡，优质的教学资源在教育发达地区和重点院校集中的现象比较明显，有必要通过网络精品课程建设，在全国范围内实现优质教学资源共享，起到示范性和辐射推广作用。精品课程网站是精品课网络化学习的平台，也是精品课程示范辐射的载体。通过开展网络精品课程建设，促进高等职业院校改善网络条件，完善网上教学资源，实现优质教学资源共享，推进高职院校可持续发展。

1.2 精品课程网站是精品课程评价的窗口。网络精品课程的建设是精品课程建设的重要内容。它是精品课程建设和评价的窗口。精品课程的筛选、申报、评审到公示、公开和使用，都要通过网络进行，因此，精品课程网站设计与创建的成功与否是部级精品课程成败的关键所在。

1.3 精品课程网站是优质课程资源的有效载体，是精品课程建设的窗口。部级精品课程要求与课程相关的教学设计、教案、习题、实验指导、

参考文献目录等必须要上网，并鼓励将网络课件、授课录像等一并上网。课程资源上网一方面有助于教学资源的共享，另一方面也接受外界对于课程建设质量的监督和检验。这就要求高职院校在课程建设的各个环节作细致工作，在课程教学过程中体现高等职业教育的职业性，同时注意教学活动的一致性、连贯性。精品课程网站建设将进一步推进高职院校可持续发展道路。

2 高职院校精品课程网站建设步骤

精品课程网站建设需要完成以下的步骤:

2.1 明确网站定位。

在设计精品课程网站之前，要根据网站建设的目的、网站的内容与网站的访问对象等进行正确的定位，网站的定位决定了网站的整体风格和色彩搭配、网站提供的内容和表现形式、网站的服务对象和预期效果。

2.2 网页的设计与制作。有了清晰的精品课程网站的定位之后，可以着手进行网站整体风格的设计和构架的确定。精品课程网站属于教育类型的网站，网站的设计应该做到简练、清晰，网站的风格设计应该符合所属课程的专业特点和行业特点，能够突出体现课程特色。精品课程网站在架构设计方面，应该对网站的整体布局、栏目内容等加以明确，设计总体上要以完整的网站形态建设。课程网站架构的整体布局应该适应多数学生教师普遍的浏览习惯，将重点内容放在重点浏览区域。

2.3 网站内容及资料上传及审校。在网站的设计和制作完成之后，就可以将课程的申报材料和课程资源逐步上传到站点。应注意网站内容准确、格式统一，在整体的文字、图片、视频等资料的编辑过程保持风格一致。对于评审观测点的描述需要支撑材料充分。要做到精品课程网站内容丰富，需要课程团队在较长的时间分工协作，共同努力，无法一蹴而就。

2.4 网站的维护。对于精品课程网站来说，只有不断地更新课程建设内容，发挥网络课程平台的交互作用，才能体现课程建设的长效性，保证网站的生命力。在精品课程网站建立以后，网站的维护至关重要，在课程建设团队中应配备相应的职能对于课程资源进行设备维护和定期内容更新，对实现交互功能的互动平台给与及时反馈，使精品课程的网站能够真正发挥其应有的资源共享、示范和辐射作用。

网站制作步骤地第2个步骤专业性要求比较高，网络精品课程建设的过程中，如若课程团队中不具备设计和软件开发的专业人才，可以采用外包的形式将这两个环节交由有相关资质和专长的第三方来完成，但这样一来，在网络精品课程建设时间的规划和与第三方沟通协调方面需要更多的投入。然而目前各高职院校精品课程的建设，一般都由学校支持，可以从学校层面统一调配设计和网页制作资源，避免不同课程的重复建设。

3 高职院校精品课程网站建设问题的思考

3.1 高职院校精品课程建设工作的目的不明确。

精品课程建设首先应该是课程的建设，是为了提高课程建设的质量和教学质量，而不应该单纯为了追求“精品”的称谓和可能附带的利益。只有将申报精品课程的目的和出发点摆正了，才能够督促教学单位通过仔细审视课程定位、教学设计等课程建设的核心问题，从最基础的环节入手逐步梳理，实实在在地分析课程建设各环节可能存在的实际问题并努力寻找符合高职教育规律的解决途径，才能真正有效地推动高职院校课程建设质量和整体教学质量。

3.2 精品课程网站建设的计划性有待增强。

课程建设与改革是提高教学质量的核心，也是教学改革的重点和难点。课程的网站建设是课程建设在网络环境下的体现，是课程建设的延伸。课程建设是高职院校教学工作的重要组成部分，是一项长效的工作，它不应该是突击行为和短期行为。目前很多高职院校在精品课程建设工作上缺乏整体的计划行，将精品课程申报与课程建设割裂开来。申报精品课程前才开始突击课程的申报和建设工作，殊不知精品课程的建设应该基于对日常课程建设经验、资源的积累和提炼，只有课程建设的功夫做到位了，才可能成为真正的“精品”。课程网站的建设为课程的建设和积累提供了有效的图经。高职院校精品课程建设的日常工作重点应该放在对课程网站的开发、建设、使用和优化上，为课程建设提供新的平台并积累素材。这样在申报期间，申报网站的建设才有丰富的资源可以从课程网站借鉴。

3.3 申报网站利用效率有待提高。

教育部启动国家精品课程的出发点是为了实现优质课程资源的共享，最终实现高校整体教学水平的提升。高职院校精品课程建设应以提高教学质量为目标，以使学生、教师和社会受益为出发点。然而，从目前各高职院校网络精品课程的使用情况来看，重建设轻使用的现象普遍存在，很多院校网络精品课程单纯为“评”而建，网站的构建仅仅为了满足申报和评审的需要，缺乏长远的使用和维护目标，一次性建设结束后即束之高阁，乏人问津。因而在课程网站的构建过程中，应该充分考虑精品课程网站在教学中的可用、课程资源的时效性，在精品课程网站构建初期能够从学习者的角度出发，参照精品课程建设项目实施的要求以及使用者的交流反馈提供课程资源并及时更新。使精品课程网站真正为提高教学效果和教学质量发挥应有作用。

3.4 课程团队的构建和分工协作至关重要。

高职精品课程对师资队伍的整体素质提出了更高的要求，这不仅包括要建设一支由主讲教师负责的、结构合理、人员稳定、教学水平高、教学效果好的师资梯队，师资队伍在知识结构、年龄结构、职称结构、专业技能结构、专兼职教师比例等各方面有合理的配合。精品课程建设的“长期性”要求课在师资队伍建设过程中团队意识需不断加强，具备不同知识、经验和职业技能的专兼职教师在课程的建设过程中扮演不同的角色，承担不同的任务，各自发挥所长。仅仅依靠课程负责人等一、两位教师担任课程建设工作的课程并不能成为真正意义上的精品课程。

国家精品课程非常重视优质教学资源和网络信息资源的利用，要求精品课程的建设经验和课程资源能够被更多的职业院校所参考和借鉴。精品课程网站的建设是精品课程建设中的重要组成部分。网络精品课程建设过程中课程团队的分工协作和有效配合同样是网络课程建设成功与否的关键。网络课程的建设由于需要与学生和大众分享，同时也接受受众的检验，因而对于网络课程的建设在课程定位的准确性，内容的系统性、规范性、可借鉴性、教学方法的合理性、职业性和创新性等各方面也提出了更高的要求。如何对现有教学资源进行有效整合，需要课程团队成员之间充分交流沟通，互通有无，并积极寻求学生和社会的反馈。这是一项需要长期、持续进行的工作，需要团队成员共同参与。另外，网络课程的建设基于对现代教育技术和网络技术不同程度的理解、掌握和使用，课程的专业教师不一定具备相应的技能，因而在国家精品课程建设团队中需要配备具有相应技能的人才。

网络精品课程建设是一项系统工程，需要整个课程团队的密切配合，共同努力。只有指导思想明确，规划科学、设计合理、资源丰富的网络精品课程才能真正达到提高课程建设水平，提升教学质量的目标。

参考文献

[1] 屠群峰.高职教育国家精品课程分析及建设方向[J].职教论坛，2009年4月(下)，9-12

[2] 赵颜，郑锡伟.现代教育技术与精品课程制作的整合研究[J].广西民族大学学报(哲学社会科学版)，2008年1月，第30卷第1期，185-188

[3] 朱剑萍.关于高职精品课程师资队伍共享机制的思考[J].职业教育研究，2009.4，57-58

[4] 曹亮.论当前网络精品课程建设的若干关键问题[J].科技信息，313

教学资源网站设计例9

【中图分类号】G64 【文献标识码】A 【文章编号】2095-3089（2016）09-0229-02

一、视觉设计对于教学网站传播的意义

当今社会互联网正在飞速发展，人们在互联网上聊天、冲浪、购物、求职，这个包罗万象的在线世界已经渗透到生活的各个角落。教育作为一种社会活动也加入到互联网这个大家庭中。近年来，各式各样的教学网站如雨后春笋般出现在人们的视野中。然而在众多的教学网站中，很多网站忽视艺术视觉效果的设计，导致网站吸引力下降，流失大量学习者。目前我国教学网站视觉设计主要存在以下几个问题：

首先是教学主题不突出。很多教学网站为了表现自己有丰富的教学资源，教学网页就追求大而全的效果，语文、英语、政治等学科通通往页面上罗列，生怕遗漏了什么。这样的做法让网站失去重点，没有主次，影响学习效率。其次是网页排版设计没有贴合教学内容。一些教学网站为了让教学内容显得丰富详实，把大量的文本、图片、视频都放在网页上，学习者进入网站后不但不能轻松的获取教学资源，反而会因为版面的单一而觉得枯燥乏味。最后是网页配色杂乱。为了突出网站的教学内容，网页使用了多种颜色进行搭配，观看网页的过程仿佛在看一幅色彩缤纷的儿童画，让人眼花缭乱，影响了教学信息的传达。

二、教学网站中视觉设计应用方法

1.突出主题的鲜明与清晰

对教学资源有需求的人群是教学网站的主要服务对象，也是教学网站的浏览者。不同的学习主体对于教学网站的认知与喜好是不同的，只有充分了解到学习主体的认知特征才能对教学网站进行一个正确的定位。比如说对于小学生而言，他们的年纪较小，学习注意力较低，逻辑分析能力不强。面对这样的学习主体，可以把网页设计的简单一些，把主题文字用不同的字号加以区别，甚至可以把网页的颜色和配图做得活泼一些，吸引孩子们的注意力，以便使他们更容易的获取教学资源。一般来说，教学资源是具有难易程度区分的，掌握基础类别的知识对于较难较复杂的知识的理解是有帮助的。具有明确主题与清晰条理的教学网站符合学习者搜索信息的逻辑方式，能让学习者方便快捷的寻找到自己需要的资源，从而推动教学网站的传播。

2.注重网页内容与形式统一

教学网站有了自己的教学资源以后，需要通过网页的排版设计把不同的内容“合理”的展现给学习者。所谓“合理”的展现，就是指通过视觉设计语言把教学内容分布于网站之中，让网页在具有一定形式美感的环境中把学习资源传递给学习者。设计者必须充分了解网站想传递的内容，然后通过合适的表现形式让教学网站彰显出其独特的魅力与价值。可汗学院的官方网站独具形式美感，主页顶端罗列了网站的所有主题，接下来是两行热门主题和视频的缩略图，图片与文字的比例适中，形成一个律动的整体。在二级网页中，顶端排列着数个该主题下面更为具体的二级主题，页面中下部分是详细的教学资源。设计者运用三列无线对齐的方式把教学内容分离开，最左边一列是教学内容的简介，中间和右边两列则按对齐法则罗列了相关资源的链接。每一个学习内容行之间用一条灰色暗线做分界线，使得页面逻辑清晰明朗。可汗学院网站整体页面布局在简洁清爽之中充分展现了他们的学习资源，可谓达到了内容与形式的统一。

3.保证色彩整体与局部协调

在教学网站的设计中，色彩不仅具有修饰页面的作用，还可以对学习者产生一定的心理暗示。如果网站的色彩搭配不协调，不但会让人眼花缭乱，产生视觉疲劳，同时会影响学习者对教学网站的浏览效果。在网页的色彩设计上，应该把教学资源的内容、教学对象的特征以及教学目标的实现作为综合考虑因素。比如可汗学院的网站为不同的主题网页设计了不同的色调，对于数学主题，网页使用蓝色作为主色调。数学是一门具有逻辑性、严密思维的学科，而蓝色属于冷色调，可以很好的表现冷静、理智的感觉，两者搭配可谓相得益彰。教学网站中合理的色彩搭配不仅可以优化界面，加强网页的艺术美感，还可以帮助学习者更快进入学习环境，达到一举两得的效果。

三、总结

教育网站要做到广为传播必须做到实用性，网站的教学资源可以满足学习主体的需要，学习主体可以方便快捷的获取教学资源。网页的视觉设计对于满足网站的实用性起到了必要的支撑作用。在教学网站中运用视觉设计的方法优化网页，可以增强网页的视觉感染力，让学习主体对学习资源的获取更加得心应手，从而扩大教育网站的传播范围。

参考文献：

[1]南征.设计师的设计日记[M].北京：电子工业出版社， 2012，05

教学资源网站设计例10

当前，信息技术的迅速发展，促进了校园网建设工作的全面实施。在此背景下，信息技术教育的广泛应用已成为新课程改革的一个新的突破口，其中教学网站将成为一个重要的教学环境。下面，笔者就教学网站的作用、设计原则和设计与实现的思路来谈谈自己的理解与认识。

一、教学网站的作用

教学网站是指按照某种教学思想和教学目的，利用现代化的网络技术建立起来的、具有一定教学功能的网站系统。

教学网站能够拓宽学校教育的渠道，给学生提供一种更加自主的学习形式，学生可以根据自己的认知特点和学习需求在教学网站上学习自己感兴趣的内容，也可以与其他同学进行交流。因为学生可以定制属于自己的个性化知识，所以在很大程度上弥补了班级学的弊端。教学网站丰富的教学资源还能激发学生的学习兴趣，使其建构自己的认知系统。

二、教学网站设计的原则

（一）服务教学的原则

教学网站应该以教学为中心进行建设，既要考虑教师也要考虑学生，本着服务教学的原则来设计。以教来说，教学网站要便于教师、管理课程资源，使教师能及时了解到学生对教学资源的浏览与学习情况。以学来说，要让学生能够便捷的进行学习资源的浏览，快速地找到该学科资源。

（二）及时更新的原则

教学网站作为日常教学的工具，其内容要每天及时更新。教师要将每天的教学设计、课件、习题等资源及时共享，以便学生能够保持对教学网站的关注与兴趣。而且只有做到教学网站每天有新内容，才能保证学生及时获取到教学资源。

（三）内容充实的原则

教学网站的教学资源应该形式多样，内容充实。主要包括视频、音频、图片、动画、学案、试题、虚拟实验、教学课件等丰富的教学资源，为教师上课和学生学习提供物质基础。

（四）导航清晰的原则

这是网站设计风格的问题。对于使用者来讲，一个好的教学网站应该要做到页面布局简洁，分类科学，易于检索，能让师生很快搜索到要找的模块。我们前面也提到过，清晰的导航是提高师生检索教学资源效率的前提。

（五）交互性强的原则

如果要让教学网站更好的服务于教学，网站的设计不能只是简单的教学资源的静态展示，还应该体现出一定的交互功能。所谓交互功能，就是指学生与学生之间能够进行在线交流，发表评论；教师能够实时课程信息、作业题、模拟题，以及扩展学习资料等，与学生进行公开和非公开的交流，及时反馈信息，开辟一条师生交流的重要通道。

三、特色教学网站的设计与实现

（一）网站架构

网站架构应该以学习对象、学科类别、素材类型为依据进行分类。如附录中图1。

（二）技术路线

教学网站采用B/S三层体系结构，由客户端（Web浏览器）、Web服务器和教育资源服务器组成。系统采用技术开发，Web服务器采用Windows Server 2003 自带的IIS 5.0，数据库采用Microsoft Access 2003。开发语言采用面向对象语言C#。技术路线包括：HTML++JavaScript+Jquery+AJAX+XML。

（三）功能模块

根据教学网站的设计原则与实用功能，结合各学科教学活动的共性，教学网站建设应该集管理、教学、资源及信息交流服务为一体，主要包括教育新闻系统、教学科研应用系统、教育信息资源系统和信息服务系统。

1.新闻

我们要利用教学网站教育新闻系统支持学校的教育教学工作，使其更现代化，提高信息化管理水平。教育新闻系统的具体功能包括以下几方面：

学校概况：包括学校简介、政务公开、教育理念、所获荣誉等。

教育新闻：包括国内教育、甘肃教育、白银教育新闻及教育法律、法规、规章等文件、制度。

校园快讯：包括校党委、教务处、办公室、政教处、总务处的通知公示。

专题教育：包括爱国教育、家庭教育、禁毒教育、安全教育、消防教育等。

师生风采：主要有教师园地、学生天地、活动掠影、竞赛比赛和教育随笔等。

2.教学应用

在以班级教学体制为基础的情况下，要发挥教学网站教学科研应用系统的作用，更好地开展教学工作，提高教学效率。教学科研应用系统应该包括以下几方面的内容：

教学科研：包括教学反思、课题研究、培训进修、课改实践、心理辅导及教育个案。

网络课程：实现网络课程的浏览、上传、下载、删除与管理。

实时课堂：实现教师备课、授课以及作业的、管理。

教学答疑：实现师生之间的互动交流，包括同步答疑和异步答疑。

3.教育资源

教育信息资源系统主要功能包括资源的分类收藏功能，如按常用类型可分为国旗下演讲、德育案例、主题班会、家长学校、党团建设等，按素材类型可分为文本、音频、视频、图片、动画和模板。对各种教育信息资源进行采集、管理、检索和编辑、删除等功能。支持两种方式录入资源：单个资源的随机录入，大量资源的批量录入。资源搜索引擎支持精确查询和模糊查询。用户可以通过网络远程上传资源、下载资源。

4.信息交流

整个校园网站就是信息资源的宝库，有大量教育教学信息需要传递和交流，主要包括以下几个方面：

信息交流工具：为社会、学校、教师、学生及家长之间的信息交流提供全新的联络方式，包括站长信箱、网站留言、通知公告、电子邮件等子功能系统。

数字图书：是集图书采编、录入、登记、借还、查询、统计及维护为一体的应用系统，为师生提供丰富多彩的阅读资料。

视频点播：是采用流媒体和视频数据压缩技术，充分利用服务器和网络资源，为全校师生提供数字音频、视频节目等多媒体节目的点播平台。

辅助工具：包括信息搜索工具、问卷调查工具、校历工具、计算工具等。

实用工具下载：包括各种应用软件及网络工具，如即时聊天工具、FrontPage 软件、Dreamweaver软件、Photoshop软件、flash软件等。

四、结语

校园网的不断提速与扩容为网上教学和远程教育提供了基础。基于教学网站模式的教育教学可以更好地为学校的管理、教学及信息交流提供服务，以便更好地实现教育功能。教学网站能使教师在网络上获得最优质的教学资源，也可以为学生搭建自主学习的平台，同时还可实现师生之间的互动交流，从而更好地满足师生的学习需要，大面积提高教育教学质量。