作者：朱晓 本文字数：2839
[摘 要] 中等职业教育是国家教育体系的重要组成部分，怎样提高教学质量，使教学更有效，这是当前国内很多中等职业学校教师关注的问题。随着互联网的飞速发展，计算机应用专业存在行业技术更新换代快、课堂教学相对滞后等问题。以中职计算机专业“网页设计与制作”课程为例，通过引入企业真实项目、引入世界技能大赛的最新技术和编写校本教材等方式，让学生承接真实的企业项目、接触最新的网站技术。通过优化课堂教学，提升中职生的专业技能和职业素养。
[关 键 词] 课程标准;职业能力;真实项目;网页制作
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2019）06-0188-02
一、网页设计与制作课程教学的困惑
（一）课标的改动与相关教材的缺失
网页设计与制作课程，是中职计算机应用专业的一门专业核心课程，其教学目标主要是让中职学生学会使用网页制作工具软件，掌握良好的网页制作知识与技巧，能够从事静态网页设计与制作的相关工作。上海市中等职业教育课程教材改革办公室对2006年5月编制的《上海市中等职业教育专业教学标准开发指导手册》进行了研究和修改。其中网页设计与制作课程新增了两项培养目标，即能制作交互式网页和能制作移动端网页。但目前的教学参考用书并没有涵盖这方面最新的知识和技能，教师需要通过其他载体完成新技能的传授。
（二）职业资格考试的滞后性
网页设计与制作的课程标准是以职业标准为参照，教学过程围绕上海市职业技能鉴定中心的《网页设计制作员》四级的考核内容与要求，这是检验中职学生掌握网页技术的一个有效途径。但是近几年网页制作新技术的涌现，使职业资格考试的内容已经无法满足目前职业岗位的需求。以网页布局方式为例，《网页设计制作员》四级考核要求中是运用表格进行网页布局，而目前主流的网页布局方式是基于CSS层叠样式表和DIV容器。如何让学生在完成职业资格考试的前提下，尽可能多地了解网页制作的最新技术，是我们面对的一个新问题。
二、优化网页设计与制作课程的实践尝试
网页设计与制作课程是“課程内容的相对滞后”和“学用不一致”导致职业技能考核与实际职业能力无法完全契合。本人针对网页设计与制作新课标，以典型网站为载体，开展了优化网页设计与制作课程教学的实践尝试，总结出了几条行之有效的做法。
（一）在课程中引入企业真实项目
基于企业真实项目的网页设计和制作，使本课程教学更贴近行业实际，要求学生做到如下几点。
1.以客户需求为先
以网页Banner制作为例，在传统的教学中，要求使用Flash动画技术实现多个图片的轮转展示。但是，客户提出网页要在智能手机等移动端合理的展示。目前移动端的IOS和安卓系统都不再支持Flash。因此，在网站的制作过程中需采用Javascript网页脚本替代传统的Flash动画来实现图片轮转效果，而这也正是网页设计与制作新课标的培养目标之一——制作移动端网页。
中职生通过了解客户需求，知道不同网页制作技术的应用场合，并能合理地运用到网站项目中去。
2.以岗位分工进行角色代入
把学生分成若干小组，每个学生根据自身特长担任网站设计师、前端工程师、网页脚本工程师、网站测试员等，从而让每个学生参与进来，了解各个岗位的不同要求。网站设计师除了需要运用平面设计软件制作网页设计稿以外，还需要有良好的沟通能力，需要客户明确告知自己网站的整体框架、企业的宣传形象和理念、网站内容的主次（比如经典案例或企业荣誉）等。网站设计的过程中需要与客户的多次沟通才能尽量减少后期的修改。前端工程师需要把网站设计师完成的网页设计稿利用切片等方式把平面设计图转换成网页文件。网页脚本工程师需要在前端工程师完成的基础上编写网页脚本，比如网页表单的验证、图片的轮转等。网站制作完成后，网站测试员需要对网站的完成质量进行系统测试。检查网页呈现效果与设计稿的差距;检查表单验证效果是否达到;检查网页动态效果是否符合预期;检查网站在各类终端的呈现效果是否合理等。网站测试员需要把以上情况记录下来，并反馈给相应岗位的网站开发人员。
通过每个岗位的思考和感悟，中职生的判断力、表达力、思考力随之得到提高，自信心和职业成就感也在悄然提升。
3.以行业标准衡量作品
不论是课堂中教师的评价，还是职业资格考试中鉴定中心的评价，，其最终目的都是为了评价学生能否具有良好的网页制作能力。学校通过校企合作平台把行业资深的网站项目经理请进课堂，参与评价学生网站作品，指出学生作品与行业标准间的差距并提出修改意见。例如，学生平时在书写HTML和CSS代码时，比较随意，没有遵循W3C规范。项目经理就此提出了批评，要求完成的网页文件要上传至W3C，在线检测其规范性，为以后的网站维护提供方便。最后，项目经理从若干小组的完成作品中选出符合客户需求和行业标准的网站，并予以肯定和展示。再如，在课堂中引入行业专家，激发了学生的学习热情。中职生通过熟悉行业标准，逐步养成严谨的学习作风，提高了职业素养。
（二）引入世界技能大赛的最新技术
世界技能大赛网站设计项目代表着网页技术发展的方向，代表了行业的最高水平。世界技能大赛网站设计项目可以分为四个模块，包括制作网页设计稿、响应式网页制作、Javascript网页脚本制作和PHP网站后台制作。在模块二响应式网页的制作要求中，网页的布局是基于CSS技术和DIV容器，与传统的表格布局有相当大的差距。为此，笔者尝试在授课过程中把典型网页实行一题多做。在部分课程中分别运用表格布局和CSS布局，让学生了解两种布局方式的优缺点。以网页设计与制作四级考核内容制作“卡内基信息科技有限公司”网站首页为例，网页内包含了大量DIV容器，需运用CSS技术对这些DIV容器定义样式，此项网页技术在传统的网页课程中并未涉及。但学生通过世界技能大赛中学到的CSS网页布局技术可以很好地解决这个问题。于是，笔者让学生用两种方式完成该网站的制作，并通过加载速度、样式变化、后期维护等方面进行比较，了解到两种布局的不同之处。
