基于应用型人才培养的《网页设计》课堂教学改革研究

彭珊珊

摘要：《网页设计》是电子商务专业的必修课，目前存在着各种问题不利于培养应用型人才，因此本文从加强校企合作、修订教学大纲入手，建设基于毕博平台的《网页设计》在线网络课程，采用“案例任务+微课视频+翻转课堂”相结合的教学模式，给学生提供随时实地的在线教育，并针对学生的学习情况给出中肯的评价。

关键词：应用型人才培养；网页设计；教学

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2018）28-0156-02

Classroom Teaching Reform of “Web Design” Based on Cultivation of Applied Talents

PENG Shan-shan

（Hunan International Economics University， Changsha 410205， China）

Abstract： "Web Design" is a compulsory course for e-commerce majors. There are various problems that are not conducive to cultivating applied talents at present. Therefore， this paper starts with strengthening school-enterprise cooperation and revising the syllabus， and builds an online network of Web Design based on Blackboard platform. The course adopts a combination of “case task + micro-course video + flip classroom” to provide students with online education at any time， and gives a pertinent evaluation of the student's learning situation.

Key words： E-commerce Major； Web Design； teaching

隨着社会经济的发展，用人单位对劳动力素质和技能水平的要求也越来越高，这就加大了社会对应用型人才的需求，有相关数据显示，我国企业80%以上的高级专业岗位，需要的是应用型人才。因此，各高校有必要以人才需求为导向，加强对应用型人才的培养，促进学生基础知识向应用能力的转化，为社会输送具有较强实践能力的应用型人才。

《网页设计》是一门具有实践性和应用性都很强的课程，该门课程的教学必须与时俱进，甚至要有超前的意识。因此，《网页设计》课程教学要紧密结合现代互联网应用的需求，不断进行创新，提高学生的实践能力和技能水平。

本课程教学改革主要从以下几方面开展：

1加强校企合作，修订教学大纲，培养学生解决实际问题的能力

《网页设计》是一门理论和实践并重的课程，课程包含网页策划、创意、制作等内容，具有一定的综合性和复杂性。在以往的上课中主要是教师在网上搜集一些相关知识点的案例，通过任务引领型的项目活动，让学生学习和掌握网页设计的基本制作技巧，形成平面设计观念和思维习惯。但是，这种教学方式总是达不到理想的教学效果，虽然学生都能做出一些企业或个人网站，但脱离了企业的实际需求做出来的网页看起来很稚嫩，与企业的需求有很大的距离。因此，《网页设计》课程教学改革的首要任务是打破传统教学目标仅仅停留在“知识掌握”的层面，学校应加强与企业的合作，共同开发课程建设，重新梳理和分析课程的知识点，培养出毕业以后能真正胜任企业要求的人才。

例如我校电子商务专业已经与“58到家”、“御泥坊”建立了校企合作关系，定期将学生送到企业进行实习，并邀请企业有着丰富实践经验的网页设计工程师担任课程教学工作。另外课题组成员与他们就《网页设计》课程体系的改革进行商讨，分析本课程的课程核心能力和企业的实际需求，重新确定本课程的教学目标，并以“创新、够用、实践”为原则，调整了原有知识点的顺序、课程内容和教学重点，如：

1）在知识点的顺序安排方面

先讲FLASH动画设计，再讲FIREWORKS 网页效果图设计，接着讲DREAMWEAVER页面布局，最后讲添加网页特效。这样的安排既符合网页设计的流程，也能吸引学生投入地学习该课程。

2）在教学内容方面

在整个教学过程中，除了教会学生基本的DREAMWEAVER、FIREWORKS、FLASH软件的使用之外，常用的工具软件也是必须涉及的，如：FSCapture截屏工具、“格式工厂”的格式转换工具，甚至网上在线动态文字、图标制作等便捷的方法也是需要向学生介绍的。

3）在教学侧重点方面

Flash部分：除讲解基本的动画设计原理，还强调了动画发布成swf、gif动画的方法，以及如何将不同格式的动画作品插入在网页中的方法，实现动画与网页的完美结合；

DIV+CSS部分：注重培养学生根据网页效果图完美地将图片设计成HTML网页形式；

JAVASCRIPT部分：摒弃了传统的语法教学，教会学生能将网上看到的网页特效代码进行修改，灵活地运用到自己的网页中来。

只有加强校企合作，才能培养出真正能被企业所接受的高素质人才，也对高校的发展和改革起到了促进的作用。

2建设基于毕博平台的《网页设计》在线网络课程，制作能激发学生创新创造的立体化课程资源

在确定了课程的教学大纲后，课程内容也应做相应的调整和资源扩充，因此建设基于毕博平台的《网页设计》在线网络课程就显得尤为重要了。在该平台，教师结合校企合作单位设计真实项目，并围绕该项目提供足够的网络教学资源，如：教师精心制作的微课和PPT课件、电子教材、专家视频、优秀的网页设计案例、精美的网页模板和网页特效、全面的网页设计相关软件工具等。学生可以随时随地访问毕博平台在线学习、测试或下载相关资源，在线组建学习团队和讨论，实现了真实项目在线学习环境和未来作品的播放环境，也为翻转课堂打下了坚实的基础。

3采用“案例任务+微课视频+翻转课堂”相结合的教学模式开展创新学习活动

《网页设计》传统的教学方式是在机房上课，教师讲一步，学生跟着做一步，教师再讲，学生再做……整个教学过程以教师讲授为主、学生被动听课为辅，学生的积极性不高，培养出来的学生动手能力不强。因此有必要采用“案例任务+微课视频+翻转课堂”相结合的教学模式开展创新学习活动。

首先，采用案例教学。在授课过程中，通过结合校企合作企业的要求，师生共同设计项目，学生参与真实的项目，培养他们基本的职业素养和能力，让他们提前体验真实职场的工作任务、工作环境。在整个教学过程中，教师及时為学生提供个性化指导，注重对学习活动与学习情境的构建，增加教学反馈环节，便于对教学活动进行适当的调整与优化，促使学生更好地完成对知识的理解。同时也鼓励学生自主创业，通过学生自己的创业项目来激发他们的创新兴趣，接着以这个真实项目为载体，让学生自己组建团队，将《网页设计》课程内容嵌入到项目教学各个环节，学生从选题到页面每一个栏目的设计都处在一个真实的工作状态，教学过程即是一个完成项目的过程。同时邀请企业负责人对学生进行网页设计等方面的培训和讲座，以便给予学生更专业性的指导。

其次，录制微课视频。由于《网页设计》课程操作性很强，很多学生反映教师讲课速度过快，或者他们听了后面的操作要点却又忘了前面的内容，甚至过一段时间，很多简单的操作全都忘了……针对这种情况，教师将重要案例的操作过程录制成8-10分钟的微课视频放在毕博平台供学生随时在线观看，并可以暂停、反复观看，无疑是能提高教学效果的。

最后，采用翻转课堂模式。结合《网页设计》课程内容，采用翻转课堂模式，从课前、课中、课后三个方面进行研究，并运用于实践。课前自主学习环节：教师提供微课视频让学生提前预习；学生自主学习，观看视频并完成课前作业。课上知识内化环节：教师集中解决学生课前预习遇到的问题，有针对性地布置课堂作业，实时指导；学生完成教师布置的课堂作业，遇到问题时和团队成员一起协商讨论。课后项目实践环节：教师进行在线答疑，并跟踪学习的学习情况；学生进行真实项目的实践，实现知识的融会贯通。

4利用毕博平台的在线工具记录过程、展示作品、相互评价

随着课程目标、教学模式和教学过程的改变，教学评价也应是多元化的，因此，教师利用毕博平台的在线工具记录学生每个作品的进行情况，包括学习进度、讨论次数、项目进展、项目成员之间或师生之间的交流互动等。每完成一个项目，小组都将作品进行展示，师生根据相应的评价标准进行在线评价，而学生对自己的作品也要进行反思和修改，以此不断提高其网页设计水平。另外学生期末的成绩由项目作品（占60%）、在线学习过程（占30%）和小组协作学习（占10%）组成，项目作品和协作学习的成绩由教师评价和学生评价共同完成，在线学习过程由毕博平台的成绩管理系统自动生成。

在整个教学过程中，教师除完成教学工作外，还需利用毕博平台的统计功能查看学生进度，对学生学习过程进行统计、跟踪，督促其完成相关任务，对其作品进行展示和互评，引导学生实现协作学习。

5 结束语

本文中提出的一系列改革措施目前已经应用到信息科学与工程学院电子商务专业的《网页设计》课程教学中了，教学效果很好，学生的学习积极性得到了提高，具有一定的推广价值，其研究方法对于其他平面设计类课程的教学改革也具有参考价值。

参考文献：

[1] 张蕾，邱世凤.对“研究与教学统一”原则的重审与重申——新建本科院校为应用型人才培养而研究与教学[J].教育与教学研究，2018，32（4）：27-33+124.

[2] 徐礼生，高贵珍，赵亮，等.应用型人才培养背景下实践教学改革的研究[J].阴山学刊（自然科学版），2018，32（2）：118-119.

[3] 杨小霞.网页设计与制作课程中微课的教学应用分析[J].电脑知识与技术，2018，14（08）：191-192.