时间：2023-01-02 18:47:54
【关键词】实验教学改革；教学内容；教学方法；教学效果
1.引言
“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。
2.存在的问题
“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课，在实际教学过程中，经常面临的问题有：
⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异，Html标准也发展到了Html5，一些任课教师显得无所适从。
⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来枯燥，在实验课又翻开书按部就班，学生掌握知识成效甚微。
⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。
3.实验教学改革
3.1 教学内容
根据制定的人才培养方案，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站基础入门知识。根据“先总体后具体”的原则，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，计划2学时；模块二，掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用方法，计划10学时；模块三，掌握网页布局，学会层叠样式表（CSS）。通过案例，要求学生学会样式控制并布局网站，计划10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等软件的使用方法，计划4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识，计划6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。
3.2 教学方法
通过长期的教学实践，我们可以将教学方法归纳为以下几点：
（1）采用实验课堂教学，实践为主，讲授为辅
该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，计划2学时，可以1/3时间讲授基础入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。
（2）采用典型案例实验教学
该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。
（3）拓展课堂、多元一体化辅助实验教学
要想真正让学生的动手能力达到质的飞跃，达到学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的方法：拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面：
①借用现代化多媒体手段学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充分利用现代多媒体等手段进行网上学习，如在基础知识模块学习过程中，可充分借助W3C学院（W3Cschool）进行辅助学习及实践练习。
②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五涉及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原则，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。
③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极鼓励并指导学生参赛，从而进一步激发了学生的学习兴趣。
3.3 教学成效
经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题，为今后的进一步深造学习打下了坚实的基础。
4.结语
通过“网页设计与制作”实验课程的教学改革实践，我们取得了不错的教学效果，但计算机技术发展日新月异，该课程教学肩负的任务也越来越重。我们将继续完善教学内容、教学方法以及考核方式等环节，不断提高学生的动手能力，真正让学生学有所用。
参考文献
[1]朱金秀，陈小刚，朱昌平等.项目式实验教学的探索与实践[J].实验室研究与探索，2008（11）：93-95.
[2]杜现朝，龙怀冰，王清理等.基于Web标准的网站设计与开发流程[J].计算机工程与设计，2008（4）：945-948.
[3]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007（13）：264-266.
[4]任国庆.”计算机网页设计”课程体系分析及课程整合[J].计算机教育，2006（10）：58-60.
(北京吉利学院理工学院，中国 北京 102202)
【摘 要】以高职院校计算机专业学生的培养目标出发,探讨网页设计与制作课程课程标准的制定。对《网页设计与制作》课程的课程定位、设计思路、工作任务、课程目标四方面的改革，以便提高这门课的教育教学质量。
关键词 教学改革；课程设计；课程目标
1 课程定位
《网页设计与制作》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程，它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。课程以目前最常用的网页三剑客为主要工具，通过学习要求学生掌握网页设计的基本概念，了解常用脚本语言html，了解网页设计方法，初步掌握DIV+CSS网页设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。
2 设计思路
经过不断学习、深入调研，根据高等职业教育培养目标要求，根据职业岗位的任职要求，从多元智能的人才观、能力本位的教育观出发，确立了“基于职业工作过程，以培养职业能力和素质为重点，实施任务驱动教学”的课程设计理念。本课程是按行动导向教学理念进行项目式教学改革的试点课程。通过在多个专业试点，我们按照项目教学的要求，创设了行动导向的项目教学，不仅将网页设计的相关知识有机地融入到工作任务，还结合学生所处的不同时期、不同状态以及正在学习的不同内容，有针对性的嵌入了影响学生就业的职业素质的培养单元，进一步地加强了项目教学的职业针对性。课程以商务型专业网站平台服务岗位需求为导向，以网页设计职业能力培养为重点，以商务网站项目为载体，实现课程设计与开发的创新。网页设计教学按照网页设计员的岗位职业能力要求进行课程设计，围绕完成一个真实的工作任务开展教学，把学习与工作融为一体，通过指导学生完成一系列的实际工作任务来达到职业能力目标的要求，重点培养学生开发简单商业网站的岗位能力和职业素养。通过本课程的学习，要求学生能够成为从事网站开发、网页界面设计等工作的应用技术型人才。
3 工作任务
“网站建设与维护”职业岗位具体的工作为：在一种操作系统平台下综合利用各种相关软件完成网页设计与网站建设的工作。对于该岗位的从业人员人员来说，必须懂得Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。其中网页设计与制作员，其典型的工作任务是按照客户的要求进行网站规划和网页设计，运用Dreamweaver、 Fireworks、flash等网页制作工具完成网页的制作及网站建设。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。
在《网页设计与制作》学习领域中贯穿两个平行的工作总任务；一个是模仿型总任务：《拓展运动会精彩回放》网站设计与制作；一个是开放型总任务：“以业余爱好为题材的个人网站”设计与制作；模仿型总任务来源于我校学生拓展运动会，这是一个真实的工作任务，也是一个学生感兴趣的任务。以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分成若干子任务，学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成总任务，获取学习成果。与完成该模仿型总任务相平行，以开放型总任务作为教学拓展。教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。
4 课程目标
4.1 教学目标
了解WWW、HTTP、HTML、CSS的定义、概念和作用；
理解服务器、客户端、浏览器的概念和作用；
理解HTML语言中的常见标记及其作用；
熟练掌握Dreamweaver的基本操作方法；
理解表格、框架、层的作用，掌握设置其属性的方法；
理解CSS样式表的作用和意义，掌握定义CSS样式的方法；
理解表单的作用，掌握设置表单元素属性的方法；
理解行为的作用，掌握设置行为的方法；
理解模板和库的作用。
4.2 技能教学目标
会使用Dreamweaver网页设计工具制作网页；
会根据需要修改HTML语言中的标记，设置相关标记的属性；
能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；
能够熟练运用表格、层、框架等进行网页布局；
熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；
熟练掌握表单制作方法，能够根据要求进行表单的设计；
能够在网页中根据要求设置行为；
熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计。
4.3 素质教学目标
具有勤奋学习的态度，严谨求实、创新的工作作风；
具有良好的心理素质和职业道德素质；
具有高度责任心和良好的团队合作精神；
具有一定的科学思维方式和判断分析问题的能力；
具有较强的网页设计创意思维、艺术设计素质。
通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握综合网站设计和发布的基本流程和方法。
参考文献
［1］郑娅峰.网页设计与开发[M].清华大学出版社,2011,9(2).
关键词:工作过程;高职;网页设计;课程构建
网页设计是实践与应用性非常强的课程，其课程知识点广、内容繁多，对学生的实践创新能力也有着较高要求。同时，互联网技术不断发展，“互联网+”时代的到来，使社会企业对网页设计人才的需求量不断增加，对网页设计人才质量要求也不断提高，这也给高职网页设计教学提出了更高要求。而基于工作过程的课程构建则可有效满足新形势下的教学需求。基于工作过程的课程构建，以工作任务作为中心展开组织与建设，以岗位需求为基础，以学生职业能力发展为目标，以工作情境与工作过程为导向，更具职业针对性。因此，探究基于工作过程的高职网页设计课程构建，有着重要的现实意义。
一、高职网页设计课程教学现状分析
高职院校网页设计是一门综合性相对较强的课程，当前一些高职院校仍然以传统理论与实践教学结合的模式为主，对实践教学的重视程度也越来越高。通过先理论再实践教学的模式，给学生带来了动手实践的机会，实践操作学时也有所增加。但随着专业的不断发展，教学内容日益丰富，传统实践教学模式已难以满足学生需求，许多学生在较短的实践操作课程中对专业技能掌握仍然缺乏，职业能力培养也无法取得令人满意的效果。总体来看，当前高职院校网页设计课程由于教学内容较为繁杂，课时相对不足，导致教学深度相对缺乏，学生专业技能掌握程度不足，实践能力有待进一步提升;从教学方法上来看，虽然一定程度上注重学生动手实践能力的培养，但由于缺乏系统整体的训练，对学生问题分析与解决能力的培养也有待完善。［1］
二、基于工作过程的高职网页设计课程构建
(一)分析职业能力需求，明确教学目标
为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求;同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网页设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。［2］使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。
(二)制定课程标准
结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力;其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。
(三)完善教学内容
高职院校课程组教师应深入企业与社会，了解专业最新要求;院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。
(四)重构教学模式
基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等;同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性;最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。［3］
(五)更新教学方法
高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能;独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务;工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。
三、结语
基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。
参考文献:
［1］张丽香．基于工作过程的高职“网页设计”课程建设［J］．现代计算机，2013(5):47-50．
1.网页主题策划。当要求学生为某个网站主题制作一系列网页时，某些作品主题定位不准确，比如原本网站主题是品牌产品宣传，最后的作品却是购物网站。有的作品则是主题不统一，想展现的内容太多，多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。
2.网页风格设计。在网页布局及风格设计方面，常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大，影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足，不能在内容不同时实现形式上的统一。
3.网页元素的编排。网页元素的编排，主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有：（1）文字的处理。网页中使用的字体太多，造成页面混乱；字体、字号过于单一，标题或重点不突出；行距过大或过小等。（2）图片的处理。图片过度拉伸造成显示模糊；图片过大造成页面加载速度缓慢；并排显示的图片尺寸不统一等。（3）网页布局。页面宽度过大，在一屏内无法显示，造成浏览困难；页面内容多而杂，各部分跨度太大，整体可读性不好，重点内容不突出等。
4.网页色彩搭配。网页的色彩搭配应该均衡、协调，使人感觉舒适、美观，又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有：网页色彩过于单一，无吸引力；色彩过于花哨，容易造成视觉疲劳；文字颜色与背景颜色相似，造成阅读困难等。
5.交互性设计。用户浏览网页是一个人与网页信息交互的过程，交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有：网页无标题；导航栏不全，引导性不佳；链接层次过深，造成连续浏览不便捷等。
6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构，虽然不会影响到网页的功能和外观，但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性，存在着网页命名随意无规则，不同层次的网页文件存放在同级目录，图片文件随意存放等问题。综合上述问题分析可以看出，学生在创造能力及设计思维上相对较弱，实际上通过操作实践，学生基本都能完全掌握网页设计软件操作，比如插入文字和图片、设置字体和颜色、插入超链接等，但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现，因此培养心智技能是提高学生网页设计能力的关键。
二、心智技能阶段性理论在网页设计教学中的应用
1.网页设计心智技能形成分析。根据冯忠良教授的研究，心智技能的形成是阶段性的，其过程分为原型定向、原型操作和原型内化三个阶段。原型定向阶段以理论知识传授为主，让主体掌握技能操作的原理；原型操作阶段通过实践让主体熟练掌握操作技能，为原型内化奠定基础；在主体大脑中形成内化的思维模式，使主体能够灵活运用操作技能解决实际问题。根据上述理论，结合网页设计教学的实际过程，网页设计心智技能的形成阶段如图1所示。网页设计心智技能的形成可分为：掌握基本理论、熟练实践操作和总结设计模式三个阶段。这三个阶段不仅体现在整个学期的教学过程，更应该体现在每一章节的教学中，甚至在每次课的教学中不断重复，才能强化巩固心智技能。在整个学期的网页设计教学过程中，基本理论、熟练实践操作和总结设计模式三个阶段的主要教学内容是：（1）网站和网页的组成、网页设计的一般过程、HTML原理和常用设计工具。（2）网页设计工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指导学生综合应用设计工具进行完整设计，总结网页设计中的经验和模式。而在某项软件操作的教学过程中也应遵循三阶段原则。教师首先结合HTML语言讲解此项操作的后台原理。然后教师进行演示，学生操作，期间教师不断进行指导。最后教师总结该操作中应当注意的一些原则，以及常用的一些设计模式，可通过展示优秀的设计作品进行对比讲解。
2.教学实践。在前述理论研究的基础上，笔者进行了教学实践。根据课程教材，首先设置了“网页设计概述”、“HTML基础”、“DreamweaverCS4应用”、“FirewoksCS4应用”“、FlashCS4应用”“、综合实例”六章课程内容。其中第一、二章以纯理论教学为主，难点在于HTML基础知识，须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果，增加了第七章“网页设计模式精讲”，对网页设计中的常见问题进行总结，介绍设计原则和方法。下面以第三章“DreamweaverCS4应用”和第七章“网页设计模式精讲”为例介绍教学思路。“DreamweaverCS4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前，应使学生明白网页的本质是HTML代码，Dreamweaver本质是辅助设计工具，其作用是自动生成HTML代码，比如在Dreamweaver中执行插入表格的命令，就会在源文件中加入表格的HTML代码。在此后的讲课过程中，帮助学生理解操作的原理，为心智技能的建立奠定基础。以文本的插入和编辑为例，在教学中首先向学生讲解文本编辑中HTML标签<p>与<br>的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作，并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则，比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能，使学生在自主设计时能够编排出美观的、可读性强的文本效果。
关键词：网页制作；教学；模式；设计
中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）31-0176-02
The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"
XUE Hui， YANG Xiao-feng
（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）
Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.
Key words： web design； teaching； model； design
1 《网页制作》课程在计算机类专业课程中的地位和作用
如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。
《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。
2 《网页制作》课程具有易于掌握、难于精通的特点
《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。
造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。
3 针对《网页制作》课程特点的“精讲热练”的教学模式
3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法
1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上
《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。
2）由讲授和实践分开上课转变为在机房统一上课
传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。
为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。
3.2 “精讲热练”的教学模式
针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。
这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。
图1 “精讲热练”教学模式与传统教学模式对比图
3.3 “精讲热练”教学模式的优点
“精讲热练”的教学模式具有以下几个优点：
1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。
2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。
3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。
3.4 “精讲热练”教学模式的教学效果
笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。
期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。
表1 课堂教学效果对比表
[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]
图2 总评成绩对比图
4 总结
“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。
参考文献：
[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.
[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.
[3] 张辉. 网页制作类课程的教学改革与实践――"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.
[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.
[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.
[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）
（上接第177页）
[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.
[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.
[9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术， 2010，18（4）.
1课程现状
传统的教学和考核方式虽然学生也能掌握其中的知识和技能，但是综合运用能力不强，学期结束时，能设计出符合要求的网站的学生可谓是凤毛麟角。将目前课程教学现状归结如下：在教学内容方面，往往侧重于讲解Dreamweaver软件或相关软件的使用方法，教学内容零散、陈旧，没有很好的融合。结果是虽然学生能熟练运用网页设计与制作的相关工具，而且用的很熟练，但是就是不能独立地进行网站的规划与建设。即使是完成的作品也达不到应有的功能效果和视觉效果。这种课程内容上“重知识、轻应用”和“重技术、轻设计”现象，容易导致学生眼高手低，做不出东西，不利于学生从全局的角度进行网站的开发与设计。在教学方法方面，教师先进行理论讲解，然后安排学生上机，这种方式在传统课程中有它的存在价值，但是在《网页设计与制作》中，教学内容广，所使用的软件工具较多，容易造成教学与实践相脱节。在考核方式方面，少部分采用传统的闭卷考试方式。闭卷考试经过多年的实践应用，在考试题型、考试内容、考试成绩评定等方面都较为成熟。同时闭卷考试也有利于学校组织和管理。但是，闭卷考试多以书本知识为主，重视学生对书本知识的记忆，忽略了对能力的考核。大部分采用考查方式，要求学生自主选题，制作完整的网站。这种考试方式能综合考查学生对软件的应用能力和一定的设计能力，也能全面体现学生对课程知识的掌握程度和综合运用能力。但是，学生选择的主题范围狭窄，大部分学生完成的是个人网站的制作，而大部分网站又是学习内容的堆砌，不懂得选择与舍弃，技术含量不高，更寻找不到设计的闪光点[1]。
2课程改革思路
在《网页设计与制作》课程的教学中，确立以学生为主体、教师为主导的意识，通过调整课程开设内容、加入科学的教学方法、采用合理的考核方式，面向应用，重视实践，培养学生网页设计与制作的综合技能和素质，培养学生学习的主动性、创新思维和合作精神，从而提高个人的综合竞争力和适应力。
3教学内容
由于计算机技术发展迅速，网页从单一的文字信息，到图文并茂，再到现如今包括Flash、音频、视频的多媒体交互及其它APP应用程序等。所以在教学内容上应该革新，体现技术的先进性、前瞻性和延续性。在《网页设计与制作》课程的教学中，本着“从浅到深、从基本到综合”技术与理论相结合的原则，对教学内容进行合理地整合和模块的划分（如表1），分阶段实施教学，并及时更新，从而将最新的技术融入到教学中，激发学生的学习兴趣并形成持久的学习动力。《网页设计与制作》课程侧重于讲解静态网页，为今后动态网页的学习打好基础。所以，教学内容采用社会流行的网页三剑客（Fireworks+Flash+Dreamweaver）。Fireworks实现对网页界面的设计以及GIF动画的制作，Flash用于动画的制作，Dreamweaver主要用于网页的整体框架及布局。
4教学方法
为了提高《网页设计与制作》课程的教学效果，在多年的教学过程中，我们从理论教学、实践教学、课外加强三个环节进行探索，将课程的理论性、技能性、应用性以及审美性结合起来，贯穿于整个教学过程。在教学的各环节中，精心准备多媒体教学课件，使学生能够更好地分析和解决问题。
（1）理论教学：采用引导法、启发法、命题法、案例分析法、案例扩展法、现场网页制作和学生课堂讨论等多种教学方法，教师将简单问题情趣化、复杂问题生活化、综合问题步骤化，主要表现为：教师讲解要求学生掌握的知识点，演示知识点在实际项目中的应用结果，引导学生将理论知识与行业实践结合起来，逐步培养学生的设计思维。
（2）实践教学：采用项目驱动方式，以项目开发为主线，以网页效果制作为载体，培养学生对整个课程知识的融会贯通能力、培养学生项目开发的能力和解决实际问题的能力。以学生动手为主，教师指导为辅的方式，教、学、练相结合，教师讲授约1/3的时间，学生按教师讲授的内容和要求进行实践，在此过程中教师则对学生进行辅导，如遇多数学生都存在的问题，则进行集中演示讲解，最后留10分钟左右的时间对本次的实践情况进行总结，让学生能够及时的解决遇到的问题。
（3）课外加强：开展优秀作品赏析，对作品进行欣赏和评价，提高学生的审美观念和鉴赏力，启发学生的创新思维，吸取和借鉴优秀作品的相关元素加以合理运用。提倡开展学生个人作品交流，让学生分享学习中的新发现和新知识的运用，作品的制作心得，加强了学生对学习的主动性。开展教学成果展览，对于优秀的作品进行收藏，极大提高了学生的自信心和成就感。
5考核方式
《网页设计与制作》是一门实践性很强的课程，属于考查课，所以要注重学生实际应用能力的考查。转变一次性考试定成绩的做法，总成绩由平时成绩（占60%）和期末成绩（占40%）两大部分构成。平时根据知识内容的特点分阶段进行不同方式的考核，对于HTML语言部分，采用笔试（闭卷）方式，以基本理论为考核对象，反映个体掌握基本知识的程度。而对于Dreamwever部分，采用上机考试方式；Flash部分和Fireworks部分，以平时作业方式考核，不仅反映学生所学知识水平，而且考核学生动手实践能力、创新思维等多方面的能力。期末以网站项目为考核对象，学生每四个人组合成一个团队，模拟客户的身份提出某个网站平台的制作要求，给出网站设计任务书，并完成一个网站的开发制作，最后由代表进行作品演示和现场答辩，这样既考核了学生知识的综合掌握和应用能力，又考核了学生的表达能力、与人沟通的能力和应变能力。通过这样的全方位多层次的考核最终综合得出学生的课程成绩。这种做法能够较好地化解学生为了应付考试进行期末冲刺的做法，较一次性考试更能反映出学生经过该课程学习后获得的知识和能力。
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
关键词：职业学院；网页设计；教学改革
中图分类号：G4文献标识码：A文章编号：16723198（2014）07013001
1突出高职学院的实践性教学特色
高职学院以培养高等技术应用性人才为根本任务；以适应社会需要为目标、以培养技术应用能力为主线设计学生的知识、能力、素质结构和培养方案，毕业生应具有基础理论知识适度、技术应用能力强、知识面较宽、素质高等特点；以“应用”为主旨和特征构建课程和教学内容体系；实践教学的主要目的是培养学生的技术应用能力，并在教学计划中占有较大比重；“学校与社会用人部门结合、师生与实际劳动者结合、理论与实践结合是人才培养的基本途径。
2教材改革
选好教材、用好教材是搞好教学的重要保证。根据高等职业教育教学的特点，我们采用以工作过程为导向的新理念教材，以“任务驱动”形式来重点突出了教学的实用性和操作性。我们选用的《网页设计》教材各部分都采用任务驱动教学法；介绍了网页制作、站点管理与规划、Flas设计与Fireworks网页图像处理，并将其三者融为一体，通过典型任务并且连贯的讲述了网页设计的总体思想以及详细的设计步骤。对重点概念、重要的操作技能，力争通过典型工作任务讲深讲透。
本教材每一章节都将教学重点列入纲要，结构清晰、重点突出，对每个知识点的概念都加以详细的说明，各个典型任务充分体现教学重点和重要的操作技能，能让学生深入消化理解掌握并达到举一反三。本教材也适用于其他网页设计软件的升级版教学。
3教学方法和教学手段的改革
高等职业学院的教学应具有较强的实践性，针对学生的具体情况，我们采取相应的教学方法，在教学方法上，应注重理论知识简洁凝练，要采用多样化教学手段，实行启发式教学、任务驱动教学、实例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。
采用任务驱动和实例教学法。在课前，教师要做好充分的教学准备工作，通过网络资源搜索和本节课内容相关的教学实例和视频，在开始上课时，给出本节课的基本任务和学习要点，接着给学生播放已经设计好的实例或网上下载的视频来演示本节课的主要内容，播放视频或实例的过程中，要求学生仔细观察页面的结构和特点，并总结出实例要点和制作的关键环节，之后教师提示并给出学生的具体操作步骤。
例如在讲到“表格”时，根据教学目的和教学内容选用典型的实例，先对学生展示该实例使用表格的效果，然后再详细讲解表格的创建与基本属性的设置，每讲完一个属性都要让学生创建表格并设置一下其相关的属性值，让学生能够浏览到网页的直观效果，然后再让学生举一反三，独立完成一个类似的表格设计，从而达到巩固知识点的目的。这样可以激发学生的学习兴趣，提高学生的学习积极性，案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力，
在实际教学中，学生计算机知识接受能力不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固，教师可以给学生布置一些相关实例，可为学生联系一些企业网站设计任务，使学生能够更好的巩固学习、发挥自己的创新能力，制作出结构清晰、内容合理的网站。教师可以将课件及相应的学习资料放到教学邮箱里，对于重点和难点和知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习，另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。
4课程考核方式改革
在《网页设计》课程的考核过程中，主要采用网站创建测评。该课程考核主要分为作业考核、期中测试和期末课程设计测评几个方面。作业要体现出每节课程的中心内容和学生的创意思维，期中测试要对半学期所学的理论与实践设计相结合，制作出符合内容需要的合理页面。最后在期末课程设计测评中，要求学生结合网页设计的三大部分dreamweaver、flash、fireworks，开始着手收集资料，自己制作网站需要的相关图片和动画，规划网站的整体框架，总结网页上体现的所有网页元素，通过详细设计分析，创建自己特色的个人网站。每位学生自己设计一个个人网站，该网站首先必须是原创；其次，要有自己的特点，除了网站首页设计外，还要具备相关的几层链接来扩展网站的内容。为了进一步提高学生的网站建设及维护能力，我们还开设了相关的动态网页设计课程等。
总之，职业学院的网页设计课程教学模式的改革已经成为必然，它对于应用型人才的培养具有举足轻重的作用，因此，本人对《网页设计》课程的教学进行了适当的改革，积极探索，用于实践，努力提高教学水平，吸引学生的学习兴趣，在教学过程中，从学生感兴趣的角度出发，对理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生主动探索，抓住学生的兴趣所在，提高其上机操作技能，拓展其知识面。
参考文献
[1]娄枫.浅谈高职院校计算机基础课程的教学改革[J].中国科技信息，2006，（10）：237238.
[2]朱士高.浅谈高职院校计算机类课程教学模式的改革[J].高教论坛，2006，（6）：208209.
[3]王锋.高职院校计算机公共基础课技能目标与实际探讨[J].职业技能，2007，（3）：2728.
关键词：翻转课堂；动态；网页设计；教学
1何为翻转课堂
翻转课堂又称为“颠倒课堂”，是将教学时间和学习内容予以相对调整，并且将学习的主动权从教师转移给学生，进行角色转变的一种新式的教学模式。翻转课堂的应用，其出发点是基于现代化信息技术的快速发展，教师不再占用宝贵的课堂时间予以教学内容的讲授，而是有效地利用视频、论坛、网站等网络资源让学生进行自主性的学习，而将课堂时间回归教学本质，更多进行交流互动、学习内容总结的过程。翻转课堂使生本理念充分得以贯彻，学生真正成为学习的主人，学生主动学习成为翻转课堂的关键，学习过程也更加多元化、灵活化，学生的参与度得到空前的提高，这与我国当前推崇的新课改理念都相得益彰。翻转课堂一般具有4个方面的特点：（1）辅助教学视频简短，教学视频的应用作为翻转课堂中重要的教学载体，其有别于传统的视频教学，翻转课堂中每个视频都相对简短，一般控制在10分钟左右，并且视频播放的时段集中在学生注意力高度集中的时间段。（2）教学信息清晰，翻转课堂利用简短的教学视频，并且每个教学视频的内容单一，教学信息清晰明确，针对性较强。（3）教学流程得以重构，利用翻转课堂，教学过程压缩在了10分钟左右（有的甚至将教学过程都放置于课外进行），剩余的课堂时间学生可以通过交流、互动探讨学习内容，教师根据学生的反馈情况进行总结、评价，整个学习流程得以重构。（4）复习监测方法更加有效，利用翻转课堂，整个复习监测可以在视频开始或结尾给出，学生可以带着问题学习或者进行总结式的问题探讨。总之，翻转课堂充分地利用了现代化的信息技术、有效调整了学习时间和师生的角色，是改进现代教育教学方法的有益尝试。下文将结合动态网页设计课程这一具体的学科，探讨翻转课堂在其中的应用。
2当前动态网页设计课程项目教学存在的问题分析
2.1教学内容抽象性较强，学生学习难度较大
动态网页设计课程的课程难度就在于“动态”两个字，动态网页设计并不是简单的网页超文本标记语言（HyperTextMarkupLanguage，HTML）界面设计，还包括业务数据处理以及后台数据库的设计、操作等内容，当然根据不同的业务需求，可能还会涉及诸如WebService，框架，模板等技术，这较之于传统的静态网页设计学习难度有了极大的提升。一些学生由于动态网页的前置课程学习学习效果不理想，在进行该课程学习时，往往有了更大的难度。另外，由于后台数据库操作的具体编程语言都不尽相同、数据库选择都存在一定的差异性，导致整个教学内容相对抽象，因此，应对动态网页设计课程项目教学过程中存在的教学内容抽象、学习难度大成为该学科学习的困难所在。
2.2学生学习的积极主动性差，自主学习能力亟待加强
在进行动态网页设计课程项目教学学习时，学生由于缺乏必要指导、自主学习能力和学习主动性较差，在自主学习时往往不能根据计算机应用类课程的特点采取相应的应对措施，学习效果往往不尽人意，久而久之学生学习的兴趣和动力便会受到影响，从而形成恶性循环，影响动态网页课程教学的学习质量。除此之外，动态网页设计课程学习过程中知识点纷繁复杂，知识点如不进行及时的归纳和熟练的实践，容易导致知识点的遗忘，这对系统性和结构性较强的动态网页设计课程同样会带来不小的学习困难。由此可见，破解当前学生学习过程中积极性差、学生自主学习能力薄弱的现状同样非常关键。
3引入翻转课堂的动态网页设计课程项目教学设计
3.1加强动态网页设计课程项目教学整体规划
翻转课堂的关键在于学生利用视频进行自主性学习，并且很大程度上都将学习过程放置于课堂之外进行展开，因此，教师做好整个教学过程的翻转规划则成为关键。一方面教师应对动态网页设计课程项目教学内容进行进一步的梳理，使得整个内容体系和层次结构都能进一步得到细化处理，为制作小视频做好内容铺垫；另一方面，应对教学内容的重点、难点以及疑点部分予以再归纳，将每个知识内容尽量压缩在7~8分钟之内，做到取舍有度、层次清晰，以突显翻转课堂中视频教学的单一性和针对性特点。由于计算机应用课程内容相对枯燥、乏味，建议在翻转课堂的视频讲授过程中，尽量采取项目式的教学模式，通过简短的小项目，将整个知识结构融入其中，提升教学的趣味性和实践性。总之，教学整体规划作为翻转课堂开展的基础，具有重要的意义。
3.2提升教师的翻转课堂掌控能力
翻转课堂的有效应用还得益于教师对于课堂的宏观掌控能力，一方面，由于学生已经对相关的学习内容进行了自主式的学习，那么课堂中则重点是对相关内容的再次巩固、拓展、总结和评价；另一方面，在学生进行互动交流学习的过程中，教师做好“旁听”工作，以学生的交流和反馈的情况为基础，在此基础上予以总结、拓展和评价工作。表面看来，教师在整个教学过程中的功能看似弱化了，实际上则是要求教师具备更加有效的课堂掌控能力，面对如此灵活、互动性较强的翻转课堂，如何能把控好这些关键点，无疑是对教育教学工作的更高水平要求。因此，从教师的角度而言，提升自身的课堂把控能力有利于翻转教学模式的展开。
3.3做好教学角色的转换
从上文的论述可以看出，翻转课堂对于师生角色互换有了更加明确的要求。首先，教师的作用从以往一言堂中解脱出来，成为学生的引导者；其次，学生学习的主体性得以加强，这必然要求学生有着更加积极主动的学习态度和学习能力，否则在翻转课堂中依然被动，无法适应这种新式的学习方式；再次，在实际的操作过程中，无论对于教师、还是学生都是一次大胆的尝试过程，会存在这样或者那样的诸多问题，因此，教育教学活动中涉及的利益各方学校、家长、教师以及学生都应进行良好的沟通，营造良好的学习氛围，提升翻转课堂应用的有效性。总之，角色的互换，是未来教育教学活动中必然的结果，在翻转课堂中也应积极地去尝试。
3.4提升教师信息化技术水平
翻转课堂在应用过程中，从视频的制作、视频的、视频教学反馈和交流应用等诸多过程都对计算机信息技术应用水平有着一定的要求，很难想象，没有计算机技术的支撑是如何完成翻转课堂的有效实施。因此为了提升翻转课堂的应用过程的有效性必须加强教师的信息化水平，尤其是针对计算机类的课程，其本身就是计算机信息技术的学习，更应该通过不断学习提升相关技术的应用熟练度，以此为动态网页教学开展发展课堂奠定坚实的技术基础。
3.5拓展交流沟通平台
在进行翻转课堂进行沟通交流的时候，应从两个方面进行加强，一方面是课堂沟通互动的有效性提升方面，翻转课堂将学习内容在课外进行，那么课堂中有大量时间对重难点以及学习过程中的困惑点进行交流和互动，通过交流，不同学生可以发现彼此学习过程中的优缺点，并以此对自身学习过程中的不足之处予以改正；另一方面，除了课上的沟通交流，在开展翻转教学的时候还应从课下教学予以加强，课下的沟通交流平台不外乎网站、电子公告牌系统（BulletinBoardSystem，BBS）、微信交流群等，学生可以在这些交流平台之上进行发言、互动，内容不限于教学内容，教师根据学生互动、交流情况作出适当的调整，不断完善翻转课堂的应用性。
3.6通过其他途径弥补翻转课堂的不足
翻转课堂的有效应用，需要大量的人力、财力以及物力作为支撑，往往会由于技术水平应用不足以及相关设备的有限性，使得翻转课堂不能有效地发挥其功能；除此之外，再加之，一些教师的惯性思维和学生的积极主动性不能得以有效的发挥，同样会限制翻转课堂的功能的发挥。因此，在具体实施应用过程中，应灵活地进行选择和设计，利用传统教学过程中教师的“权威性”予以弥补，总之，翻转课堂作为教学改革过程中有效尝试并不是万能的，还应借助于其他手段予以修正和提高。
4结语
本文以动态网页设计为例，通过简述翻转课堂的相关概念以及当前教学现状，分析介绍了翻转课堂的动态网页设计教学项目应用，为进一步提升翻转课堂在教学过程中的应用提供参考。
[参考文献]
[1]郑丹青.网络环境下动态网页技术课程翻转课堂的教学设计[J].电脑知识与技术，2016（20）：173-174，176.
[2]曾晨曦.基于“翻转课堂”的高职课程项目化改革研究与实践—以“网页设计与制作”课程为例[J].美与时代，2016（8）：116-118.
关键词：B/S模式；网上排课；网上选课；成绩管理
0 引言
本系统用于实现学生、教师、课程的管理，主要完成网上排课、学生网上选课、教师网上成绩输入和学生网上成绩查询等功能。
系统特别注重实用性、操作简单，适合于不同计算机网络操作水平的教师和学生，同时系统也不太复杂和繁琐：更适合于当今教学和管理改革模式与发展的需求；是一个能为网上排课和成绩管理提供方便、简单易行、更符合实际的高校成绩管理系统。
1 系统的总体设计
1.1需求分析
系统的基本功能是提供网上教学管理平台。具体需求如下：
系统中的用户分为学生、教师和管理员三种类型。
（1）管理员：
①可以添加和编辑学生、教师、课程和管理员用户数据。
②可以更改管理员自己的密码、安排教师讲授课程以及查看学生成绩。
（2）教师：能更改自己的密码、输入和修改所授课程的学生成绩和查看该成绩。
（3）学生：
①更改自己的密码；
②在网上选修和取消课程；
③列自己的选课单；
④查看自己的成绩。
1.2功能模块划分
根据上文提出的需求，可以设计出系统的总体功能模块，如图1所示。
系统中各模块的功能是通过ASP脚本程序、访问数据库，以及用许多超链接来完成的。
1.3数据库设计
系统依据数据库设计原则和分析方法，设计了一个Access数据库Stud.mdb，包含以下5个系统表结构：学生信息表student（以学号为关键词）、教师信息表tea-cher（以教师编号为关键词）、管理员信息表manager（以管理员编号为关键词）、课程信息表course（以课程号为关键词）、成绩表score（没有关键词）等。它们分别记录了系统不同的信息，支持系统的运行。
为了便于对课程的查询，在课程表中增加了一个冗余字段——上课教师编号；同样的，为了便于成绩的查询、输入和修改。在成绩表中增加了学生姓名和课程名两个冗余字段。
2 系统的实现
系统运行在Windows XP Professional环境下，采用ASP作为前台开发工具，Access作为后台数据库的B/S模式。共分为五个部分，即通用网页（可复用部分）、首页（登录页面）、管理员页面、学生页面和教师页面。
（1）系统公用页面
通用功能页面由Const.aso和link.css组成。
Const.asp页面包括：用ADO建立数据库连接、执行SQL语句，返回记录集对象和关闭数据库连接等通用数据库访问函数和消息提示Alert（msg）、返回上一页GoBack（）、复位向另外的连接Go（url）等对话框函数，用于被其他网页引用。
页面风格定义文件link.css，存放各页面整体风格CSS定义。包括页面、表格、标题、输入框的字体、颜色和用于超链接的伪类的定义。
（2）首页页面设计
首页由index.htm和login.asp组成。
index.htm提供用户登录，其设计界面如图2。
login.asp网页响应index.htm的提交，先根据用户类型在student、teacher或manager表中查找对应的用户是否存在，若不存在，则提示相应的信息，若存在，则根据登录用户类型使用server.transfer转向对应的网页。
（3）管理员页面设计
管理员登录成功后，将转向到管理员操作菜单managermenu.htm页面。此模块涉及到添加学生信息、编辑学生信息、添加教师信息、编辑教师信息、添加课程信息、编辑课程信息、添加管理员信息、编辑管理员信息、安排课程（用于为课程指定上课教师）、更改密码、查询学生成绩（可以查询所有学生的成绩）和退出系统（清空用户登录信息，返回到登录界面）等页面。该模块完整地包括了数据库的查询、增加、删除、修改以及记录数据的分页显示等操作。
（4）学生功能页面设计
学生登录成功后，将转向到学生操作菜单student-menu.htm页面。此模块与管理员网页设计相似，包括更改密码、选修课程/取消课程、列选课程单、查看成绩单（只能查看自己的成绩）和退出系统等页面的设计。
（5）教师功能页面设计
此模块也与管理员模块设计相似，涉及到教师操作菜单teachermenu.htm、更改密码、输入学生成绩（只能输入自己上课课程的学生成绩）、查看学生成绩（只能查看自己上课课程的学生成绩）、退出系统等。
3 网站的权限管理
本系统采用NTFS方法来对网页的访问权限进行设置，不提供匿名访问，只有合法的用户才能访问指定的网页。没有正确身份认证的用户，系统将拒绝访问。
4 网站维护
网站维护主要包括初始化教师和学生信息（学期开始的时候需要更新教师和学生数据表）、清空课程（学期开始的时候需要清空相应目录中的课程）、应定期对管理员和教师的用户名和密码进行更新，并对IIS和NT权限做相应设置。
进入21世纪，高校计算机基础教育面临两个挑战:
一是中学计算机普及后，大学的计算机教育应当怎么办?
二是在网络时代应该怎样进行计算机教育?
针对这两个挑战，高校计算机基础教育应该要有新的思路，要上新的台阶，应当提高大学生的IT水平、加强应用能力，提倡创新精神，着眼培养人才。计算机公共基础教育是面向非计算机专业学生开设的，目的是培养学生的计算机应用能力，而现有的计算机基础教学中，以网页设计课程为例，存在不少的问题:(1)学生的层次不同，接受能力也不同，但教学内容和方法却是完全一样，导致最后的教学结果参差不齐;(2)学习了大量的理论知识，但是学生的实际动手能力却没有得到相应的提高。针对这些问题，笔者对于所教授的网页设计课程进行了实践式教学方法的探索改革，以分层次教学，提高学生实践能力和分析能力为主，达到“学以致用”的目的，取得了较好的效果。
二、教学内容改革
由于“网页设计与制作”课程要求学生掌握网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生管理、设计网站的能力。故设置其先驱课程为“计算机文化基础”、“图形图像处理技术”，后继课程为“动态网页设计”、“计算机网络”等。这些课程互相渗透、相互依赖，共同构成一个完整的、科学的课程体系。该课程要求学生了解网页制作和网站建设所需的基本知识，掌握HTML超文本标记语言以及CSS的使用和网页中文本、图像、超链接、表格、表单、图层和框架等的处理方法，了解相关美学的知识与网页制作流程。主要掌握网页制作工具Dreamweaver的使用，了解PhotoShop、Flash的基本功能和使用方法，以及相关技术的发展趋势。由于培养方案的改革，网页设计课程面临着从原来3个学分降为2个学分的问题，如何在更短的时间让学生掌握到更多的应用技能，如何提高学生的自我设计能力，首先需要解决的就是教学内容的重新设置和分配。根据之前教学中存在的重理论、轻实践的问题调整了理论和上机课时量，将30%的课时用来讲授理论知识，70%的课时用到学生动手实践上。理论课程主要侧重于网页设计的站点结构的搭建、相对路径的管理、色彩的搭配、HTML源代码以及CSS层叠样式表的讲解;而把网站布局工具(表格、框架、图层)、网页中的文本、图像、超链接、表单的理论讲解转移到实践中来，在实践中通过案例式教学将理论讲解和实践操作相融合，从而使教学效果得到更大的提升。
三、教学方法改革
要改善教学效果，首先要提升学生的学习兴趣，为了更好的实现教学目的，笔者在网页设计教学课程改革中使用了多种教学方法相结合的方式并加以灵活实现。
(一)分层次教学
由于网页设计是一门面对全校非计算机专业学生的选修课，［1］学生对于计算机技能的掌握差异性很大。如何掌握教学进度并照顾到大多数学生的学习要求是网页设计教学改革中的首要问题。在第一堂课正式授课前充分了解学生的专业分布，［2］其所在专业对于计算机技能的要求以及前期计算机相关课程学习情况。在教学过程中，循序渐进，根据学生接受能力差异、现有水平和兴趣，由简单到复杂，由表及里。除了讲解网页设计必须了解的基础知识外，可以额外增加一些选学知识，以便于计算机技能较好以及对课程有进一步学习要求的同学掌握。如在表格布局教学中，除了讲解表格的基本知识外，额外增加了如何使用表格结合HTML源代码制作细线布局的内容，展现了表格多元布局的一面。不仅满足了学生的学习要求，也进一步带动了大多数学生的学习积极性。而在具体实践课程中，一般均有两个设计题目，一个为基础设计题，另一个为进阶设计题。使学生能够根据自身能力和兴趣选择完成题目，同时促进学生的自学能力，提高学生的积极性。
(二)任务式教学
任务式教学就是让学生在一个个典型的任务驱动下展开教学活动，［3］从网页设计实际工作出发，抓住重点和难点进行任务设计和实现。教学中应遵循两个原则:其一是倒序讲授原则，尤其是在理论课上，如何吸引学生的注意力是首要解决的问题。先展示设计后的成果，然后引导学生进行整体分析，重点是如何布局和配色。最后画出流程图，展现各个实现步骤。二是以提高能力为目的的原则。注重传授给学生解决问题的思路和方法，在分析过程中鼓励学生使用不同的方法解决同一问题。在这个过程中，学生会不断获得成就感，更大的激发他们的学习欲望。从而培养其勇于进取、独立解决问题的学习能力。具体实现流程如图1所示:
(三)实践式教学
网页设计课程除了要求学生掌握网页设计的基础知识外，更重要的是能够熟练运用设计工具，独立地完成网页设计任务，此时，实践式教学是必不可少的。在理论教学中，最大的问题在于学生无法亲自动手实践，对于教师所讲知识一知半解，甚至听过就忘。针对这一情况，笔者采用了师生互动的方式。即在简单讲解理论知识后，请学生上讲台来当助教，教师讲解，学生操作。在整个过程中，学生的积极性被调动起来了，并且在学生的操作过程中还可以发现很多之前没有发现的细节问题，如此讲解下来，学生吸收起来也会更快并且更主动。对于实践内容则采取双线教学方法，实验内容采取命题作业，以达到对于教学内容的专项练习。理论作业则采取自主作业，要求学生完成一个个人网站需要的系列网页，不仅达到了练习学生操作技能的目的，也进一步完善了学生对于网页的宏观规划和具体实现的能力。
四、考核方法改革
一种好的考核方式，不仅有利于全面真实地反映学生的学习水平，而且有利于刺激学生的学习积极性。考试内容侧重于对记忆型知识的考查，忽略了实际网页制作中对知识运用能力和实践能力的考查。笔者尝试改革网页设计的考核方法，并在实际操作中取得了较好的效果。以学生实际制作的网页作品作为考核的主要内容，并对学生的学习过程进行考查，以全面反映学生的学习情况。故课程最终成绩的生成为10%的课堂考勤+30%的实验报告+60%的自我制作的网页作品。并且为了提升学生的组织能力和合作能力，要求以3人为一组，完成一个网站所需网页的制作。在验收网页过程中，由该小组学生在讲台上通过投影仪将网页展示出来，并且讲解整个构思、设计以及实现过程。这样既可以保证学生是自己独立完成的网页，又可以达到一个交流的目的，更有利于提高学生的学习积极性和主动性，促进学生的个性发展。实践证明，由于强化了平时的实践环节考核力度，提高了过程考核的比例，重视了学生基本专业素质的培养，取得了很好的教学效果。
项目驱动教学模式就是在课程教学中，通过一系列具体的项目，让学生切实参与项目实施的全过程，从而完成既定的教学任务。项目驱动教学模式的实施应该满足以下条件：1)该过程中涉及到的教学内容应具有一定的应用价值。2)教学内容的理论知识能和实际技能结合起来。3)学生能独立制定计划，在一定时间范围内通过分组协作学习的方式展开学习。4)项目的选取应具有一定的难度，要求学生运用课程教学中新学习的知识、技能，解决过去从未遇到过的实际问题。因此，在项目教学中，学习过程成为一个人人参与的创造性实践教学活动，注重的不是最终的结果，而是完成项目的过程。学生在项目实践过程中，理解和把握课程要求的知识和技能，培养分析问题和解决问题的思想和方法。
2项目驱动模式在《网页设计与制作》中的具体实施方案
2.1项目的选取
项目实施对象是我院学前教育专业本科高年级学生，学生已经学过计算机基础等相关课程，掌握图形图像处理、数据库技术等基础知识。本课程所选择的项目是一个小型的幼儿园网站。
2.2项目的开展
实施项目教学法一般应按照以下四个教学阶段进行：项目设计，项目计划，项目实施，项目评价。
2.2.1相关知识点的学习
结合教材上的知识点，选择合适的小项目，并通过具体操作步骤来示范完成项目的过程。在本课程中，选择幼儿园网站这个小项目，让学生用网站制作软件Dreamweaver来实现各模块的功能。在学习过程中，学生通过独立思考，对相关知识点进行理解，通过实际操作来消化示范项目的解决要点（如网站的规划与创建、基本页面制作、表格布局、动态页面的网页的创建、网站内容的上传等），为后续的实际项目开发打下基础。
2.2.2协作学习
在本学期课程教学中，学生总数为30人，采用分组协作学习的方式将学生分成6个组，每组五名同学，设立组长一名，统筹协调组内成员分工情况。各小组根据各相关知识点的学习情况，开展交流、讨论，制定项目实施计划，通过组员分工协作，调试运行，完成项目。具体实施如下：1)网站需求的整理；2)网站策划（详细）或草图设计（粗略）；3)网站效果图设计；4)网站代码的编写与调试；5)上传网站到测试服务器并演示网站，交教师和同学集体评价。
2.2.3网站具体要求
1)以幼儿园网站为主题，自行确定网站的LOGO(图标)、自行设计各级网页的风格、网站的整体结构；2)文件命名规范，页面连接正确；文件和目录以英文命名.主页命名为index.html；页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；3)页面设计中导航和超链接清晰，对象插入合理；4)网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；5)在网页中恰当的位置设计一个简单的登录表单；6)网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。7)运用外部样式表定制网页风格，网站内风格统一。
2.2.4学习评价
学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。
3总结
