【摘要】教学网站教学效果的优劣与否不仅在于其丰富的教学资源，同时也与网站的视觉效果有紧密的联系。良好的网页视觉设计可以把枯燥的学习内容变成生动的学习资源，网页的视觉效果直接决定了该网站受到需求者的欢迎程度与传播的广泛程度。因此，教育网站的视觉设计对于推动教育教学的传播具有积极意义。
【关键词】教学网站 教学资源 视觉设计
一、视觉设计对于教学网站传播的意义
当今社会互联网正在飞速发展，人们在互联网上聊天、冲浪、购物、求职，这个包罗万象的在线世界已经渗透到生活的各个角落。教育作为一种社会活动也加入到互联网这个大家庭中。近年来，各式各样的教学网站如雨后春笋般出现在人们的视野中。然而在众多的教学网站中，很多网站忽视艺术视觉效果的设计，导致网站吸引力下降，流失大量学习者。目前我国教学网站视觉设计主要存在以下几个问题：
首先是教学主题不突出。很多教学网站为了表现自己有丰富的教学资源，教学网页就追求大而全的效果，语文、英语、政治等学科通通往页面上罗列，生怕遗漏了什么。这样的做法让网站失去重点，没有主次，影响学习效率。其次是网页排版设计没有贴合教学内容。一些教学网站为了让教学内容显得丰富详实，把大量的文本、图片、视频都放在网页上，学习者进入网站后不但不能轻松的获取教学资源，反而会因为版面的单一而觉得枯燥乏味。最后是网页配色杂乱。为了突出网站的教学内容，网页使用了多种颜色进行搭配，观看网页的过程仿佛在看一幅色彩缤纷的儿童画，让人眼花缭乱，影响了教学信息的传达。
二、教学网站中视觉设计应用方法
1.突出主题的鲜明与清晰
对教学资源有需求的人群是教学网站的主要服务对象，也是教学网站的浏览者。不同的学习主体对于教学网站的认知与喜好是不同的，只有充分了解到学习主体的认知特征才能对教学网站进行一个正确的定位。比如说对于小学生而言，他们的年纪较小，学习注意力较低，逻辑分析能力不强。面对这样的学习主体，可以把网页设计的简单一些，把主题文字用不同的字号加以区别，甚至可以把网页的颜色和配图做得活泼一些，吸引孩子们的注意力，以便使他们更容易的获取教学资源。一般来说，教学资源是具有难易程度区分的，掌握基础类别的知识对于较难较复杂的知识的理解是有帮助的。具有明确主题与清晰条理的教学网站符合学习者搜索信息的逻辑方式，能让学习者方便快捷的寻找到自己需要的资源，从而推动教学网站的传播。
2.注重网页内容与形式统一
教学网站有了自己的教学资源以后，需要通过网页的排版设计把不同的内容“合理”的展现给学习者。所谓“合理”的展现，就是指通过视觉设计语言把教学内容分布于网站之中，让网页在具有一定形式美感的环境中把学习资源传递给学习者。设计者必须充分了解网站想传递的内容，然后通过合适的表现形式让教学网站彰显出其独特的魅力与价值。可汗学院的官方网站独具形式美感，主页顶端罗列了网站的所有主题，接下来是两行热门主题和视频的缩略图，图片与文字的比例适中，形成一个律动的整体。在二级网页中，顶端排列着数个该主题下面更为具体的二级主题，页面中下部分是详细的教学资源。设计者运用三列无线对齐的方式把教学内容分离开，最左边一列是教学内容的简介，中间和右边两列则按对齐法则罗列了相关资源的链接。每一个学习内容行之间用一条灰色暗线做分界线，使得页面逻辑清晰明朗。可汗学院网站整体页面布局在简洁清爽之中充分展现了他们的学习资源，可谓达到了内容与形式的统一。
3.保证色彩整体与局部协调
在教学网站的设计中，色彩不仅具有修饰页面的作用，还可以对学习者产生一定的心理暗示。如果网站的色彩搭配不协调，不但会让人眼花缭乱，产生视觉疲劳，同时会影响学习者对教学网站的浏览效果。在网页的色彩设计上，应该把教学资源的内容、教学对象的特征以及教学目标的实现作为综合考虑因素。比如可汗学院的网站为不同的主题网页设计了不同的色调，对于数学主题，网页使用蓝色作为主色调。数学是一门具有逻辑性、严密思维的学科，而蓝色属于冷色调，可以很好的表现冷静、理智的感觉，两者搭配可谓相得益彰。教学网站中合理的色彩搭配不仅可以优化界面，加强网页的艺术美感，还可以帮助学习者更快进入学习环境，达到一举两得的效果。
三、总结
教育网站要做到广为传播必须做到实用性，网站的教学资源可以满足学习主体的需要，学习主体可以方便快捷的获取教学资源。网页的视觉设计对于满足网站的实用性起到了必要的支撑作用。在教学网站中运用视觉设计的方法优化网页，可以增强网页的视觉感染力，让学习主体对学习资源的获取更加得心应手，从而扩大教育网站的传播范围。
摘要：随着信息化时代的到来，网络开始离我们的生活越来越近，而且随着信息技术和互联网的不断发展与成熟，促使在计算机的专业课中以此作为辅助教学手段不再是理想，通过这种方式可以不断的优化计算机教学的模式，而且辅助教学网站在可以解决中职计算机专业教学中的一些亟待解决的问题，而且通过这种方式可以引起学生学习计算机的积极性，同时，又减轻了了教师的工作强度。因此，笔者对计算机教学的辅助网站以及在使用中应坚持的原则进行阐述，并就如何建设与设计教学软件来辅助教学给予了一些建议。
关键词：中职计算机专业；辅助；教学网站
前言：中等职业院校所开展的计算机专业主要是培养一些具有计算机相应技术的人才。因此在专业课方面，非常注重实际的计算机操练能力。所以学生上课的主要场所是计算机教室，这样的场所更加适合在教学过程中使用具有辅助作用的网站教学。而且中等职业院校的一些学生存在对学习缺乏兴趣，课堂学习的过程中缺少自律等情况。而且除了在课堂上，基本不会碰书本。因此，就造成了同一年级同一专业的学生的专业水平差距很大。所以当前的教学中，如何吸引学生的注意力，提高学生学习的效率尤为重要，而作为辅助作用的教学网站的使用打破了学生学习的时间以及空间的限制，有助于引起学生的兴趣，因此我们应当全面的了解中职计算机专业教学的现状，在有限的教学时间内，积极利用教学网站来吸引学生的注意力，完成教学任务，提升学生的学习效率。而且事实证明，作为辅助作用的教学网站在计算机专业的教学过程中真的起到了积极的促进作用。
1 课堂辅助教学网站的含义
中等职业院校在计算机教学过程中所使用的辅助教学网站软件的含义是在计算机专业的教学过程中，利用网络的手段，提供丰富的教育资源，有的资源就像一个图书馆一样分门别类的放置着所需的教育资源，而有的资源更加的生动有趣，可以是音频、视频、图像等多种方式给予的呈现。通过这种方式可以把原本枯燥乏味的东西生动形象的进行表达，拓展了学生的视野，增加知识的积累[1]。同时又因为其生动有趣，增进学生对计算机学习的兴趣。而教学功能是这个网站建设的根基，也是建设此网站的目标，而之后的所有此网站的更新与维护工作都是以教学为中心来展开的。
1）教学内容设置难度适中
因为主要使用辅助教学网站的用户大多是中等职业学校的计算机专业的学生，所以在网站设置的内容上要难易适中，并且对知识的重点与难点要进行标注，帮助学生可以一目了然的掌握了本门课的重难点[2]。其次在要保证学习资源的完整度以及与教材的契合度，辅助网站在编制上传相关的学习资料时，要注意以学生所学习的实际课程为基础，在此基础上对知识进行丰富与延伸，切忌脱离实际的课程要求。积极的利用网络的交互性以及集成性的特点来进行教学活动，通过这样的方法与手段来提升课堂教学的效率，调动学生对计算机学习的积极性。
2）教学资源进行外延
之所以被称为计算机专业的辅助教学网站，那就需要教学网站对学生正在学习的内容与执行进行外延，拓展学生的知识面，因此对于辅助教学网站而言，它既是老师在教学过程中的得力助手，也是学生学习的独立自主的空间[3]。因此管理后台的工作人员在管理过程中要进行专业性、针对性、外延性的管理，同时还要注意对相关资源进行及时的更新，所以整体看来，辅助的教学软件可以减轻教师教学过程中的负担，具有可行性，因此辅助教学网站会不断地发展，生命力旺盛。
2 辅助教学网站建设需坚持的原则
1）网站的界面清晰简明的原则
对于辅助教学网站的开发者，在网站的开发过程中，不只要注重教学资源的完备与优质，还要努力使自己的所建立的教学网站与众不同，具有自己的独特优势，以此来吸引更多的用户，而且在功能方面，还要给教师与学生提供更为方便的检索方式，清晰简明。在网站的界面设置上要注意美观，给人们在使用过程中带来愉悦。因此在设计者在辅助教学软件的设计过程中，要有新颖的创意，在界面的设置上还要注意色彩的协调，在搜索与页面设置上要清晰、层次分明，方便教师与学生搜索相关的学习与教学资源。而且因为计算机专业的课堂时间有限，在页面设置上不可以复杂，内容上要简练，保证页面的每个必要的功能，剔除不必要的功能设置[4]。
2）教学内容新颖，教学方法具有科学性的原则
教学网站的课程内容在设置上要注重专业化与模块化，而且在每一个模块的设置上要层次分明，注重每一单元的核心思想。学生在计算机教学的课堂中，当输入学生与教师的账户，进行登录之后，所有所学的以及将要学习的课程在会一目了然地显示出来，学生只需要轻触鼠标，点击所显示的相应模块，就可以进入并且进行学习。所有的内容都被分为若干个模块，而且每一模块有不同的单元，在每个单元的列表中，预习、课堂教学以及课堂后的巩固练习全部有条理地呈现在显示器上，以此来体现教学的科学性，以及教学理念的层次性。
3）学生的参与性原则
近年来，不管是教学的理论分析还是教学的实践活动，在整个的教学活动中，教学的重点都来时从“老师”转移到了“学生”，从“教”转移到了“学，而且在教学方法的选择上，也更加的注意学生的体会，注重学生的学习主体地位。因此辅助的教学网站在设计上面采用的理论指导是“学生是学习的主体，是历史的创造者”，因此，网站的设计过程中，开发者更多的考虑所提供的学习资源是否能有助于学生学习能力的提升，学生价值观念的建立，更加的注重学生的体验价值。所以，辅助的教学网站在设计与建设过程中，要调查并且了解学生的实际需要，考虑到学生知识储备的差别性以及掌握知识的能力的高低区别，对学生的表现进行实时的监控，学生在使用教学网站时都是用学号进行登录，所以学生掌握知识的程度以及是否进行预习和完成作业，网站都会进行记录，并且阶段性的将这些记录反馈给老师[5]。
3 课堂辅助教学网站进行的设计
1）对教学网站页面的设计
计算机专业的辅助教学网站软件在页面的设置上应当是整洁明了，条理清晰。在色彩的设置上，应当以浅色系列为主。而且网站软件的整体页面设置上，应当分成上下两部分，上面是可以收回的下拉菜单，学生可以通过菜单对所学的模块进行选择，除此之外，还有检索框，学生可以通过检索框来查找要检索的学习资源，对于常访问的内容还可以进行记忆[6]。而下面就是学生检索出来的学习内容，每一模块都对应着相应的内容，学生可以对于所学的内容对模块进行自定义的记录，通过这照片那个方式，在下一次上课时，学生登录自己的账户，就直接可以看到自己所要学的内容，不再不要重新检索寻找。
2）教学网站具有记录以及展示的功能
辅助的教学网站可以记录学生的日常的学习情况，如在课前是否进行预习，在上课期间的测验以及回答问题的记录，在课后作业的完成情况。对于阶段性的测验成绩进行记录，并且对多次曾经进行排列比较。学生们也可以看到对自己情况的相关记录，可以对自己的学习情况进行有效的反思，比较自己的成绩与记录，找到自己的不足之处，并且努力改正[7]。
3）教学方式与手段的设计
作为计算机专业的辅助教学网站，在设置上以教材为依据，按照模块进行教学设计，并且在模块之下又分为多个单元，具体的单元内容则为教学内容，而教学内容则是由课前预习，课堂讲解以及课后巩固与作业组成，教学的内容与课堂讲解相联系，而所呈现的文件除了单一的 ppt 文件、doc 文件等，还有视频、音乐以及动画等，这些文件的多样化促进了教学手段的多样化，这些文件大多上传方便，给予基本的思路与脉络，学生可以据此来做笔记，对自己上课过程中所学的内容进行补充。而对于课后老师留下来的作用和任务，学生可以在自己的电脑上下载相应的软件，完成作业，也可以在下载专区将任务下载，完成作业[9]。这样教师就实现了线上线下双向教学，而学生达到了双向学习的目的。但是在当前的辅助教学软件上，应当增加交流学习的板块，让学生与教师之间对于相关问题进行平等的讨论与交流。
4）教学网站的考核手段
中等职业院校的计算机专业的学生可以通过辅助的教学网站对每一阶段的学习情况进行在线检测。每个单元的测验以及每一模块小结测试都可以通过网站在线进行，上传后，系统可以根据答案，自动的生成成绩，减少了教师教学过程中的负担。对于每一次每个人的成绩，教学网站可以给予准确的记录，教师和学生本人都可以实时的监控自己成绩的走向，这有助教师了解每个学生对本门课的学习情况。学生也可以通过网站来完成作业，对于客观题的作用，做好上传，系统会根据答案自动打分，而主观题部分，学生可以根据题目作答，随后通过电子邮件的形式发给老师[9]。
结语：在未来的教学活动中，不再是以教师为主导，而是更加注重学生的主体地位，所有与教学有关的事情都应当以学生为核心，而选择怎样的教学方法来进行更好的教学，选择权也应该在学生的手里，而教师的主要作用就是给予学生正确的方向，并且给予更好的帮助。当今的世界已经进入到了信息化以及网络化的时代，由于网络以及信息技术的不断发展，使用教学网站软件来辅助教学的这种新型的教学方式，突破了教学过程中的时间以及空间的限制，作为教学的辅助工具的教学网站以及软件也会不断地进行改进，使之为教学工作提供更好的服务。而且我相信教学网站软件的广泛使用会引起教学史上的一次重要的变革。
摘要：WEB的兴起，给各行各业带来的便利是众所周知的，在教学领域的应用也在不断地延伸和扩展，基于B/S架构的网站具有客户端零维护、极易升级和扩展等特点，使得这一架构在教学网站被普遍使用。基于B/S架构的高校计算机基础教学网站，有效的解决了计算机基础教育课堂教学中无法解决的问题，成了不可缺少的第二课堂。
关键字：B/S架构；教学网站；第二课堂
1引言
计算机基础教育，从诞生至今也不过十几年而己，电脑的大面积普及，人人有电脑的时代也是近5年来才逐渐实现的。全国各地的计算机基础教育从小学、初中、高中一直到大学都在开展，可惜效果却不尽如人意。
计算机基础课的学科特殊性，决定其命运一直都是灰色的。在进入大学以前的任何一个学段，计算机基础课程都是只开设，不进行考试，小考、中考、高考一概不计入成绩。众所周知，当前的教育仍然处在应试教育阶段，计算机基础课程的开设效果就可想而知了。中小学的计算机课程属于不受重视的课程，表现在无人重视、教师被边缘化、教学效果差等等方面。加之受生机比的制约以及地区、家庭经济情况的差异，造成刚进入高校的大一新生计算机基础知识及基本操作能力相差极大。学生两级风化极为严重。
2计算机基础教育课堂教学现状分析
首先，长期受应试教育熏陶的大一新生，有一个很大的特点就是，课堂上老师指到哪里就动到哪里，不拨不动。然后，计算机基础课程具有很强的操作性，并且需要具备解决实际问题的能力。在二本院校，一旦老师讲完本节课程的课堂任务，留下没有具体要求的设计任务时，部分学生便眼神迷离，无从下手。课堂上，针对office系列的办公软件的讲解一般都是点到为止，毕竟进入大学之间，学生已经学习并使用了很多年。
可惜现实情况是，超过30%的学生不具备使用office系列办公软件的能力，只有约30%的学生可以熟练使用。因此，按照学生操作水平的高低，大致可以把学生分成3类：①基本上什么都不会（约占33%）；②可以独立操作，但不熟练（约占37）；③较为熟练，可直接处理实际问题（约占30%）。
这样的局面，使得课堂教学面临一个无法解决的瓶颈。课堂上，施教者若直接从作品设计入手，以培养学生的动手能力、创造能力以及解决实际问题的能力，这显然更加符合高校教育的初衷。仍然是很可惜，如此一来，仅仅有30%的那部分操作极为熟练的学生可以跟上老师的步伐，开始构思并设计作品；另外的什么都不会的那部分学生显然是在听天书，而不太熟练的那部分学生仍然在摸索软件。如此以来，若施教者执意按照课程要求，在简单的指导后立即布置课堂任务，势必有33%的学生想睡觉，37%的学生心有余而力不足，长此以往，势必课堂上睡觉的睡觉，逃课的逃课，课堂不再活跃，教学效果不可能理想。若施教者改变教学策略，照顾那些什么都不会的学生，那些高手必然又觉得课堂索然无味。
如此来，课堂教学总是无法同时满足所有学生的需求，出现高手吃不饱，一穷二白的又无法消化的局面。这种局面的出现，使得处于两个极端的学生都出现倦怠情绪。
3基于B/S架构的第二课堂教学网站的作用分析
基于B/S架构的教学网站，可以有效地解决这一问题。课堂上，教师可以设计一个大部分学生都能完成的任务，以此拉开本节课的帷幕，然后将大量的时间交给学生，学生在教学网站上面，挑选适合自己能力水平的设计开始做，一穷二白的学生也可以在网站上寻找基础性的作业先锻炼，进而实现各有作为共同提高。
平时，老师要认真备课，不断的搜集适合各类学生使用的资料，以及各类教学指导，精心布置适合各类学生的多个设计任务。针对每一堂课，将各类资料分类上传，不断的完善教学网站上的资料。课堂必须以各种方式启发学生，创设各种情景，激发学生的学习兴趣。各种设计任务，要布置学生感兴趣的多个任务供学生选择。
4基于B/S架构的第二课堂教学网站的使用效果分析
以一节word图文并茂课为例来分析效果第二课堂教学网站的使用效果。Word图文并茂的目标是为了更好的宣传或者表达制作者所要传递的信息。制作一个图文并茂的电子贺卡或者海报，童谣卡片等等，都需要很多排版技巧以及文本框、艺术字、图片等等的合理使用。课堂上，老师以实例入手，说明实例中每个技巧以及各种应用后，布置若干个设计作品供学生选择。
此时第二课堂就起到了极大的作用，非常熟练的学生可以直接开始构思并搜索积累素材，操作水平一般的同学，可以参考教学网站中提供的基础类的教学课件、教案、导学案、以及排版技巧和各种工具的使用方法，待掌握了word的排版技巧后再着手，即便是课堂上不能当堂完成，课后仍然可以完成设计。而另一部分基础很差，什么都不会的同学，则需要从头开始，他们需要花一些时间，通过学习教学网站中提供的各种学习材料，一步步提升自己，待熟练以后，开始构思作品。
对于基础知识和操作水平几乎为零的这类学生来说，开始可能是有难度，但是万事开头难，开了头以后，渐渐的便可轻车熟路，举一反三，通过几个星期甚至几个月的学习和熟练，牢固的掌握office系列办公软件。
在教学过程中，施教者在课堂上用了很少的时间来组织学生，激发起他们的学习兴趣，通过实例的展示，让学生眼前一亮，产生word居然能做出这么漂亮的贺卡，或者powerpoint居然能做出如此美轮美奂的动画那种感觉来，或者感觉到excel居然有如此强大的功能。此时，他们跃跃欲试，产生极大的学习兴趣。因此引入十分关键。
施教者成功引入新课后，便只需及时点拨学生的个别问题，学生根据自己的实际情况，选作或者选学第二课堂中提供的各种任务和各类基础训练。
学生通过第二课堂教学网站的使用和学习，不但培养了他们自学的能力，与此同时，他们的动手能力、创造能力、以及在交流中培养出来的沟通能力和协作能力等等得以极大的提升，久而久之，学生便可以从应试教育的泥潭中成功地跳出来，他们的综合能力不断提升，社会竞争力也得以不断提升，为日后走上工作岗位打好实战基础，真正的完成大学教育的目标。如此以来，可谓是十全十美。
5困难及展望
很多事情，构思的时候觉得有很大的可行性，可是真正实施的时候却困难重重，也不容易达到预期的效果。我们遇到的困难也不少，学生习惯了应试教育，有时候不愿意主动配合，加之其他课程依然在延续着应试教育，因此学生的习惯还是无法通过一门课培养出来。相信随着时间的推移，教育技术的不断提升，必然可以实现我预期的目标。
摘 要：分析了信息技术课程教学网站设计意义，同时从信息技术课程教学网站的需求分析与功能定位以及信息技术课程教学网站的内容设计两方面探讨了信息技术课程教学网站设计实现，以及为信息技术课程教学网站的设计提供一些参考，提升信息技术课程教学效率，促进学生的全面发展。
关键词：信息技术课程；网站设计；内容设计
近年来，随着计算技术和网络技术的不断发展，利用网络进行教学与学习的方式不断应用于信息技术课程教学中。信息技术课程教学网站是信息技术与学科课程整合的一种新型的教学资源，能够为学生提供了丰富的信息技术课程学习资源，对于培养学生的创新精神和实践能力、提高学生信息素养以及提升信息技术课程教学效率具有重要意义。
1 信息技术课程教学网站设计意义
信息技术课程教学网站能够为学生提供丰富的信息技术课程学习资源，并在学生信息技术课程学习的各个环节中提供了学习的工具，能够确保学生信息技术课程学习的深入开展。信息技术课程教学网站设计的主要具有以下方面意义：
第一，关注全体学生。在进行信息技术课程教学网站设计时，融入了以生为本的设计理念，对每位学生的发展较为关注，同时尊重学生的个体差异，确保不同学习能力的学生均能通过信息技术课程教学网站学习相关信息技术知识，提升信息技术课程教学效率。
第二，培养学生的探究学习能力。信息技术课程教学网站并非向学生展现现成的信息技术课程课本知识与确定的标准答案，同时并非让学生去被动地浏览和接受相关信息技术知识，而是较为注重学生探究学习能力的培养。信息技术课程教学网站具有强大的交互性，能够更好地帮助学生开展研究性学习，积极调动学生的热情和学习主动性，在信息技术教学过程中较为注重学生的参与性和探索性，充分发挥学生的学习主导地位，能够有效促进学生创新能力的发展，让学生在使用信息技术课程教学网站过程中获得积极、愉快、成功体验的过程。在信息技术课程教学过程中，学生是认识、发现、实践以及发展的主体。信息技术课程教学网站设计过程中突出学生的主体地位，能有效培养学生的自主探究能和创新能力。同时，信息技术课程教学网站并未给学生设置学习框框和设定唯一的结论，能够更好地促进学生在信息技术课程学习中的开动脑筋、自主创造的过程中提出假想论断，同时提出的假想进行分析，并对提出的假想进行论证，同时结合信息技术课程教学网站提供的丰富学习资源的支持来开展相关探究学习，进而得出自己的结论，以便提升学生解决问题的实践能力和创新能力。
第三，培养学生社会实践能力。在信息技术课程教学网站构建过程中，设计者为学生构建了虚拟的学习、工作以及生活空间，同时信息技术课程教学网站提供了在线自测、聊天室等功能，能够有效加强学生的学习探究与社会现实之间的紧密联系，培养学生社会实践能力。
第四，培养学生沟通和交流能力。信息技术课程教学网站具有师生讨论、生生讨论以及留言板等功能模块，学生可以通过以上功能模块进行相关知识的讨论，加强与学生、教师之间的沟通和交流，培养学生的沟通和交流能力。同时教师也可以通过以上功能模块对学生的讨论进行及时点评，并对学生的讨论结果进行评价与展示，满足学生全面发展的需要，促进学生的全面发展。
2 信息技术课程教学网站设计实现
在进行信息技术课程教学网站设计时，应当注重网站的需求分析与功能定位和网站的内容设计，确保信息技术课程教学网站功能的实现，提升信息技术课程教学效率。
2.1 网站的需求分析与功能定位
设计和开发信息技术课程教学网站的基础和前提是对信息技术课程教学网站进行需求分析。在设计信息技术课程教学网站时，应当广泛收集资料，同时仔细调查和研究已存在并使用的信息技术课程教学网站，对信息技术课程教学网站的优缺点及日后发展趋势进行科学分析，确保构建的信息技术课程教学网站具备科学性和可行性，并准确定位信息技术课程教学网站功能，确保信息技术课程教学网站满足实际教学需要。在进行信息技术课程教学网站的功能定位时，应当注重以下方面的定位：
第一，构建便于教师和学生收集资料的完整资源库。在开展信息技术课程教学网站设计时，应当有针对性、系统低构建丰富性的信息技术课程学习资源库，以满足不同学生的学习需求和教师的教学需求，提升信息技术课程教学效率。
第二，构建便于教师与学生、学生与学生之间交流的讨论功能模块。在开展信息技术课程教学网站设计时，应当构建高效、便捷的学生与学生学习交流的平台和学生与教师的沟通交流平台，以实现聊天室、留言本等功能。
第三，构建方便教师教学和学生自主学习的完善、系统的信息技术课程内容结构。在开展信息技术课程教学网站设计时，应当构建系统完善、系统的的信息技术课程内容结构，为学生提供在广度与深度方面有效整合的信息技术课程学习资源，促进教师信息技术课程教学和学生的自主学习的高效开展。
第四，构建便于学生及时进行检测反馈的在线自评系统。在信息技术课程教学过程中，教师较为关注学生学习效果。因此，在开展信息技术课程教学网站设计时，应当构建及时、准确的在线自评系统，以便学生在学习过程中能够及时认证学习成绩，以促进和推动学生下一个阶段性的学习，提升信息技术课程教学效率。
2.2 网站的内容设计
第一，结构化知识展示设计。在进行信息技术课程教学网站内容设计时，应当展示信息技术课程学习相关的结构化知识，结构化重组信息技术课程内容相关的文本、图片以及图像等相关知识，为学生丰富的信息技术课程学习资源。
第二，扩展性学习资源设计。在进行信息技术课程教学网站内容设计时，应当结合信息技术课程教学的特点和实际情况，注重收集和整理信息技术课程教学相关扩展性的学习素材资源，采用不同的学习工具和相关资源网站的链接，延伸信息技术课程学习资源广度与深度。
第三，网上讨论空间设计。在进行信息技术课程教学网站内容设计时，应当注重聊天室、留言板等讨论功能模块的实现，以便学生与学生、学生与教师实践的沟通和交流，在帮助学生答疑指导的同时，培养学生的合作的意识。
第四，学生自我评价系统设计。学生正确的自我评价能够激发学生的学习兴趣、调动学生的学习积极性和主动性，因此，在进行信息技术课程教学网站内容设计时，应当注重学生自我评价系统设计，为学学生提供针对性强、含疑问量适度以及具有一定梯度的强化练习，帮助学生及时完成自我评价，提升信息技术课程教学效率。
3 结束语
信息技术课程教学网站为学生提供了丰富的信息技术课程学习资源，能够有效培养学生的探究学习能力，同时也能有效培养学生的社会实践能力、沟通和交流能力。在设计信息技术课程教学网站时，应当注重网站的需求分析与功能定位，同时注重信息技术课程教学网站的内容设计，确保信息技术课程教学网站功能的实现，提升信息技术课程教学效率。
【主题阐述】
教学网站的运用为学生提供了一种全新的学习模式，激发了学生的学习兴趣，让学生自主学习，培养学生的动手能力，提高教师的教学效果。下面结合自己把教学网站运用于课堂教学中的几个案例，谈谈自己的一些收获。
【教学实例】
案例1：《汉字与印刷》《用电脑处理汉字》《常用的字处理软件》这三课内容以基础知识介绍为主，特别适合学生通过网站自主学习。
上课一开始，我便把网址写在黑板上，简单说明上网的方法以及注意事项后，便布置本课的学习任务，让学生自己浏览网站，开始上网学习。不过问题出来了，虽然学生的学习兴趣是被调动起来了，但由于刚接触上网学习这种方式，很多学生还是像平时上网一样，要么一目十行，要么东点西点，没有目标。
通过这一节课的尝试，我发现，让学生自主学习并不是“放羊”。教师作为课堂教学中的组织者、调控者，要在教学过程中恰如其分地发挥自己的“主导”作用，引导学生有目的、有计划、科学地进行自主、能动和创造性的认识活动。
案例2：教师在讲解一些具体的操作步骤的时候，往往都是采用边讲边操作的方法。虽然演示的过程能通过屏幕广播方式广播给学生，但如果操作步骤过多和复杂的话，学生就无法记住所有的操作步骤，在学生自己实践时就感到困难重重，甚至是无法下手。在教学《编排活动报告》这一课时，我让学生浏览学习本课的学习目标和操作要点之后，利用教学网站中的动态演示模块，播放本课各个活动的操作实例演示，播放的过程中要求学生认真观看每一个细节，然后让学生跟着视频一步一步完成。教学网站的教学视频取代传统的教师演示，使学生可以反复观看，可以截取部分内容观看。这样，所有的学生都可以看到非常关键的操作细节，避免了学生由于忘记操作步骤而失去学习的信心，导致学生对信息技术产生厌学情绪。
【结果】
经过将近一个学期“教学网站”的实践与探索，我发现学生学习信息技术的兴趣有了很大程度的提高，教学涉及面正逐步拓宽，师生关系平等了，学生变得自信了，共性与个性也得到了协调发展……
【评析】
作为课堂教学的组织者、引导者、实施者，充分利用信息技术教学网站的优势，为学生的学习营造和谐、宽松的课堂氛围，可以培养学生学习的兴趣，给学生充分合理的学习时间和空间，为学生自主学习过程中碰到的各种困难提供必要的启发式帮助，为学生成功学习创造条件。这样学生才是真真正正自主学习的主人，而教师只不过是教学过程中的配角。
（作者单位 福建省南安市水头镇朴山小学）
摘 要：由于B/S架构模式有客户端零维护及易扩展升级等优点，使得它在WEB兴起后便被广泛的使用。客户端只需要安装浏览器，无需安装其它组件，在任何地方都可轻松实现对WEB服务器端的访问。基于B/S架构的教学网站，能够轻松的实现学生通过网站参与第二课堂的教学活动，优化了教学资源，提升了教学效果。
关键词：B/S架构；教学网站；第二课堂
1 引言
大学计算机基础教育属于公共课，也是各院系所有专业大一新生的必修课。由于各种客观因素的限制，使得大一新生的计算机理论及操作基础差距极大。一般情况下，大部分城镇学生有长期使用电脑的经历，有较高的操作水平和较好的理论基础；而部分农村学生几乎还处在零起点的水平，学生的水平出现两级分化的局面。面对如此层次不齐的学生，课堂教学总是无法同时满足所有学生的需求，出现高手吃不饱，一穷二白的又无法消化的局面。这种局面的出现，使得处于两个极端的学生都出现倦怠情绪，感觉课堂毫无收获，进而发展为上课走神打瞌睡，甚至逃课的现象。
基于B/S架构（Browser/Server，浏览器/服务器）的第二课堂教学网站，能够很好的解决这一问题。课堂上，老师可以针对大部分学生的需求来施教，进行适量的讲解，然后把大量的时间留给学生进行实践。学生可以通过基于B/S架构第二课堂教学网站，按照自己的实际情况，在第二课堂的分级教学环节里面选择适合自己的教学任务和实践任务进行训练。这样，零起点的学生有提升的机会，而高起点的学生有提升的空间。各自都有收获便可解决学生倦怠、厌学等不良情绪。
2 设计背景及理论支持
马周周教授在“从庄子‘不射之射’看当前我国教育技术之浅陋”说到，我国教育技术在庸俗的实用主义哲学的误导下，教育技术事业长期地陷入‘机事’的沼泽地，偏执而不能自拔[2]。同时，本人也曾经通过调查得出这样一个结论，计算机基础教育是在中小学，唯一一个不参与升学考试的科目；唯一一个可以真正实施素质教育的科目；唯一一个可以以提升学生动手能力、创新能力、协作能力的学科；唯一一个可以提升学生综合能力和未来社会竞争力的学科，却被沦为最不受重视的学科[3]。马周周教授一针见血的之处了当前教育模式的弊病，同时，本人也对计算机基础的教学现状做过较为详尽的调查和分析。当前的计算机基础的课堂教学模式已经远远不能适应时代的需求，开发B/S架构的第二课堂教学网站迫在眉睫。
3 网站框架设计
可以轻松实现客户端的身份验证、分布系统和网站配置等[1]，所以初步选定作为网站制作工具，使用常用的SQL server制作数据库。第二课堂教学网站的使用对象是个院系的老师和学生，老师要在网站里面及时上传和更新教学内容，及时上传相关的训练习题和实践资料。学生也要及时查看教师的教学内容，及时完成相应的实践任务，同时及时对教师的资料进行评价，参与和教师互动的活动。网站的基本结构如图1所示。
4 开发平台及关键技术
数据库链接时，使用 Framework，OLE Framework，或SOL Framework等来实现对数据库访问。本系统采用的集成控件来访问数据库。是常用的数据库访问控件。使用控件时，还可使用新的NET Framework来提供数据源，实现对各类数据源的统一访问。同时执行对数据库的检索等。
5 预期效果
通过第二课堂教学网站，可以轻松实现分级教学，缓解课堂教学压力，弥补课堂教学的不足。同时还可以轻松实现师生互动，让教学效果上一个新台阶。
【摘 要】“中泰教育合作下信息技术与《泰语视听说》课程整合的研究与实践”是2012年度新世纪广西高等教育教学改革工程立项项目，其中，建设课程教学网站是其中的一项主要内容。团队通过探讨研究，采用了+SQL的技术建设该课程的教学网站。本文首先分析了采用 +SQL的技术的原因，其次再分析采用这些技术所面临的风险，最后提出解决这些风险的安全防范措施。
【关键词】 SQL 网站安全 SQL注入
《泰语视听说》课程是一门实践性非常强的课程，教学内容大多来自电视和网络等媒体，课程的目的是让学生能听得懂节目内容的同时，还能运用泰、汉两种语言进行复述以及归纳中心意思。
建立课程教学网站，是“中泰教育合作下信息技术与《泰语视听说》课程整合的研究与实践”项目的一项主要内容，作用重要，因为通过该网站，可以把优秀的教学资源共享出去，实现课程的远程教学和多媒体教学，为其它泰语专业的课程甚至其它小语种课程的网络化、多媒体化打下基础，提高泰语专业教师对现代教育技术的应用能力，进而服务于中泰高校的教育合作，提高泰语专业的人才培养质量。同时，泰语专业的学生也可以通过该网站的学习，让听、说方面的能力得到提高，为学生今后出国留学深造作铺垫。
一、和SQL技术的优势
之所以选择 +SQL的技术去构建该课程教学网站，主要是出于以下的考虑：
的优势
虽然说有这样那样的缺点，比如数据库的连接复杂；但是优点也是非常明显的。
（1）简单性和易学性：其使运行的任务，如表单的提交客户端的身份验证、分页系统和网站配置，变得非常简单，它可以通过语言简化开发简化代码的生成。
（2）高效可管理性：其使用字符基础的、分级的配置系统，服务器环境和应用程序的设置更加简单。
（3）其是一种用于多处理器的开发工具，它在多处理器的环境下用特殊的列缝连接技术，极大的提高了运行速度。
（4）安全性高：在安全这一块，提供了两种安全机制：验证和授权。
除了以上的的优点外，还有其它的优点，比如：易于写出结构清晰的代码、代码易于重用和共享、可用编译类语言编写等等。
2.SQL的优点
之所以选择SQL作为支撑数据库，主要还是考虑到了它的优点：易用性、适合分布式组织的可伸缩性、用于决策支持的数据仓库功能、与许多其他服务器软件紧密关联的集成性、良好的性价比等。除这些的优点外，SQL还为数据管理与分析带来了灵活性，允许单位在快速变化的环境中从容响应，从而获得竞争优势。
二、网站所面临的威胁
尽管和SQL的优点令人看起来是那么的完美，但是随着网络的普及以及相应的网络技术的发展，其所暴露出来的漏洞也越来越多。同时，网络系统本身的脆弱性、开发性和复杂性这些特点，在为网络带来发展机遇的同时，也带来了很大的风险。同时，对网络的攻击也越来越多样化，而且技术也越来越先进。
在安全宝的《2012年网站安全统计报告》中，给出了主要攻击的方式所占的比例：SQL注入为36.5%，任意文件读取为19.1%，跨站脚本攻击为4.5%，fastcgi解析为2.2%，IIS6.0解析漏洞为0.4%，其它攻击为37.3%。在攻击方式中，SQL注入以36.5%的比例位居榜首。在近两年，虽然SQL注入攻击有所减少，但依然是Web程序的一个主要威胁。黑客通过SQL注入攻击，可以操控数据库、篡改数据，甚至进一步入侵服务器，危害较大。其次是任意文件读取和跨站脚本攻击，任意文件读取是指黑客通过目录跳转，查看文件内容。跨站脚本攻击也叫XSS，黑客通过XSS攻击可以盗取用户账号信息，网站挂马操作等，XSS攻击在owasp top10中位居第二的位置也说明了其危害性不容小视。
所以，对于课程教学网站来说，课程资源都是教师多年积累、辛苦劳动的成果，上网后就有可能会被其他人下载，甚至一经改名成了别人的成果，得不到有效保护，严重影响甚至伤害了教师创建课程网站的积极性；同时，也会受到一些不良黑客的攻击，导致课程资源破坏或者丢失，损失了宝贵的资源。
基于这些因素，很有必要对课程教学网站进行安全防范。
三、教学网站的安全防范措施
因为在网络攻击里面，SQL注入攻击所占的比例最高，而且规模越来越大，破坏性也越来越强，所以在这里主要是探讨这种类型攻击的安全防范措施。
1.使用参数化查询
通过制定并且强化安全编码指南，要求网站开发人员通过参数化查询去构建SQL查询，从而使数据和代码区分出来。参数化查询就是在SQL语句中有一个或者多个嵌入参数的查询，这种方式和动态构造SQL字符串相比，不容易出现错误。
2.使用过滤和监视工具
在应用程序和数据库的水平上使用过滤和监视工具可有助于阻止攻击并检测攻击行为，从而减轻了暴露在大规模的SQL注入式攻击的风险。
在应用程序水平上，通过实施运行时的安全监视来防御SQL注入攻击和系统中的漏洞。同样地，Web应用防火墙也有助于去部署某些基于行为的规则集，可以在发生损害之前阻止攻击。
在数据库水平上，数据库的活动监视还可以从后台过滤攻击。数据库的监视活动是对付SQL注入的一种非常强大的工具。所以，对于注入攻击，要部署好过滤器，以便向数据库管理员发现警告。
3.精心编制错误消息
因为攻击者可以通过错误的消息去对付网站，所以开发人员一定要考虑当用户输入一些出乎意料的“数据”时，应当返回的错误消息。
所以在配置Web服务器和数据库服务器的时候，要配置成不输出错误或警告的消息。因为攻击者可以通过“盲目SQL注入”等黑客技术去了解数据库设计的相关细节。
4.及时打补丁并强化数据
由于没有及时打补丁或者配置错误而造成应用程序相关联的数据库遭受攻击，从而令SQL注入攻击的风险增加。
所以，要及时的打补丁，同时，牢记数据库的配置情况，而且要禁用不必要的服务和功能去强化数据库及其赖以运行的操作系统。
5.限制数据库的特权
许多攻击之所以会发生，很大程度上是因为数据库管理员全面开放了一些帐户。因为管理员的目的是想让开发人员更轻松的工作，但是，这些超级用户的帐户也极易遭受攻击，并且会极大地增加由SQL注入攻击及其它Web攻击给数据库所造成的风险。
所以一定要正确地管理所有的帐户，使其在保证能正常工作的情况下，仅能以最低的特权访问后台的数据库。
6.数据库的加密
为了确保数据库的完整，不被破坏、泄密和窃取，那就一定要对数据库进行加密。在这里，采用了MD5的加密技术，同时结合系统提供的各种安全措施，双重保证数据的安全。
四、结束语
网络是一个复杂的环境，随着网络技术的发展，攻击的方式呈多样化，技术也越来越先进，所以对于保障网站的安全是一个非常艰巨的任务。我们只有通过不断的改进程序，优化代码，把各种可能会出现的问题都考虑到，以及对潜在的异常也能进行处理，才能减少网站被黑客攻击的机会。
摘 要：基于PBL教学法的程序设计实践教学支撑是建立在通用的网络信息基础之上的，集视频、文本等多种媒体于一身，以其丰富的表现力、特有的感染力专门为课程教学与演示提供全面服务。它所涉及到的教学指导、教学课件、教学效果模块具有相互协调性和衔接性，使学生变被动式的听讲为主动式的参与，逐渐养成独立思考的习惯，促进学生观察、记忆、思维、创造等能力的综合发展。
关键词：网络教学平台；课程教学；PBL教学法；实践教学
一、绪论
基于PBL教学法的程序设计实践教学网站的设计可以让教师通过网络设计教学大纲、授课计划、上传课件、课外参考资料，实现共享资源，同时评价课程教学效果，总结教学经验，向学生提供课程和学习内容的快速链接，在任何时间观看讲稿、视频教学、优秀作品等课程资源，便于学生课后学习巩固拓展。
利用Internet和校园网作为支撑环境构建网络化教学与学习环境的研究与实践，是近年来教育教学改革的热点问题之一。目前，包括Moodle、Claroline和ATour等系统在国外广泛用于构建网络化虚拟教学和学习环境，国内亦可见到一些应用。其中以基于社会建构主义和开放式模块化个性化学习环境为设计思想的Moodle系统与我们现在倡导的素质教育的思路极其吻合。所以我们结合在基于B/S结构的软件开发与实践等方面的经验，对Moodle的体系结构和功能模块进行了应用研究，并在教学中加以应用和推广。
二、系统分析
（一）功能需求分析
本系统名称为“基于PBL教学法的程序设计实践教学网站的分析与设计”，主要是用于辅助课堂教学和拓展课后实训。参照实际操作对象，本系统有四种不同权限的用户，分别是系统管理员、课程负责人、普通任课老师以及学生。
在该基于PBL教学法的程序设计实践教学网站系统中，教学指导模块中包括三部分：课程分析、教学大纲、授课计划。对于课程分析，主要是提供学生查看或搜索其所在的班级资料和所学的课程资料，提供教师查看或搜索其所教的班级资料和课程资料。对于教学大纲和授课计划，主要是提供学生查看或搜索其相关资料，提供系统管理员在自身权限范围内对其进行修改、删除、浏览、查看等功能，提供教师在其自身权限范围内对其进行添加、浏览、查看等功能；教学课件主要子模块是案例、讲稿和视频教学，实践教学主要子模块是项目小组、项目小结和答辩记录。在教学课件里课程负责人和系统管理员可以上传，修改，删除教学资料，如教案，讲稿和教学视频等，其他用户登录可以对实教学资料行浏览查询；教学效果主要是实践作品展示和课程教学经验分析，在教学效果里课程负责人和普通任课老师可以上传学生优秀的实践作品，其他用户登录可以对实践作品进行浏览查询。而对于课程分析这块，则是由课程负责人每月进行总结一次，以供任课老师参照学习，学生不得浏览查看；系统管理包括教师信息、学生信息、班级信息、课程信息、学期信息、任课信息、用户登录管理和系统管理员信息。该模块是对于整个系统基础数据的维护，确保系统能良好运行；个人设置是最基础的模块，包括密码修改和个人信息修改两部分，主要用于对用户的密码及个人信息进行修改。
教学指导模块课程介绍维护用例图如图2-1所示：
（二）数据需求分析
系统管理员（属性：账号，姓名，密码，性别，联系方式等等）；
教师（属性：编号，姓名，密码，性别，出生年月，职称，联系电话等等）；
学生（属性：学号，姓名，密码，性别，出生年月，家庭地址等等）；
课程（属性：编号，名称，学分，学时，考核方式，教学模式等等）；
资料类别（属性：编号，名称）；
资料信息（属性：名称，学期编号，班级编号，上传时间，资料简介等等）；
班级（属性：编号，名称，学期编号）；
学期（属性：编号）；
作业（属性：编号，名称，存放位置，截止日期等等）；
参考答案（属性：作业编号，名称，存放位置等等）；
课程总结（属性：课程编号，学期编号，存放位置，文件名称等等）；
三、系统设计
（一）系统概述
《基于PBL教学法的程序设计实践教学网站设计》旨在从辅助教学拓展教学的实际出发，注重于课程信息和教学互动两方面切入，不仅为老师的教学管理提供方面，而且有助于学生的课后拓展和实践训练。此外还需提供良好的操作界面，方便用户操作，提高系统的易操作性，降低用户使用系统时的难度，提高工作效率。
（二）总体设计
本系统涉及五大功能模块，四大权限用户，根据实际教学情况，模拟真实教学数据，使系统功能更加具体和实际化。
课程教学平台系统总体功能模块图如图3-1所示：
（三）功能模块设计
系统需要完成的功能主要有以下几点：
（1）教学指导：课程介绍、教学大纲、授课计划；该模块主要供用户浏览课程、大纲和授课的信息，主要由课程负责人添加更新信息。
（2）教学课件：教案、讲稿、视频教学；该模块主要供用户浏览课件信息，学生使用的较多，主要由每门课程的授课老师添加更新信息。
（3）教学效果：实践作品、课程分析；该模块主要供用户浏览优秀实践作品，学生可以欣赏作品，老师则可以分享教学经验；主要由课程负责人添加更新信息。
（4）系统管理：教师信息、学生信息、班级信息、课程信息、学期信息、任课信息、权限修改、系统管理员信息等；该模块主要是系统管理员维护基础资料信息以及用户信息，此模块登录只有系统管理员有权限。
（5）个人设置：密码修改、个人信息修改；该模块主要提供登录用户的个人信息修改，只要是系统的用户登录系统，均能修改个人资料。
（四）数据库设计概述
数据库是存储在一起的相关数据的集合，这些数据是结构化的，无有害的或不必要的冗余，并为多种应用服务。此外，数据库还为用户提供了非常简便的使用手段使用户易于编写有关数据库应用程序。数据是信息系统处理的对象，数据库设计是系统设计的重要组成部分，它的好坏将直接影响到应用系统处理数据的效率，不同类型的数据库拥有着不同的优点，数据库的可操作性和高效性正使它在对经济管理高要求的系统设计中得到越来越广泛的应用。
（五）系统详细设计
1.课程介绍页面
功能描述：该模块提供对课程介绍进行浏览、查看的功能，要求用户已登录。
（1）在文本框中输入关键字，点击『搜索按钮，进行相关搜索；
（2）点击『查看按钮，可以对某门课程介绍进行查看；
2.课程介绍浏览页面
功能描述：该界面提供对课程介绍进行浏览的功能，要求用户已登录，并从课程介绍页面传递了“CourseId”。
（1）点击教师姓名，链接到教师详细信息页面；
（2）点击班级名称，链接到班级详细信息页面；在班级详细信息页面，可以查看该班级学生详细资料。
（3）点击『返回按钮，可以返回到课程介绍页面。
3.教学效果
实践作品添加
功能描述：该模块提供学生优秀实践作品新增功能，要求用户已登录，而且只有课程负责人和授课老师才有此权限，要输入相应的学期、课程名称、资料类别等信息。在前一页点击『添加实践作品按钮跳转到该页。
使用控件：下拉框控件（Dropdown List）、文本框（Textbox）和上传文件控件（File Upload）。
注意细节：下拉框选项根据数据库进行动态取数并绑定，针对资料类别和上传的文件类别如不相符不能上传成功，文本框如有空值不填的，进行判空，确保输入数据的正确性等。
（1）点击『添加按钮：提示添加成功。
（2）点击『取消按钮：清空文本框，下拉框选项恢复到初始选项。
课程分析添加
功能描述：该模块提供课程分析新增功能，要求用户已登录，而且只有课程负责人才有此权限，要输入相应的学期、课程名称等信息。在前一页点击『添加课程分析按钮跳转到该页。
使用控件：下拉框控件（Dropdown List）、文本框（Textbox）和上传文件控件（File Upload）。
注意细节：下拉框选项根据数据库进行动态取数并绑定，针对资料类别和上传的文件类别如不相符不能上传成功，文本
框如有空值不填的，进行判空，确保输入数据的正确性等。
（1）点击『添加按钮：提示添加成功。
（2）点击『取消按钮：清空文本框，下拉框选项恢复到初始选项。
四、系统测试
在设计测试用例，应根据软件测试的原则，选择那些发现错误可能性大的数据作为测试的输入数据。下面以本系统的登录模块进行说明。
设计测试用例如下：
功能模块名：系统登录
测试目的：验证是否输入合法信息，允许合法登录，阻止非法登录
测试数据：用户账号=0001（系统管理员），密码=111
经过系统各功能模块的测试表明，本系统较好的实现了当初的设计目标和功能需求。
五、结束语
本文从现代教育模式出发，以辅助课堂教学和拓展课后实验为主旨，以软件工程和项目管理规范、.NET技术框架为工作基础，设计并实现了一套适合各大高校教学使用的“基于PBL教学法的程序设计实践教学网站”，实际运行良好，并通过验收。
摘要：为促进人工智能课程在教学内容上的前沿性，在课程网站建设中设计并实现了运用智能规划系统“Fast Forward” （FF）进行教学演示的功能。设计方案采用浏览器/服务器模式，网页采用JavaScript和Ajax技术，服务器端使用Java Servlet技术的文件读写功能处理规划问题实例的描述和规划解的描述，使用Java Servlet的命令执行功能调用FF规划系统，规划解的执行通过JavaScript技术以动画形式展示。使用结果表明，该功能具有直观性、易用性的特点，有益于提高学生对人工智能领域实用技术的学习兴趣。
关键词：教学网站设计；人工智能教学；智能规划
0 引言
随着计算机网络技术的发展与运用范围的扩展，基于计算机网络的教育技术已经成为教育教学中备受关注的技术之一。教学网站是该技术的主要产品。教学网站的目的在于通过提供教学大纲、教案、讲义、演示文稿、习题与答案等内容在教学时间和教学深度两个方面延伸理论教学课堂。因此，教学网站设计能否实现其教学目的一直是网站建设者思考的主要问题[13]。为了实现具体的教学目的，网站设计者一方面采用新技术提高网站的响应速度，改善用户界面；另一方面精心组织网站内容和教学模式[3]。本文以本科生课程《人工智能》为例，来着重讨论教学内容的前沿性及其体现形式。
在教学过程中发现，对于大多数本科生而言，人工智能是出现在科幻电影中的技术。此外，多数人工智能课程使用基础性人工智能教材，专注于理论和方法较多，很少介绍人工智能软件系统，这进一步加深了学生对人工智能技术成熟度的怀疑，从而妨碍了部分学生的学习兴趣。针对该问题，课程网站作为理论教学的有益补充，应介绍人工智能领域具有代表性和前沿性的软件系统，从而提高学生对人工智能的学习兴趣。
智能规划自人工智能诞生时起就成为其中的一个研究领域，更在近20年间取得突破性进展。在理论研究方面，最新的智能规划算法相比1995年之前的规划算法有一个数量级以上的提高[4]。在应用研究方面，智能规划技术在香港地铁系统的应用使香港铁路公司能够处理每工作日240万人的客流量，获得了美国人工智能联合会2005年的“人工智能创新应用”奖；智能规划技术在美国施乐公司的印刷设备动态调度项目中也取得成功[5]，自2008年开始便产生了巨大的经济效益。因此，对智能规划技术的了解有利于提高学生对人工智能的学习兴趣。
1 智能规划技术简介
智能规划问题是根据Agent面对的初始世界状态及其目标，在该Agent行动之前制定动作序列的问题。初始状态和目标条件用逻辑命题表示，动作分为3个部分，包括执行前提、执行后新生的效果、执行后消除的效果。初始状态、目标条件和动作均采用PDDL语言[6]进行建模，以文本文件格式存储为“域文件”和“问题实例文件”。“域文件”描述Agent的动作，“问题实例文件”描述在一个具体问题中Agent所面对的初始状态和目标。
智能规划系统是一个配备在Agent上的软件系统，它以“域文件”和“问题实例文件”为输入，通过自身的规划算法计算出解决该问题所需的动作序列。动作序列一般以文本文件进行存储。
2 教学案例设计与实现
在人工智能教学网站建设过程中，设计了一个运用智能规划系统的教学案例，采用JavaScript、Ajax和Java Servlet等技术加以实现。
2.1 案例设计
为了使学生了解智能规划系统解决问题的全部过程，以“积木世界”类问题为求解对象，使用规划系统FF[7]进行问题求解，使用动画效果展示规划解的执行过程。“积木世界”问题涉及到将若干个积木堆叠成满足给定空间关系要求的若干个积木堆。涉及3个积木的具体问题如图1所示。
为了提高学习兴趣，允许学生指定积木数量，随机生成具有不同初始状态和目标状态的问题实例。实例的初始状态生成算法思想如下：根据指定的积木数量M，生成标号从1到M的积木；对于第i个积木i，以1/k的概率将它放置在桌子上或顶面为空的积木上，其中k为顶面为空的且编号为1～（i1）的积木数量。目标状态使用相同的算法生成，但保证其与初始状态不同。问题实例生成后，其对应的PDDL语言模型将向使用者展示。完成此过程的用户界面如图2所示。
图1 一个具体的积木世界问题实例
图2 系统用户界面
使用者通过点击按钮启动规划求解过程，在短暂等待后，能够查看规划解。使用者能够启动规划解的单步执行过程，根据每一步执行的动作名称和执行后的结果观察动作对外部世界的影响。在执行过程中，允许使用者启动倒退按钮重新观察上一个状态。执行过程的用户界面如图3所示。
图3 规划解执行过程演示界面
2.2 预期效果
该案例预期实现以下教学效果：①使学生理解规划问题的组成及其PDDL语言描述，在实例生成后，通过文本框显示问题实例的PDDL语言描述以辅助学生理解；②使学生理解动作模型，通过执行动作、撤销动作等操作使得学生能够观察某个动作在执行后对外部世界的影响；③认识到智能规划系统的高效性，相比手工计算具有优势。为达到此目的，使用性能较高的智能规划系统FF。通过多次生成不同规模的规划问题，使学生意识到随着积木数量增大而引发的手工计算困难；④发现FF给出的规划解并不总是最优的，从而认识到计算人工智能问题的最优解是困难的。通过手工分析小问题的最优解，使学生认识到FF的局限性和克服该局限性的困难。
2.3 案例实现
为支持教学案例的实施，设计了相应的网页。系统采用浏览器/服务端模式，浏览器端采用JavaScript技术和Ajax技术定义用户界面、动态演示规划解的执行，服务器端采用Java Servlet技术实现规划问题实例的生成、规划系统FF的调用、规划解的传递，系统结构如图4所示。问题实例在服务器端生成后，将以XML文件格式发送到客户端，并以文本文件形式存储在服务器端；服务器端在接到求解规划的请求后，以问题实例的文件名和域描述文件（预先存储在服务器端）的文件名为参数，调用规划系统FF；FF在求解后将规划解以文本文件存储，之后服务器端负责将该文本文件格式化为XML文件并发送给客户端；客户端在接收到规划解后，根据用户的操作进行规划解的执行过程演示。由于规划系统FF在Linux操作系统上开发，因此服务器在Linux上搭建。
图4 系统架构
2.4 实践效果
该系统在智能科学与技术专业本科生的人工智能教学实际中加以了运用。实践结果表明，学生对系统的可视化特征很感兴趣，对规划问题、PDDL语言和规划求解算法都很好奇。学生提出的问题主要有：①Agent能执行的动作是如何知道的；②生成初始状态是否有其它算法；③PDDL语言与编程语言的区别；④FF使用了什么算法。在指导教师解答后，学生对问题建模和自动化求解有了更深入的理解，部分学生对使用PDDL语言建模规划问题产
生了浓厚兴趣。
3 结语
人工智能教学网站是学生利用课外时间开展学习的重要平台，因此设计者应注重其教学内容的丰富性、前沿性和可用性。本文将智能规划问题的求解系统作为教学内容，使用JavaScript技术实现了动态演示效果，开阔了学生的学习视野，提高了学生的学习兴趣。在今后的教学网站建设中，将增加对人工智能技术应用成果的介绍，以提高学生对人工智能技术经济价值的认识。
【摘 要】教学网站作为网络教育中最关键的节点，其视觉设计的优劣直接关系到教学网站提供自主学习的效率与效果。本文通过对目前教学网站视觉设计的现状研究，提出教学网站视觉设计的原则，结合教学网站现存问题，对教学网站视觉设计的发展进行分析。
【关键词】教学网站 视觉设计 视觉路线 网站设计
随着互联网技术的发展以及教育需求的日益增长，依托互联网的网络教育形式改变了传统的学习方式与教育方式，从而实现教育现代化。随着教育信息化的普及，教学网站作为庞大的教育信息网络中的重要节点，在一定程度上影响着网络教育的效果及深度。而视觉作为人接受信息的主要通道，所以对于网站建设来说视觉设计是吸引访问量的重要手段，但对于教学网站来说存在一个误区，认为只要内容好便可以吸引学习者，但事实上优秀的视觉设计能够帮助提升教学网站质量，甚至能够进一步提高网络学习的效率。
1.教学网站的功能及其分类
教学网站作为网络教育的重要节点是基于计算机多媒体技术与互联网技术发展起来的，具有一定的双向交互功能，通过交流与共享鼓励学习者进行自主性学习，在网络教育中起到重要作用。教学网站的主要功能是为教师和学习者提供丰富的教学资源，并为学习者搭建自主学习及协作学习的平台。许多研究者对教学网站进行分类，在此尝试依据教学网站所服务的对象内容进行分类：
（1）课程类教学网站
课程类教学网站主要指各级精品课程网站或其他特色类课程网站，单独作为网络学习的信息媒介中心，为网络学习者提供课程相关的信息与知识。此类教学网站视觉设计只需考虑本门课程的特点，并应尽可能突出特色，特别是精品课程的网站建设应起到同类课程的表率作用。
（2）平台类教学网站
平台类教学网站主要指高校网络学习平台，如BB平台、4A平台等，或是远程教育及培训平台。此类教学网站通常包含多门课程，所以在视觉设计方面应清晰明了，使学习者能尽快掌握使用方法，并能高效率地对单门课程进行操作或在多门课程中跳转操作。而对于平台中的课程应当有设计的灵活性，以便突出课程特色。
（3）社区类教学网站
社区类教学网站主要指以SNS社交网络为基础的教学网站，如江沪英语社区网络学习平台。此类教学网站通常以一个专业或主题（英语或计算机技术居多）为中心，借助SNS社交网络模式，建立社区关系进行学习经验的交流及学习的监督，以提高学习效率。据此该类网站视觉设计不仅需要清晰的信息传达，更重要加强亲和力，吸引更多的目标用户，并形成关注热点，长时间凝聚人气。
（4）门户类教学网站
门户类教学网站主要指各教育单位的门户网站，此类教学网站的教学功能相较于之前三类来说较为薄弱，但也不能忽视其信息传播、聚集学习者、引导至其他教学网站或教学平台的作用。所以在视觉设计方面应当注重其信息及引导作用，使得流程简化，目标集中。
2.教学网站视觉设计应用原则
（1）布局合理，注重视觉线路流动规律
教学网站视觉设计首先讲究布局，特别是首页及首屏的布局设计，包括导航、内容、提示、浮动窗口等的布局安排，以及对图像（包括静态的图片或动态的视频）、文字的合理安排，在一般视觉线路规律（先动态再静态，先图像后文字，先大后小等）的指导下，设计合理的视觉路线，引导学生步步深入，首先是被吸引，最后是被留在网站内学习。
（2）节奏清晰，强调跳转层级与方式
教学网站应比一般网站更重视节奏，即跳转的层级数量、方式等，不可随意或无规律，造成学习者对网站使用的茫然无措。一般网站采用宽而浅的方式，减少跳转层级，因为其用户的目的多是浏览，较为随心所欲，首页宽阔的内容量可以留住用户；但教学网站为学习者设计，有教学内容与方式的限制，有些需要窄而深的层级，此时就需要依靠设计弱化过于深的层级跳转，吸引学习者的注意力。
（3）用色合理，注意色彩心理运用
色彩是网站设计中重要的视觉元素，色彩的合理运用能够事倍功半地达到提高学习效率的目的。教学网站除了要吸引用户关注外，首先教学网站需要一个统一的特征性色彩作为主色，并且不能使用由于长时间观看造成视疲劳的色彩，其次是考虑局部的色彩的对比度以起到吸引注意力或视觉引导的作用，同时教学网站的用色不能过杂，容易造成视觉疲劳。
（4）简洁明了，重视易用性与用户体验
教学网站功能明确，所以要求简洁明了，虽然也要求平衡感、韵律性等视觉艺术性，但更要重视用户体验，首先要易用易学，学习者才会愿意继续使用。所以对于文字信息与图像信息都应该以简洁为原则进行视觉设计，并充分考虑用户体验设计。
3.教学网站视觉设计存在的问题
（1）信息传达有效性不够
教学网站的主要功能是传达知识信息，并引发自主性学习的过程，如果信息传达不到位，学习也会出现误差或者丧失兴趣。目前部分教学网站信息传达有效性不够，比如某些课程类教学网站由于信息传达有效性不够，没有将促进自主学习的内容放在显著位置，或缺少引导性，造成了只是作为课程内容再现平台的印象，没有发挥其优势。另外，在页面的层级安排上也存在问题，有些重要的信息被安排在较深的层级中，在首页也没有相应的显著提示，造成信息的接收缺失，降低了信息传达的有效性。
（2）布局过于繁杂，易造成视觉疲劳
由于教学网站通常涵盖内容较广，功能也比较复杂，既有传播知识，促进学习的功能，也有反馈评价，课外延伸等功能，所以现有的教学网站往往在视觉设计上非常复杂，用以满足多种功能需求。但视觉设计的复杂性容易引起视觉疲劳，从生理与心理两方面均会造成学习者在一段时间的学习后不能集中注意力的情况，并产生厌学情绪而放弃继续学习；而且繁杂的视觉设计也不能起到面面俱到的作用，有时反而起了反效果，使得学习者不能很快定位所需的功能，在重复的视觉寻找路线中引起视觉疲劳，降低学习积极性。
（3）艺术性欠佳
通常教学网站建设者会有个误区就是作为教学网站不应花俏，应该中规中矩地进行设计，虽然这种思维无可厚非，但在目前纷繁复杂的网站中吸引住学习者除了较好的内容外，还应该有一定的艺术性视觉设计，才能脱颖而出。特别是社区类的教学网站需要面对的学习者更多的是完全自主学习的人群，这些学习者的自由性更大，可在同类型的社区类教学网站中选择设计更合理的网站，所以有较好的艺术性才能吸引这些自由性更大的学习者。
4.教学网站视觉设计的发展趋势
（1）无障碍设计，兼顾用户的广泛性
随着网络教育的不断发展，教学网站也将考虑更多的用户，包括特殊用户，如老人、儿童、残障人士等，所以教学网站的设计必须考虑无障碍设计，兼顾其用户的广泛性。比如字号的可调节性、图片内容的适应性，以及简化视觉路线，在突出兴奋点的基础上，规划更为简便的视觉路线。
（2）简化布局，重视视觉线路设计
随着对教学网站视觉设计研究的深入，结合各种设计相关理论，教学网站视觉设计将从用户即学习者的生理及心理出发，对页面布局进行科学有效的整合与简化，减轻视觉负担，同时，借鉴交叉学科的相关理论，对视觉线路进行规划，使得学习者能高效地寻找到所需的信息点，并逐步引导学习者进行更深入的学习。
（3）适应多终端
随着平板电脑、智能手机的发展，教学网站将从电脑平台延伸至平板电脑、智能手机等终端平台，相应的也会在视觉设计、页面设计、路线设计方面有不同的针对性设计，使得教学网站可以随时随地访问，增加黏性。
