高职电子商务专业《网页设计》课程的教学探索

摘要：网页设计课程是很多高职院校电子商务专业开设的必修课程，旨在培养学生前端网页开发的技能。针对教学过程中存在的实际问题，结合课程特点及专业岗位需求，从网页设计课程的课程定位、教学目的、教学方法、教学内容、教学考核等方面来探索和讨论如何让学生更好地学习WEB前端网页开发设计的方法技能。

关键词：电子商务；WEB前端开发；网页设计；教学探索

引言

网页设计课程是电子商务专业的必修课程，课程目标是培养学生的网站策划及网站开发能力，拓宽就业渠道。然而，大多数高校在网页设计的实际教学中往往只注重对于课程软件Dreamweaver的功能进行讲解，以至于学生毕业以后，大多数人只是对软件功能有所了解，并没有实践应用能力。

我校电子商务专业自与企业联合培养以来，按照企业对电商人才的需求重新调整了培养方案，其中，明确将网页设计课程定位于WEB前端开发。该课程主要建立在代码基础上，具有较强的综合性和实践性，英语基础差的学生在接触后会觉很难掌握。如果按照传统的教学模式，学生学习的积极性差，很难获得较好的教学效果。另外，课程上机实践部分较多，但是由于时间和实训硬件条件的限制，理论课和实践课会存在时间跨度，实践效果较差。所以，该课程主要的问题是如何提高学生积极性、主动性，让学生掌握实用的WEB前端开发知识和技能。要解决这个问题，需要在教学各个环节进行改革创新，包括教学内容、教学方法、考核方式等方面。

1、 以岗位需求为导向优化教学内容

1.1 教学目的及课程定位

网页设计是电子商务专业核心必修课程，旨在使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。同时，通过实践环节，强化对学生动手能力的培养与训练。所以，要充分了解企业对于WEB前端开发岗位具体的技能需求，分析传统教学与企业岗位需求的差距，以岗位需求为导向，校企共同制定培养计划、确定课程定位以及优化教学内容。

目前网页设计开发软件有很多，如：Dreamweaver、Frontpage、Ultraedit、Hbuilder等。HBuilder是一个快速方便的代码编辑工具，目前是业内主流的开发工具，它最大的特点就是快捷，主要体现在编写代码以及操作功能的快捷设定，可以实现无鼠标的极速操作。主要用于开发HTML、JS、CSS，同时配合HTML的后端脚本语言如PHP、JSP也可以适用。选择该软件作为网页设计教学更能凸显WEB前端开发的课程定位，同时，可以更好地与其他专业课程融合。

1.2 教学内容的选择

网页制作技术发展很快，但是学校选择的教材内容较为陈旧，更新跟不上发展形势。很多网页设计课程的教材仍然集中在网页三剑客，授课重点也集中在PS、Flash、DW三个软件的基本应用操作，这样一方面会使学生所学的知识跟公司的实际应用有脱轨，不利培养应用型人才；另一方面，学生所学内容和其他专业课程有重叠，如《Photoshop应用基础》，造成课时资源浪费。

在教学内容的选择上，以培养电子商务应用型人才为导向，校企双方通力合作，组建专门教学团队进行相关课程研发和教材编撰工作。教材内容力求精炼、实用，同时兼顾前瞻性。知识点讲解努力做到深入浅出、循序渐进。电脑端和移动端的网页开发都是基于HTML和CSS实现的，所以整个教材主要内容集中在HTML5和CSS这两部分，从HTML文件的基本结构讲起，到使用HTML制作简单的网页，再到利用CSS设定样式，一直到最后需要综合运用HTML和CSS的项目案例，实现学生从不会到熟练的蜕变。具体教学内容安排見表1。

2、 突出学生为中心的教学方式

2.1 理实一体化，重点突出实践

传统网页设计教学是理论实践分离，过度突出教师讲授在教学中的重要性，不重视或者忽略学生实践，结果造成理论与实践相互脱节，学生通过学校学习的知识并不能转化为自己在工作中的专业技能。将理论教学过程与实践教学过程相互融合，不但有利于提高学生对专业理论知识的理解，更重要的是可以培养其较好的实践能力。在授课过程中，理论知识够用即可，应该加大实践教学，突出实践实训所用到的知识点。课时（100分钟）安排上，30%用来讲授重点知识点，50%用于实践练习，剩下20%进行分析总结。以便学生能够掌握前端网页设计的相关知识与技能。

2.2 案例引入教学，任务驱动实践

教师在课堂教学中，引入实际的网站作为教学案例，讲解和演示知识点在实际网页开发设计中的运用，更好的引导学生自主的进行系统思考，真正实现学习迁移； 在教学的实践环节中，教师结合章节知识点精心挑选设计“每一个任务”，这些任务能够涵盖所学知识点，并且最好能够做到知识点的衔接，让学生独立完成，通过完成的结果考察学生对知识的掌握程度。最后复习阶段设计一个尽量包含所有知识点的综合项目，以任务为导向，项目为驱动，让学生在项目实训中掌握所学的知识，实现教学做一体化。整个教学过程教师通过讲解、演示、操作等步骤重点培养学生对基本知识技能的掌握，避免目前一些开发设计类课程教学重讲授、轻实践或者重实践、轻讲授的不足。

2.3 在线化作业练习，网络化讨论答疑

利用学校的网络教学平台系统：Sakai学习空间，开展无纸化作业。老师将课程资源、作业素材上传到课程站点。学生登录自己学号完成作业在线提交。老师可在线批阅打分，还可以统计及追踪学生提交作业情况及完成作业情况，便于了解学生对知识掌握情况。

利用学习空间的论坛、即时问答板块开展学习讨论、聊天，为学生提供在线帮助。学生可以在线发布学习中遇到的疑难问题，也可发布自己的学习心得或经验等，进行讨论与交流。教师可以在线进行答疑与指导，同时也可通过邮件、微信群、QQ群等方式进行答疑。讨论形成的信息可以作为资源供学生参考。

3、多元化的考核评价方式

网页设计课程旨在培养学生的创新能力和应用能力，我们对成绩的评定侧重于考察学生对知识的灵活应用情况，所以在考核方式上要更突出实践性。实行平时成绩和期末考试成绩相结合的评价方式，以全面考核学生的学习效果和综合素质。

平时成绩，占综合成绩的50%，主要包含了考勤、平时作业两个主要部分。其中，平时作业根据当前章节知识点选择各主流网站的版块作为单元项目，成绩由任课教师根据项目完成情况进行评定。 考勤则参照企业考勤机制，以扣分机制进行考核。

期末成绩，占综合成绩的50%，采取上机考试的方式进行考核。在考试的两个小时内按要求学生独立完成自己的考试项目，為了避免考试过程中出现作弊的行为，利用学习空间进行在线考试。老师在出题时，考试内容来源于当前主流网站，结合学生的层次和所学的知识点，有类别、有层次确定考试题目。将所出题目上传至学校Sakai学习空间的题库版块，形成题库。学生需登录自己的账号，系统会根据所设定的题目类别，随机从不同类别的题目中各抽取一道题目形成一套完整的试卷，学生下载后用Hbuilder完成题目，上传即可。

4、结束语

教学实践结果表明，经过教学改革，学生的学习积极主动性明显增强，到课率平均95%以上。多元考核机制项目驱动的教学方法大大促进了学生的自学及实践动手能力，使学生具备独立进行网页前端开发的知识和技能，为学生将来从事网站开发设计打下坚实的基础。

前端开发岗位要求会随着市场的需求及技术进步不断的变化，因此，前端开发课程的教学过程必须紧随技术发展前沿和市场需求，不断进行课程改革探索实践。

参考文献：

[1]杨秀生，李挺.“互联网+”背景下的WEB前端开发课程教学模式思考[J].佳木斯职业学院学报，2016（04）：428.

[2]储久良.WEB前端开发技术课程教学改革与实践[J].计算机教育， 2014（14）：13.

[3]李舒亮，刘亚坤.基于应用型人才培养的网页设计与制作课程改革探索[J].无线互联科技，2017（05）：74-75.

[4]陈霞，吴东.基于就业导向的 HTML5 前端开发课程教学改革实践[J].现代计算机，2017（04）：30-31.

[5]范会联，仲元昌.基于项目驱动的软件工程课程教学改革探索[J]. 教育与职业，2013（5）： 149-150.

[6]赵丹.以学生自主学习为中心的任务驱动教学模式探讨[J]. 教育与职业，2013（12）： 100-101.

作者简介：张瑞云，硕士，助教，现就职于河南工学院，主要研究方向为电子商务。