HTML+CSS课程实操作业与考试命题初探
2017-04-12潘俊斌钟夏薇钟媚
潘俊斌+++钟夏薇++钟媚
摘要：《网页设计与制作（HTML+CSS）》是平面设计和信息技术专业的交叉课程。本文借鉴OSTA和IMOOC的成功经验，结合当前网站网页行业的发展趋势，梳理了中职《html+CSS课程》的知识模块，探讨了作业和考试命题的题材选择、描述方法和循序渐进的命题方式。
关键字：html+CSS课程 实操作业命题 实操考试命题
TP311.52
《网页设计与制作（HTML+CSS）》是平面设计和信息技术专业的交叉课程，兼顾程序思维和艺术感觉。学习的内容可以分为两种类型：程序性技能和陈述性知识。职业教育的一个重要特征，就是“动手工作比积累知识更重要”。实操考试就是以操作题为主，从实际工作中分解出若干个在一定时间内能够完成的任务，对任务进行适当的描述，考生按照题面要求进行实际操作，最后提交考试的答卷。
OSTA即中国人力资源和社会保障部职业技能鉴定中心。由OSTA组织命题的《Dreamweaver 8试题汇编： 网页制作员级》是html+CSS课程操作考试的典范。其考试大纲分为站点基本操作、布局页面和表格制作等8个模块，其考试题型主要是给定文字和图形素材、完成预定目标的操作题，考试结果为若干个完整的页面文件。
慕课网（IMOOC）是国内新兴的IT技能学习平台。里面有一个《html + CSS基础教程》课程，即：http：//www.imooc.com/learn/9，适合没有任何基础的初学者，尤其是中职学生学习。区别于考试题库，她是一个学习平台。全面系统地包含了本课程的必学的知识体系。这门课程采用了一边梳理知识一边完成任务的方式，其中任务式题型包括：代码填空、代码改错，上交的结果是特定的代码，可以由内置的计算机程序直接判定对错进行反馈，这种方式对课程试题库建设也有重要的参考价值。
借鉴OSTA和IMOOC的成功经验，结合网站网页行业的发展趋势，当前，中等职业学校学生在《HTML+CSS》课程学习中，必须掌握的知识模块主要有：
在对平时作业和考试试题任务题材的选择上，可以采用从小任务到大任务这种循序渐进的方式。
小任务指一个网页的一个板块，大多数情况下，使用几个html标记就可以完成。如：用
- 标记做一个新闻的列表。题型有：填空、改错或从空白页面开始做出新页面。
大任务通常是一个完整的页面，由头部、包含很多个主题板块的网页内容区和底部组成，涉及到网页的布局技术。题型有：从空白页面开始做出新页面，或者在大型页面的指定空白区域完成预定目标的新板块。
在对具体任务的描述方面，也可以采用从易到难的方式。对于任务目标的提示，可以采用目标效果图、完整源代码、线框图、文字描述等多种方式。
目标效果图+完整源代码方式：适合于给初学者布置作业，或者是介绍新的html標记和CSS属性，有利于识记关键的标记和属性，也适用于初学者熟悉网页开发工具的阶段。
目标效果图+线框图方式：线框图在形式上尽可能与目标效果图相似，但是又不要像源代码那么直接。可以根据学生的学习情况，决定是否提醒使用的html标记和一些关键的css属性。以最终效果图为评分依据，给得信息越少，学生就有越大的自由。适合于已经掌握了一定数量的标记和属性，处于知识运用和技能提升阶段学习者。通常情况下，宽度和高度参数都要在线框图中给出提示。
目标效果图+文字提示方式：这是OSTA采用得比较多的方式，有利于学习者的知识运用和技能提升。
纯文字描述方式：给定一些未经处理的图片和文字，根据题面要求综合使用图形处理工具（如：PhotoShop）加工素材，并使用网站开发工具（如：DreamWeaver）编写html+CSS网页代码，做一个完整的页面。可以是主页、列表页、详细描述页、交互表单几种类型。其中商品、教程、新闻的详细描述页面最为实用。这个阶段能全面发挥学生的艺术感觉和程序思维。
对于使用相同图形素材、有预定目标的Html+css课程作业和考试，则答卷结果是纯文本代码，不需要提交网页文件，仅需要提交代码到数据库就可以了。可以使用作业与考试网站系统来收卷：
有利于快速预览完成效果。
有利于有效记录提交时间。
有利于使用改卷程序来自动批改反馈。
有利于通过人机捆绑防止简单的抄袭与作弊。
有利于记录统计分析学生的学习情况。
有利于学生之间的互相点评。
对于需要学生自行处理图形素材的作业和考试，就需要增加文件提交系统，并对网页代码中的图形路径做适当的规定。
作业与考试，是课程教学的重要环节。作业与考试的命题和试题库建设，不仅是测量考生学习能力的基本手段，而且也是促进课程教学双边活动联系的纽带。与时俱进的作业与考试内容设计，是把握教学方向与目标的有利保证；分层次的作业与考试难度设计是抓住学生注意力和兴趣的关键所在；清楚地表达作业与考试的要求，师生心念相同的桥梁；有技术的作业与考试系统，是调动学生学习潜能的有效工具。结合技术更新和时代印记的HTML+CSS课程作业与考试命题和题库建设，必将为学生的学业提高和职业发展带来良好的效益。
参考书目：
（1） 《Dreamweaver 8试题汇编：网页制作员级》出版社： 科学出版社，北京希望电子出版社； 第1版 （2008年1月1日） ISBN：9787030203151
（2） 《中外考试比较》 康乃美 主编 科学教育出版社（2011年）
