周明明

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

关键词：网页制作 教学改革 一体化

网页制作作为计算机网络专业的一门核心课程，重在培养学生的网页设计制作与网站维护等能力，学生通过该门课程的学习能为后续动态网站制作课程的学习奠定基础。同时随着经济和互联网的发展，用人单位对网页制作人才的要求越来越高。这就要求教师对传统的教学方法进行改革，让学生能学会网页制作的精髓，能做到和社会需求无缝对接。结合近几年的教学经验，笔者认为网页设计与制作课程改革应该从以下几个方面入手。

一、以工作岗位为基础，明确课程目标

网页设计与制作课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位主要是网页设计与制作员以及网页工程师。根据工作岗位的任职要求，参照网页设计师考核标准，明确该两种岗位的职业人才必须具备以下职业能力：网页建设与设计能力、网页美工能力、网页动画制作、网站编程能力和网站维护能力。因此，该课程的目标是培养学生掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作及网页工程师职业岗位的需求。

二、以职业能力为依据，组织课程内容

根据网站开发和网页制作技术领域和网页设计与制作员、网页工程师职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以上述两种岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，网页设计与制作课程应突出职业能力培养，并在课程体系与课程内容上突出“应用”与“实用”。网站设计与制作课程内容总体包括：网站赏析，网站规划，站点创建，文字、图像操作，网页布局，表单网页，美化网页，网页特效，网站测试、发布与维护等。除此之外，笔者认为在教学中需重视HTML教学，DIV+CSS教学，以及和其他学科的教学合作。

1.重视HTML教学

现在大部分学生都习惯于借助Dreamweaver等软件来制作网页，他们认为没有必要学习HTML。但不管是静态网页还是动态网页，其本质还是HTML代码。学会HTML语言能更轻松的修改网页结构，能更高效地利用网上的源代码，且能更快速地进入更高层次的学习，比如PHP、ASP、.NET、JSP等网站编程语言的学习，DIV+CSS网页设计的学习。因此在教学过程中应该重视HTML的教学，要求学生能看懂HTML。在引导学生学习这部分内容时，一是充分利Dreamweaver的“拆分”视图，“设计”与“代码”相结合，在对照中学习代码；二是使用浏览器中的“查看源代码”功能，分析别人的网页；三是要求学生们多动手，多多修改别人的网页代码；四是要求学生记住一些常用的HTML语法。

2.重视DIV+CSS教学

在传统的网页制作课程教学中，重点强调使用布局表格和布局单元格完成页面布局，但现在YAHOO、MSN等国际门户网站，网易、新浪等国内门户网站，主流的WEB2.0网站，均采用DIV+CSS的框架模式，DIV+CSS技术才是主流，且当下所有的网站制作相关职位的招聘信息均要求应聘人员精通CSS开发。笔者认为，传统的教学内容已不能满足现实需要，网页样式设置和页面布局部分的教学重心应该向CSS偏移，重点讲解如何采用CSS中的“盒子模型”进行页面布局，且不应该仅仅局限于使用Dreamweaver中的可视化窗口进行CSS样式设置，应有意识地引导学生看和写CSS代码，掌握DIV+CSS布局本质。

3.重视和其他科的教学合作

在以往的网页制作课程教学中，教师往往给学生提供处理好的素材，或者让学生自己到网上寻找素材，造成学生缺乏网页素材处理能力。因此笔者认为可以有效地发挥科目之间的教学合作。例如网页设计与制作课程的教学就可以与Photoshop和Flash课程的老师进行合作，安排学生制作相同主题的图片，动画和网页。学生不再是单纯地上网找素材，也可以自己制作图片，制作动画，然后使用到自己制作的网站中去。

三、以行动为导向，采用“工学一体”模式实施课程教学

为了达到课程的培养目标，教师在教学内容的组织与安排上应突出以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用以行动为导向的“工学一体”教学模式。以系部网站建设为例，选取真实的项目“信息工程系”网站的制作来开展教学。教学实施可分为五步。

第一步：资讯——了解用户需求，收集网站建设素材。同类网站欣赏，了解网站布局、色彩、栏目、内容等信息。

第二步：计划与决策——深入了解信息工程系情况及建站要求，根据需求画出多种草案，并根据客户反馈建议选择合适的草案加工处理，制成Photoshop图片。

第三步：实施——选择合适的网页制作工具开始创建站点。制作网站，可以用Photoshop设计界面、Flash制作Logo动画、Banana动画，用Dreamweaver开发前台网页，用ASP、CSS、JavaScript等开发后台程序。

第四步：检查控制——将作品发布到IIS服务器上测试。

第五步：评定反馈——将小组自评，组组互评，教师点评有机结合，评出优秀作品。

课堂教学采用项目驱动，工学一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在解决问题的过程中逐步掌握所学知识，提高操作技能。

四、以能力为本位，改进评价方法

合理、有效的考核方式能够促进学生学习。考虑到“网页制作”课程实践性较强的特点，本课程可以采用基于能力本位的过程考核评价模式。将考核分为平时实验、项目设计、学生纪律三部分，各部分均采用百分制，最后学生的总成绩=平时实验成绩×40%+项目设计成绩×40%+学生纪律成绩×20%。其中，平时实验成绩为该课程平时实验作业分数的总和，教师根据学生上交的实验作业的质量进行打分。学期结束时增加项目设计环节，在这个环节不限制网站主题、不限制布局方式，学生可以自主设计。这不仅是对本门课程的一个复习过程，也锻炼了学生的综合应用力。对于学生上交的作品，教师可以采取学生自评、学生间互评、教师评价的方式给学生的作品打分，并对优秀作品予以在网上展示，以激发学生学习的积极性。学生纪律成绩主要包括学生出勤、课堂纪律和学习态度。

一体化教学模式是先进的教学模式，也是笔者所在学校技工教育积极推进的一种教学模式，有待在教学实践中进一步探索和改进。

参考文献：

[1]周艾宏.《网页制作》教学方法探讨[J].电脑迷,

2013(1).

[2]柳珺.高职网页制作课程教学改革探索[J].中国电力教育,2013(10).

[3]张会丽.高职“网页设计与制作”课程整体设计[J].工业和信息化教育,2013(7).