浅谈高职《网页设计与制作》课程教学改革探索

韩敏+张艳

摘要：该文针对目前网页制作课程教学过程中存在的问题，从课程改革背景、课程内容改革思路和课程考核方式等方面进行了改革与探索的阐述，指出了网页制作课程改革的方向。

关键词：课程改革；内容改革；考核方式改革；项目教学

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2015）30-0085-02

A Discussion on the Teaching Reform Exploration of the Course of "Web Design and Production" in Higher Vocational Colleges

HAN Min， ZHANG Yan

（Department of Information Engineering， Henan PolyTechnic， Zhengzhou 450046， China）

Abstract： This paper present the problems in the course of web production， from the background of curriculum reform， the reform of curriculum content and the way of examination and so on， Points out the direction of the reform of the course of the web production.

Key words： curriculum reform； reform of content； reform of examination mode； project teaching

在全国职业教育工作会议上，李克强总理强调：“要走校企结合、产教融合、突出实战和应用的办学路子”，李克强还要求，要用改革的办法把职业教育办好做大。其中课程教学改革的好与坏直接影响到高职教育教学质量，好的教学改革方式可以提高学生的专业技能，以适应新时代企业对高职人才的要求。

1 课程内容改革背景

《网页设计与制作》课程是高职院校计算机专业的一门核心课程。本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具Dreamweaver设计制作常见的静态网页，具备网站的建立和维护能力，为后续动态网站建设课程奠定基础。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。

目前的《网页设计与制作》课程在教学内容及教学方法上存在以下问题：

1）新技术不能及时渗透到教学中。

2）以项目为导向进行课程教学力度不足。

3）课程考核方式要进一步体现以能力为导向。

2 课程改革思路

2.1重视DIV+CSS教学

在传统的《网页设计与制作》课程的教材及教学中，重点强调使用表格来完成页面布局，但现在全国大大小小的网站都在搞一场技术“革命”，就是所谓“网站重构”说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。原因是DIV+CSS具有以下优势：第一、内容和形式分离：网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。第二、改版网站更简单容易了，不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需要改动CSS文件就完成了所有改版。第三、搜索引擎更友好，排名更容易靠前。综上所述，笔者建议教师在讲解文章的布局方式时要重点强调DIV+CSS，弱化表格知识。

2.2 以项目为导向进行课程教学

“项目教学法”是通过实施一个完整的项目而进行的教学活动，其目的是在课堂中把理论和实践教学有机地结合起来，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力。项目教学法实施的好坏直接影响课程的教学效果。

在早期的网页设计课程中，也是采用项目为导向的教学方法，但教材的编写和授课方式是以章节顺序进行的，每章的知识点和案例是独立的，各个章节的案例之间关联不大。这样直接导致学生每章内容都掌握了，每章的案例都能很好地完成，但学到的知识都较为零散，一旦涉及如校园网站建设、企业网站建设等综合案例的制作时将无从下手，灵活应用知识的能力差，参加就业招聘时不能满足企业岗位对人才的需求，学校的教学与社会生产实践出现严重脱节的现象，学生在毕业后就业前还要到培训机构对大学期间学习的知识进行二次加工。本着高职学生的课程教学以“理论够用、实践为主”的原则，结合多年网页设计课程的教学经验，笔者在计算机网络技术专业的《《网页设计与制作》》教学中，选择“校园网站前台界面设计”作为贯穿整个课程的项目。做项目之前给学生演示校园网站，介绍网站的前台界面设计布局、后台模块，并说明实现每部分设计所需要的技术，这些技术将在哪个学期会学习到，让学生对该课程的前导及后继课程有所了解。并重点强调网页设计课程完成的是网站的前台部分。在实施过程中将校园网站项目企业开发项目流程划分为若干个子项目，将每个子项目分配到相应的教学章节中。学院网站项目有笔者和教授动态网站开发的教师共同开发完成，网站的前台设计与制作由笔者完成，网站的后台开发由同时完成，这样一来，学生完成前台界面设计后可以在后续课程实现后台模块的建设，保障了两门课程的内容连贯性。

2.3 改革课程考核方式

在信息技术飞速发展的令天，课程所进行的教学改革的成功与否的主要检验方式是课程的考核方式。构建一套能真正体现学生的能力水平、知识水平和素质水平的考核体系，可以达到“以考促学、以考促教” 的目的， 从而提高学生专业核心竞争力和增强技术应用型人才培养质量。

在《网页设计与制作》课程传统的考核方式中，平时成绩只占很小的比例，这会直接造成学生平时不努力， 临时抱佛脚现象的产生。这种考核方式不能很好地体现学生的成绩、技能水平，更无法培养出创新性、实用型的人才。这就需要对现有的考核方式进行改革。

从培养学生的素质教育思想出发，可以采用加大平时成绩的比例并采用多样化考核方式。《网页设计与制作》考核采用：课程成绩=平时成绩（40%）+期末成绩（60%）。平时成绩包括课堂表现、上机表现和实验报告，期末成绩包括项目成绩和现场技能成绩。通过这种多样化的考试方式，可以很好地解决传统考试所具有的弊端，更能培养学生的知识水平和技能水平。平时成绩主要考察学生的学习态度、上课与教师互动的积极性、课堂知识理解能力、课程知识动手操作能力。课程结束后教师根据学生的表现给出课堂表现成绩、实训任务成绩和实验报告成绩。期末成绩包括综合项目成绩和现场考试成绩。综合项目是给学生提供各主题如“班级网页制作”，将学生进行分组，以3-5人为一个团队，目的是测试学生的分析能力、搜集素材能力、团队合作能力和对所学知识的灵活应用能力。最终考核是每组成员对自己的作品进行答辩。现场考试是在学期结束时，在规定的时间内，由教师提供主题、素材、和效果图，来考核学生对网页制作工具掌握的熟练程度。通过考核方式的改革，可以培养学生团结协作能力、拓展创新能力， 有力地促进了教学， 活跃了课堂氛围， 提高了教学效果。

3 结束语

作为一名教师，不能只是课堂技术的机械执行者，而必须是课堂实践的自觉反思者。通过总结多年《网页设计与制作》课程的实践经验，总结出我们的课程教学改革要时刻围绕“ 以就业为导向、以能力为本位、以学生为主体” 的教育思想， 只有在实际教学中突破以往的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。

参考文献：

[1] 周明明.网页制作课程教学改革探索[J].职业，2014（15）.

[2] 王天红.中职实践课程考核方式的探索与实践[J].无线互联科技， 2014（7）.

[3] 黄颖宜. 高校网页设计课程的改革探析[J]. 南京艺术学院学报：美术与设计版，2014（3）.

[4] 黄刚. 《网页设计与制作》教学的改革探索[J]. 电脑知识与技术，2014（6）.