面向岗位实操能力：高职网页制作实践教学研究

张雅茹

(连云港广播电视大学， 江苏 连云港 222006)

《网页制作》是高职院校计算机类专业的一门专业基础实践课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。因而，构建科学合理的实践能力培养体系，满足不同专业、不同年级学生实践能力培养的需求，真正做到“面向岗位实操能力”是必须研究的课题。为此，本课题组在深入调查研究的基础上，构建了“两阶段、六层次、八环节”的网页制作实践教学体系。各个层次以“真实项目”为主线，强化知识应用、技能训练、态度养成，专业技能、职业能力、综合素质逐步提升，充分调动了广大学生学习的积极性和主动性，有效地培养了学生的实践能力和创新精神，以适应职业岗位的需要。

1. 实践教学体系的构建

网页制作实践教学是培养学生实践能力、创新意识和工程素质的主要途径，是保证人才培养质量的关键环节。我们按照“以职业岗位工作过程为导向”、“以学生为中心”、“以职业能力培养为课程核心”、“以教师为主导”、“工学结合、学以致用”的教育理念以及“分层次、分阶段、由浅入深、由简单到综合、由学习到创新”的思路，结合学校的办学定位和专业设置情况，探索出层次化螺旋推进的技能训练过程，构建了“两个阶段、六个层次和八个环节”的实践教学体系，符合职业技能的形成规律，逐步提升网页制作技能。

“两个阶段”即“专业技能形成阶段”和“核心能力形成阶段”。其中“专业技能形成阶段”是按照由浅入深的认知规律学习网页制作的基础知识、训练基本技能、积累网页制作经验，强调把握高职学生的认识规律和专业技能的形成规律。包括：优秀作品赏析、课堂模仿实践、课外拓展实践、单元独立实践。“核心能力形成阶段”是应用专业知识、训练职业素养、培养创新能力，强调以“工作过程”为导向，形成适应岗位需求的核心能力，包括：综合项目实训、自主探索开发。

“六个层次”即“优秀作品赏析”、“课堂模仿实践”、“课外拓展实践”、“单元独立实践”、“综合项目实训”、“自主探索开发”。“欣赏优秀网页”主要是分析其布局结构、颜色搭配、视觉效果，留下直观印象，激发学习兴趣；“课堂模仿实践”是模仿老师讲解的方法制作网页，理论与实践相结合，“教、学、练、思”四者有机融合、训练学生的动手能力和模仿技能，提高课堂教学的实践性；“课外拓展实践”是利用课余时间自己动手尝试独立制作网页，及时巩固课堂所学习知识，进一步强化网页制作技能，提高学生自主学习能力和充分利用网络信息资源的能力，提高教学过程的开放性，培养学生的学习主动性；“单元独立实践”是提高学生综合运用所学知识独立制作网页的技能，使知识和技能得以具体应用，提高学生的专业技能。“综合项目实训”是按照网站的企业开发流程制作网页，提高职业能力和工程意识；“自主探索开发”是提高学生网页和网站的设计能力，以满足岗位能力需求。

“八个环节”即按8个标准化教学环节组织实践教学：展示网页效果、分析实训任务、明确实训目的、介绍实训步骤、学生独立完成实训任务、操作提示与功能扩展、实训小结、实训拓展。

“两个阶段”、“六个层次”和“八个环节”的实践教学体系，是分层次开放式立体化的网页制作实践教学体系，它不仅满足不同专业、不同年级学生在实践教学内容选择上的需求，而且保证了网页制作实践能力培养的可持续性。

2. 实践项目的设计与实践教学内容

2.1 实践项目的设计思想

根据实践教学体系，结合课程特点，遵循教育教学规律，按照“有利于启迪学生科学思维和创新意识”的原则，科学选择实验教学内容，按照如下思路和方法精心设计实践项目。

2.1.1 实践教学“以职业岗位工作过程为导向”、“以学生为中心”、“以职业能力培养为课程核心”、“以双师教师为主导”、“工学结合、学以致用”。

2.1.2 以真实的网站为实习实训项目，将实习实训与产品、项目结合起来，强调学生将所学知识和技能在实践中的应用，积极引导学生自主学习。

2.1.3 将实践项目分为5个类型：基础型实践、提高型实践、拓展型实践、综合型实践和设计型实践。

2.1.4 学生演示：每次实验挑选一名学生利用教师机演示他的实验操作过程及操作效果。

2.1.5 独立起点，提供效果图：基础型实训采用同一个项目分多个任务完成，每一次实训提供独立起点环境，提供所需的素材，不受上一次实训完成情况的影响，同时每一次实训提供参考效果图。这样全体学生都在同一起跑线上完成实训，并且目标明确，任务具体，使全体学生都有信心完成实训任务。

2.1.6 评价和计分：对每一次实训的完成情况进行评价和计分，及时解决学生普通存在的问题，对完成较好的学生给予肯定。

2.2 实践教学内容

《网页制作》课程的实践教学环节课时占总课时的60%，实践性教学环节的课时分配如表1所示。

“课堂模仿实践”的教学内容包括经典赏析、网站架设、管理与发布、网页文本的编排与设置、用表格设计页面布局、添加图像与媒体内容、用CSS进行页面布局、网页框架与链接的应用、AP Div、行为和Spry特效、创建表单与站点数据库。“单元独立实践”教学内容包括Dreamweaver静态网站构建、利用CSS层叠样式表美化页面、利用JavaScript制作页面特效、综合网页制作。“课外拓展实践”教学内容是根据课堂所学习的操作方法，选择一个主题，学生自己动手制作个人网站。“工学结合实训”通过一个企业网站的整站设计，掌握静态+动态的一站式设计。

表1 《网页制作》课程实践教学环节的课时分配表

3. 实践教学实施方法和教学考核方法

3.1 实践教学的实施方法

实践教学将教学内容与教学方法、教学手段相结合，采用了项目驱动为主的教学方法，结合理论实践一体化教学法、案例教学法、问题驱动型教学法，成立了“网站开发与网页设计兴趣小组”。

3.1.1 明确实验实训目的、详细描述操作任务

每一次课堂模仿实践、单元独立实践都有明确的实验实训目的，具体的操作任务。

3.1.2 学生演示示范引导

课堂模仿实践、单元独立实践都挑选一名学生利用教师机演示他的实验操作过程及操作效果。

3.1.3 每次实践起点独立，提供参考的效果图

课堂模仿实践、单元独立实践采用同一个项目分多个任务完成，每一次实训提供独立起点环境，提供所需的素材，不受上一次实训完成情况影响，同时每一次实训提供参考的效果图。这样全体学生都在同一起跑线上完成实训，并且目标明确，任务具体，使全体学生都有信心完成实训任务。

3.1.4 对实训结果进行合理评价和及时计分

对每一次实训的完成情况进行评价和计分，及时解决学生普通存在的问题，对完成较好的学生给予肯定。

3.1.5 实践性教学也采用项目驱动的方法，基础型实验项目采用一个完整网站，分多次完成实验的方法，以掌握基础知识点为，操作过程与教师教学过程同步，也就是“依葫芦画瓢”。综合型项目充分发挥学生的设计能力，只提出场景要求和主要技术要点，素材由学生自己收集，网页的风格、布局由学生自己决定，培养学生的创新能力。提高型项目主要训练学生处理特效的能力，能掌握一些特效制作技术，力争成为这一领域从业人员中的佼佼者。拓展型项目提高学生的综合素质和创新能力。

3.1.6 充分利用学生课余时间，课堂教学和集中实验、实训主要完成三个项目：创建“连云港世界之窗旅游”网站、创建“糖果树科技企业”网站、创建“学苑小居”网站，要求课余时间完成两个项目：创建“学苑小居”网站、创建“糖果树科技企业”网站。

3.1.7 对于一般实验项目，提前一周布置实验任务；对于综合性实验项目提前一个月布置任务，并向学生提供参考资源，让学生有充分的时间准备；对学生自主完成的项目，只提供主题，充分发挥学生能动性和创造性，让学生自主完成。

3.2 实践教学考核方法

《网页制作》这门课程的评价模式采用“6C”模式(C是指Combine With)，即通过6个方面相结合综合评价学生的知识掌握情况、技能水平和综合素质。1C是指将课程考核、综合实训与职业技能鉴定相结合；2C是指将笔试、操作、制作作品、开发产品相结合;3C是指将成绩评定与等级评定相结合;4C是指将教师、学生、专家评价相结合；5C是指将学校、企业、社会评价相结合；6C是指将形成性评价与终结性评价相结合。

本课程的实训考核的评价标准如表2所示：

根据职业技能鉴定网页制作模块的考核评分点及评分标准，由职业技能鉴定机构评定其职业技能等级。职业技能等级分为高级网页制作员和中级网页制作员，所有开设《网页设计与制作》课程的计算机专业的学生要求通过高级网页制作员考试，非计算机专业的学生要求通过中级网页制作员考试。

工学结合作品主要来自四个途径：一年一度的电脑艺术节的参赛作品，毕业设计作品，承接企业或部门的网站开发作品，这些作品根据各自的评定标准进行评价，对于参加比赛的优秀作品颁发荣誉证书。

表2 《网页制作》课程实训考核的评定标准

4. 结束语

课题组在大量调查研究、理论研究和实践探索的基础上，针对目前网页制作实践能力培养中存在的问题，构建了“两阶段”、“六层次”和“八环节”的分层次立体化的网页制作实践能力培养体系，解决了网页制作实践能力培养的环节和途径问题，有效地培养了学生的实践能力和创新精神。在教学实践中，按照“单元实训与综合实训相结合”、“课内实训与课外实训相结合”的思路，不断探索、不断创新教学模式。在“面向岗位实操能力”实践教学培养模式上，打破了专业、年级的界限，组建了课程学习兴趣小组，形成了“高年级与低年级融为一体”、“不同专业学生融为一体”的自主性、研究性学习模式，学生的实践能力和创新精神得到了极大的提高。

参考文献：

[1] 谢晓能. “层次化”任务驱动教学模式提升高职学生网页制作能力的实践[J]. 南京广播电视大学学报，2009，(3).

[2] 杨尚森，李福华.网页制作课程立体化教学体系建设的研究[J]. 洛阳理工学院学报(自然科学版)，2010，(3).

[3] 陈宗荣，董加强，岳付强. “项目化、层次化”的计算机专业课外实践教学体系构建与实践[J]. 西昌学院学报(自然科学版) ，2011，(9).

[4] 马金钟. 适应创新人才培养的立体化教学模式研究 [D]， 延边:延边大学，2005.

[5] 李敏虹. Dreamweaver CS5入门与提高[M]. 北京:清华大学出版社，2012.

[6] 邢丽冬， 潘双来， 王勤等. 立足基础面向学科构建电路理论课程的立体化教学体系[J].电气电子教学学报，2006，28(3).