网页设计与制作课程开发研究

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网页设计与制作课程开发研究范文，希望能给你带来灵感和参考，敬请阅读。

摘要:对基于工作过程的网页设计与制作课程开发进行探究。从明确工作任务、设计学习情境来进行教学改革，其中包括课程改革、教材改革、教学方法改革、考核方式改革，以期解决实际问题，提高教学质量和学生的实际操作能力。

关键词:工作过程;网页设计与制作课程

当今是一个信息社会，随着网络的快速普及，对网页的要求也越来越多，这就需要专业的网页与制作，网页设计师成为了抢手人才，网页设计与制作已经成为很多高等学校的必修课。然而，仅靠过去的传统教学，并不能达到对人才的需求［1］。这门课程看似简单，却并不容易掌握，尤其是难以应用到实践中。因此，根据人才培养的需要和专业人才的就业形势，网页设计与制作这一课程需要改革工作过程。

1明确工作任务

通过对网页设计与制作领域的招聘情况进行分析，看出网页设计与制作类的岗位主要集中在这几类:网页运作、网页维护、网页编辑、网页设计和制作，其中网页制作和设计是最需要人的岗位。通过研读企业的招聘信息发现，网页制作和网页设计这块要求职员具备以下能力:编辑能力、美工能力、创造力、编程能力、维护能力等。针对网页设计与制作这个职位，还要明确其典型工作任务。工作过程是指在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序，它结构固定，包括咨询、决策、计划、实施、检查和评估阶段等。

2设计学习情境

网页设计与制作这门课程必须通过学习情境才能反映出来，要把任务环节放到学习情境中去，通过实际的反复训练逐渐掌握网页设计和制作能力［2］。网页设计和制作原有的课程内容多数集中在Html语言、Photoshop制作、Flash动画设计、Dreamweaver上，理论课和实际操作有很大偏差，在考虑实际市场需求后，应根据具体任务选取课程。以静态网站为参考，设计如下学习情境:网页浏览与欣赏、网页策划与安排、网页设计和制作、网页和维护。同时，也为这些学习情境设立了课程标准，如表1所示。安排这些课程的目的是让学生在实际操作中掌握技能。通过这样一系列的课程安排，学生可以查缺补漏，完善自身的理论漏洞，从而独立完成项目任务。

3改革措施

3.1课程改革

网页设计与制作课程更加考察实践能力，因此，应根据实际需求作出最适合的调整，包括教材、考核方法、教学方法等，这符合OBE(能力导向教育)理念，主要就是“以学生为本”，要求教育成果、教学途径和课程设计围绕预期学习成果来实行。例如:WEB教学课程内容相对滞后，缺乏Htmls等主流技术教学，学生难以掌握与WEB前端岗位对接的工作技能。在这种情况下，应结合WEB的职位需求，改进WEB前端网页设计与制作这门课程，在原有的HTML、CSS、Javascript课程基础上增添HTML5、CSS3、DOM、JQuery、Ajax、Bootstrap等内容，增加移动WEB页面的布局，学习响应式网页布局方法。要实现课程内容体系的全面全新升级，添加H5新技术、移动WEB应用、响应式布局技术［3］。

3.2教材改革

教材应当深入浅出，层次清晰，不仅只讲述知识点，更应该配置生动案例，激发学生学习兴趣，按照设置的课程情境对应授课，如:针对静态网站设计与制作课程讲述学习路线与学习方法。教材还应当将动画课程等需要的地方直接引入进来，尽量不扩大分类，使学生可以直接系统地学习，如:商务网页设计与制作项目课程的总体设计思路就是将学科导向的课程体系转化为行动导向的课程体系，以工作过程为主线，以职业能力培养为依托，按照行动导向来组织教学，以完成具体的项目、任务或产品为目标。

3.3教学方法改革

传统的教学体系中，实践和理论课几乎都是分开设置，没有明确的任务项目，学生的实际操作效果不太理想。面对这种情形，应主张“教学－实践”一体化教学，教师边讲述，学生边操作，实现教学做一体化。要实施分组教学、分模块教学，通过实际建设网页达到教学目的。在学习过程中，学生就模拟正式工作场景，在教师的帮助和指导下共同完成课程的学习。教师要随着时代需求而转变教育理念，提高自身的基本功和应变能力，多参加技能培训，具体方法如下:(1)在HTML5的WEB前端课程在线开发与应用的基础上，告别单一的知识讲堂，开展“互联网+”学习模式;(2)采用翻转课堂形式，学生在课下利用教学平台自主学习，教师只负责评价和改进;(3)采用SPOC(SmallPrivateOnlineCourse小规模限制性在线课程)模式和混合教学模式，即现代课堂和传统课堂相结合。

3.4考核方式改革

网页设计与制作这一课程需要构建一个“全过程、全方位、综合性”的考核评价体系。以往的考核方式就是上交纸质作业或论文，难以检测出学生的真正实力，建议进行在线设计考核，用作品提高说服力。

4结语

基于工作过程对网页设计与制作课程进行研究探索，根据主要的工作任务给出具体的学习情境及改革方向，实现教学做一体化，以期解决实际问题，提高教学质量和学生的实际操作能力，培养出符合时展的人才。

参考文献:

［1］彭绍东.信息技术教育学［M］．长沙:湖南师范大学出版社，2002.

［2］郑伟，张永良，郭伟，等.《商务网页设计与制作》项目课程的开发与建设［J］．杨凌职业技术学院学报，2010，(12):60－61.

［3］李艳华.以编程能力为导向的教学模式在中职《动态网页设计》课程中的应用研究［D］．广州:广东技术师范大学，2019.

作者:马红 单继周 单位:海南经贸职业技术学院