论文部分内容阅读
【摘要】《静态网页制作》课程是高职计算机类各专业开设的专业必修课，本课程具有很强的职业性和实践性，非常适合项目化教学。为使本课程的项目化教学更加突出职业性和实践性，本文针对高职学生的学情，并借鉴目前国内IT企业培训机构所采用的一些教学方式（方法），试图探索阶段性项目化教学在本课程教学实践中的应用。
【关键词】高职教育 网页制作 阶段性项目化教学
【中图分类号】G712 【文献标识码】A 【文章编号】2095-3089（2013）12-0254-02
1.阶段性项目化教学概述
在高职院校中，传统教学的方式是教师面对学生重在专业知识和技能的讲解，而忽视实践性教学环节，更是缺乏相应的教学方法和手段的改革和创新。随着高职教育的发展，这种传统教学方式的弊端也日益明显起来，教学方法和手段的改革已迫在眉睫。需要一种适合高职学生学习专业知识技能，行之有效的教学方式（方法），既要遵循学习规律——由浅入深、循序渐进，使高职学生能较为全面地掌握课程的基本知识，又要能为胜任未来的岗位工作而强化训练岗位技能，提升相应的职业能力。当下，以任务为载体，基于工作过程的项目化教学，无论是教学内容、还是教学方法，教学过程、还是教学评价，处处体现出高职教育教学的特征——职业性、实践性和开放性，已被越来越多的高职课程教学所采用。然而，由于各种课程的不同教学特点和要求，课程的项目化教学设计及其实施并非千篇一律。此门课程自采用项目化教学以来，前期使用项目化教学过程中，由于采用完全基于工作过程的项目化教学方法，缺乏基础知识技能的系统讲解，在教学执行中，经常出现如下情况：在执行的项目时，因项目综合性强，而学生基本知识和技能不系统和缺乏导致中断项目执行，转而进行基础知识技能补讲环节，从而影响项目教学的正常进行，对学生而言也感觉课程学习上存在难度。在进行充分了解目前内IT培训机构类似课程的教学方法和教师间教学法交流后，采用“阶段性”的项目化教学设计进行教学实践，通过阶段性项目化教学方法的实施不仅提高本课程的教学效果，也能为今后进行系统性的项目化教学整体设计作铺垫。
所谓阶段性项目教学是在“以任务为载体，基于工作过程的项目化教学”的基本框架内融合目前国内IT培训机构所采用的一些教学方式，设计课程教学、实施课程教学。阶段性项目教学在项目设计上依然采用项目化的教学理念与教学方式，其特点就在于阶段性。主要是设计适合高职学生学习的、具有不同层次的（基础与进阶）项目，序化成阶段性教学内容和阶段性基于工作过程项目。首先，对阶段性项目进行分析，确定完成项目所需要的基本技能，并融入相应的知识点作为项目教学内容后，首先对相应的知识和技能进行系统讲解与练习；然后，根据不同的项目内容，采用与其相适应的多种教学方法和手段，强化技能训练；继而通过深化校企合作，乃至采取工学结合的教学模式，按照“基于工作过程”的项目化教学基本要求，实施各“阶段性项目”教学，充分体现职业性、实践性和开放性的高职课改要求。
2.阶段性项目化教学设计
2.1设计思路
《静态网页制作》课程主要培养学生能够利用“DIV+CSS”进行静态网页制作。主要知识技能包括：（1）网页制作相关概念、（2）HTML常用标签、（3）CSS使用、（4）表格布局和（5）DIV+CSS 等等。在进行阶段性项目设计时，既充分考虑目前企业中网页制作员和前端开发工程师岗位特点，同时又紧密结合高职学生的学习特点。通过与企业从事UI开发人员进行岗位调研与分析，全面了解岗位所需要的基本技能和岗位要求，进而确定对阶段性知识技能和项目的选取，遵循学生的学习规律进行项目教学设计，由浅入深、循序渐进——分阶段（不同层次要求）——阶梯式的“拾级而上”，对各个阶段性项目的知识技能，要求逐个深入，其技能难度和（岗位工作的）实践性也必须依次有所提升。静态网页制作由浅入深分为三个阶段，第一阶段：HTML常用标签、CSS的基础和利用表格布局制作网页等；第二个阶段： CSS的深入应用，盒子模型，定位与浮动，利用DIV+CSS进行网页布局与制作；第三阶段：DIV+CSS综合高级应用。对于上述三个阶段又分别设计基础技能完成后的阶段性项目，阶段性项目设计依然完全采用基于工作过程方式进行，从而达到巩固和应用知识技能的目的。本门课程总体设计三个阶段性项目，前两个项目属于基础项目，一是要求学生掌握基本知识与技能，二是要求熟练运用静态网页制作的技能，提升自主学习能力，学会常用的制作技巧；而第三个项目则是通过深化校企合作，并希望采用工学结合教学模式的实战（岗位工作的）进阶项目。
2.2阶段性项目设计
2.2.1基础项目设计
第一阶段项目设计：汽车配件网站，此阶段项目选取采用表格布局方式。包含知识技能：HMTL常用标签，CSS基础和利用表格与CSS相结合制作网页，表格布局虽然目前在企业前端开发中基本不再使用，但考虑到网页制作发展历程和表格布局也确实还有一些优势的地方可取，包括网页标准倡导者谷歌公司网站版面上依然可以见到表格布局的页面，所以第一个阶段主要采用表格结合CSS进行。
第二阶段项目设计：地产类型网站，主要采用目前流行的DIV+CSS方式进行页面布局与制作。包含知识技能：深入CSS盒子模型，浮动与定位和常用的DIV+CSS布局方法与页面制作，同时加强利用fir？鄄bug插件火狐浏览器下进行查看网页CSS样式和借鉴学习网上经典的一些网页布局方法和制作网页的技巧，以提升学生自主学习能力。
2.2.2进阶项目设计
此阶段属于进阶项目，让学生了解到基本熟悉网页前端的界面设计、美工设计和页面制作岗位分工和流程，重点是让学生对DIV+CSS技术综合应用，后期则要求学生进行目前主流的四种浏览器内核的代表浏览器进行兼容性测试，此阶段项目采用校企合作方式或岗位式工学结合方式进行，有企业人员参与，完全按照企业岗位要求的业务流程而进行，在企业人员和教师的共同参与下，由学生比较独立自主完成。项目选取主要结合目前主流门户型网站中较为经典的页面而设计，知识技能应用综合性强，这样不但可以巩固学生所学知识技能，同时校企合作，让学生熟悉企业岗位业务流程，突出职业性特点。因此项目选取最终由企业人员和教师共同选取，每年会根据目前网站比较主流的布局和制作方式而有不同。 3.教学实施
在阶段性项目设计完成后，接下来就是如何行之有效地对其进行实施，首先考虑的应是教学方法和手段。
3.1采用多种教学方法
前两个基础项目实施，首先，由教师进行项目操作演示，初步讲解完成项目的流程，而重点向学生详细介绍项目中所包含的基本知识和技能，而在基本知识技能教学环节完成后，则进行阶段性项目教学。为巩固已学的基本知识与技能，同时布置适量的操作练习（网页作品），而后则采用学生相互点评，以及采取师生互动的方式——由教师点评讲解具有代表性的学生练习作品，一方面用以当堂检查学习效果，另一方面也可以督促学生的进一步学习。
在教学上应用多种教学方法，采用任务驱动法，提问法，引导法，案例法等都可以加强师生互动。此外，教师也会重点介绍网络上现有的经典网站，通过利用一些工具、或方法剖析这些经典网站的制作思路和实现方法，如火狐浏览器中的fire-bug插件的使用，从而引导学生更新被动学习为主动学习，促进自主学习能力的提升。为了能够方便学生课后自主学习，本课程还建立了课程学习网站，网站上提供丰富的课程资源，为开创课内课外学习一体化提供条件。
3.2深化校企合作
在本课程最后一个阶段性项目——进阶项目（网站设计）实施中，拟聘请企业技术人员进课堂参与教学，由企业技术人员、教师和学生共同完成项目（工作任务），教学过程与岗位工作流程紧密结合。首先，由企业技术人员面向学生进行工作动员：介绍项目背景，布置项目任务，提出工作要求；然后，学生、企业技术人员、教师三方各就各位投入工作，如，学生分组（可两人一组）查询资料、相互讨论、按岗位（或分工）工作流程保质保量完成各自的工作任务、撰写说明书等；企业技术人员和教师共同面对学生进行现场辅导（答疑）；项目完成后，先经学生自评，后由企业技术人员及教师分别进行点评，指出学生完成的项目（网站设计）作品的优点与不足，督促再次修改，多次往复、精益求精——这不仅是一种工作方法，而更是一种工作责任。进阶项目教学过程实施，不仅能使学生在体验未来工作岗位中基本流程，获得相关的静态网页制作的技能与技巧；同时也会提升任课教师的专业知识和技能，这将有利于进一步深化高职课程教学改革。
4.课程考核与评价
阶段性项目教学方式重在训练学生完成（网站设计）项目的“实战”技能，传统的考核方式显然不能很好地考核学生的学习效果。因此，本课程必须采用“基于项目化的过程性”考核评价方式，即学生的最终成绩评定：一是由课程教学中的三个项目完成情况（包含学生自评、以及教师、企业技术人员的点评），分别按一定比例来构成，按334比例构成；二是为了能最大程度上督促学生独立完成（网站设计）项目，期末将随机抽取不同成绩段的学生进行课程答辩，答辩则采用提问方式进行，问题由浅入深进行，再将答辩结果（成绩）计入课程成绩。
5.结束语
近几年来，笔者和同仁通过此门课程教学实践效果前后比较，采用完全项目化和阶段性项目两种教学方法，经过教学实践情况表明，后者教学效果良好。
应用阶段性项目化教学理念设计《静态网页制作》课程教学，一是遵循学生的学习规律——阶段性的项目由浅入深、循序渐进，比较适合高职学生的学习；二是基于工作过程的项目化教学，符合高职教育教学的特征——职业性、实践性和开放性。
阶段性项目化教学对学生而言，所学知识更易于消化吸收，也能比较全面地掌握基本制作技能，在基于工作过程的教学环境（尤其是进阶项目教学过程）中，通过“实战”技能的训练，不但培养了学生自主学习的能力，而且也有助于提高学生的职业素养，这最终会促进学生今后在真正的职业岗位上的终身学习。对教师而言，通过阶段性项目化教学，与企业技术人员的紧密合作，能及时了解到专业技能在市场中的最新应用情况；与学生们一起完成项目任务的同时，也能共同体验岗位工作的职业能力需求，这两者都可以为启动新一轮的课程改革提供目标与任务。
参考文献：
[1]杨乃如，冯霞.基于项目化的静态网页制作课程的实践探索[J].黑龙江科技信息，2011，33：203.
[2]王鹰汉，杨明宇.项目教学法在《网页设计》课程中的应用[J].南昌教育学院学报，2013，07：89+93.
[3]高亚平，高洁，张静.高职《网页设计与制作》教学探索与实践[J].华中师范大学学报（人文社会科学版），2013，S3：169-172.
[4]张晓娟，张琳林.高职项目化课程教学评价体系探析[J].河南科技，2013，16：249-250.
作者简介：
谭春茂（1977-），男，讲师，上海农林职业技术学院，研究方向：web开发和高职教学方法研究。
【关键词】高职教育 网页制作 阶段性项目化教学
【中图分类号】G712 【文献标识码】A 【文章编号】2095-3089（2013）12-0254-02
1.阶段性项目化教学概述
在高职院校中，传统教学的方式是教师面对学生重在专业知识和技能的讲解，而忽视实践性教学环节，更是缺乏相应的教学方法和手段的改革和创新。随着高职教育的发展，这种传统教学方式的弊端也日益明显起来，教学方法和手段的改革已迫在眉睫。需要一种适合高职学生学习专业知识技能，行之有效的教学方式（方法），既要遵循学习规律——由浅入深、循序渐进，使高职学生能较为全面地掌握课程的基本知识，又要能为胜任未来的岗位工作而强化训练岗位技能，提升相应的职业能力。当下，以任务为载体，基于工作过程的项目化教学，无论是教学内容、还是教学方法，教学过程、还是教学评价，处处体现出高职教育教学的特征——职业性、实践性和开放性，已被越来越多的高职课程教学所采用。然而，由于各种课程的不同教学特点和要求，课程的项目化教学设计及其实施并非千篇一律。此门课程自采用项目化教学以来，前期使用项目化教学过程中，由于采用完全基于工作过程的项目化教学方法，缺乏基础知识技能的系统讲解，在教学执行中，经常出现如下情况：在执行的项目时，因项目综合性强，而学生基本知识和技能不系统和缺乏导致中断项目执行，转而进行基础知识技能补讲环节，从而影响项目教学的正常进行，对学生而言也感觉课程学习上存在难度。在进行充分了解目前内IT培训机构类似课程的教学方法和教师间教学法交流后，采用“阶段性”的项目化教学设计进行教学实践，通过阶段性项目化教学方法的实施不仅提高本课程的教学效果，也能为今后进行系统性的项目化教学整体设计作铺垫。
所谓阶段性项目教学是在“以任务为载体，基于工作过程的项目化教学”的基本框架内融合目前国内IT培训机构所采用的一些教学方式，设计课程教学、实施课程教学。阶段性项目教学在项目设计上依然采用项目化的教学理念与教学方式，其特点就在于阶段性。主要是设计适合高职学生学习的、具有不同层次的（基础与进阶）项目，序化成阶段性教学内容和阶段性基于工作过程项目。首先，对阶段性项目进行分析，确定完成项目所需要的基本技能，并融入相应的知识点作为项目教学内容后，首先对相应的知识和技能进行系统讲解与练习；然后，根据不同的项目内容，采用与其相适应的多种教学方法和手段，强化技能训练；继而通过深化校企合作，乃至采取工学结合的教学模式，按照“基于工作过程”的项目化教学基本要求，实施各“阶段性项目”教学，充分体现职业性、实践性和开放性的高职课改要求。
2.阶段性项目化教学设计
2.1设计思路
《静态网页制作》课程主要培养学生能够利用“DIV+CSS”进行静态网页制作。主要知识技能包括：（1）网页制作相关概念、（2）HTML常用标签、（3）CSS使用、（4）表格布局和（5）DIV+CSS 等等。在进行阶段性项目设计时，既充分考虑目前企业中网页制作员和前端开发工程师岗位特点，同时又紧密结合高职学生的学习特点。通过与企业从事UI开发人员进行岗位调研与分析，全面了解岗位所需要的基本技能和岗位要求，进而确定对阶段性知识技能和项目的选取，遵循学生的学习规律进行项目教学设计，由浅入深、循序渐进——分阶段（不同层次要求）——阶梯式的“拾级而上”，对各个阶段性项目的知识技能，要求逐个深入，其技能难度和（岗位工作的）实践性也必须依次有所提升。静态网页制作由浅入深分为三个阶段，第一阶段：HTML常用标签、CSS的基础和利用表格布局制作网页等；第二个阶段： CSS的深入应用，盒子模型，定位与浮动，利用DIV+CSS进行网页布局与制作；第三阶段：DIV+CSS综合高级应用。对于上述三个阶段又分别设计基础技能完成后的阶段性项目，阶段性项目设计依然完全采用基于工作过程方式进行，从而达到巩固和应用知识技能的目的。本门课程总体设计三个阶段性项目，前两个项目属于基础项目，一是要求学生掌握基本知识与技能，二是要求熟练运用静态网页制作的技能，提升自主学习能力，学会常用的制作技巧；而第三个项目则是通过深化校企合作，并希望采用工学结合教学模式的实战（岗位工作的）进阶项目。
2.2阶段性项目设计
2.2.1基础项目设计
第一阶段项目设计：汽车配件网站，此阶段项目选取采用表格布局方式。包含知识技能：HMTL常用标签，CSS基础和利用表格与CSS相结合制作网页，表格布局虽然目前在企业前端开发中基本不再使用，但考虑到网页制作发展历程和表格布局也确实还有一些优势的地方可取，包括网页标准倡导者谷歌公司网站版面上依然可以见到表格布局的页面，所以第一个阶段主要采用表格结合CSS进行。
第二阶段项目设计：地产类型网站，主要采用目前流行的DIV+CSS方式进行页面布局与制作。包含知识技能：深入CSS盒子模型，浮动与定位和常用的DIV+CSS布局方法与页面制作，同时加强利用fir？鄄bug插件火狐浏览器下进行查看网页CSS样式和借鉴学习网上经典的一些网页布局方法和制作网页的技巧，以提升学生自主学习能力。
2.2.2进阶项目设计
此阶段属于进阶项目，让学生了解到基本熟悉网页前端的界面设计、美工设计和页面制作岗位分工和流程，重点是让学生对DIV+CSS技术综合应用，后期则要求学生进行目前主流的四种浏览器内核的代表浏览器进行兼容性测试，此阶段项目采用校企合作方式或岗位式工学结合方式进行，有企业人员参与，完全按照企业岗位要求的业务流程而进行，在企业人员和教师的共同参与下，由学生比较独立自主完成。项目选取主要结合目前主流门户型网站中较为经典的页面而设计，知识技能应用综合性强，这样不但可以巩固学生所学知识技能，同时校企合作，让学生熟悉企业岗位业务流程，突出职业性特点。因此项目选取最终由企业人员和教师共同选取，每年会根据目前网站比较主流的布局和制作方式而有不同。 3.教学实施
在阶段性项目设计完成后，接下来就是如何行之有效地对其进行实施，首先考虑的应是教学方法和手段。
3.1采用多种教学方法
前两个基础项目实施，首先，由教师进行项目操作演示，初步讲解完成项目的流程，而重点向学生详细介绍项目中所包含的基本知识和技能，而在基本知识技能教学环节完成后，则进行阶段性项目教学。为巩固已学的基本知识与技能，同时布置适量的操作练习（网页作品），而后则采用学生相互点评，以及采取师生互动的方式——由教师点评讲解具有代表性的学生练习作品，一方面用以当堂检查学习效果，另一方面也可以督促学生的进一步学习。
在教学上应用多种教学方法，采用任务驱动法，提问法，引导法，案例法等都可以加强师生互动。此外，教师也会重点介绍网络上现有的经典网站，通过利用一些工具、或方法剖析这些经典网站的制作思路和实现方法，如火狐浏览器中的fire-bug插件的使用，从而引导学生更新被动学习为主动学习，促进自主学习能力的提升。为了能够方便学生课后自主学习，本课程还建立了课程学习网站，网站上提供丰富的课程资源，为开创课内课外学习一体化提供条件。
3.2深化校企合作
在本课程最后一个阶段性项目——进阶项目（网站设计）实施中，拟聘请企业技术人员进课堂参与教学，由企业技术人员、教师和学生共同完成项目（工作任务），教学过程与岗位工作流程紧密结合。首先，由企业技术人员面向学生进行工作动员：介绍项目背景，布置项目任务，提出工作要求；然后，学生、企业技术人员、教师三方各就各位投入工作，如，学生分组（可两人一组）查询资料、相互讨论、按岗位（或分工）工作流程保质保量完成各自的工作任务、撰写说明书等；企业技术人员和教师共同面对学生进行现场辅导（答疑）；项目完成后，先经学生自评，后由企业技术人员及教师分别进行点评，指出学生完成的项目（网站设计）作品的优点与不足，督促再次修改，多次往复、精益求精——这不仅是一种工作方法，而更是一种工作责任。进阶项目教学过程实施，不仅能使学生在体验未来工作岗位中基本流程，获得相关的静态网页制作的技能与技巧；同时也会提升任课教师的专业知识和技能，这将有利于进一步深化高职课程教学改革。
4.课程考核与评价
阶段性项目教学方式重在训练学生完成（网站设计）项目的“实战”技能，传统的考核方式显然不能很好地考核学生的学习效果。因此，本课程必须采用“基于项目化的过程性”考核评价方式，即学生的最终成绩评定：一是由课程教学中的三个项目完成情况（包含学生自评、以及教师、企业技术人员的点评），分别按一定比例来构成，按334比例构成；二是为了能最大程度上督促学生独立完成（网站设计）项目，期末将随机抽取不同成绩段的学生进行课程答辩，答辩则采用提问方式进行，问题由浅入深进行，再将答辩结果（成绩）计入课程成绩。
5.结束语
近几年来，笔者和同仁通过此门课程教学实践效果前后比较，采用完全项目化和阶段性项目两种教学方法，经过教学实践情况表明，后者教学效果良好。
应用阶段性项目化教学理念设计《静态网页制作》课程教学，一是遵循学生的学习规律——阶段性的项目由浅入深、循序渐进，比较适合高职学生的学习；二是基于工作过程的项目化教学，符合高职教育教学的特征——职业性、实践性和开放性。
阶段性项目化教学对学生而言，所学知识更易于消化吸收，也能比较全面地掌握基本制作技能，在基于工作过程的教学环境（尤其是进阶项目教学过程）中，通过“实战”技能的训练，不但培养了学生自主学习的能力，而且也有助于提高学生的职业素养，这最终会促进学生今后在真正的职业岗位上的终身学习。对教师而言，通过阶段性项目化教学，与企业技术人员的紧密合作，能及时了解到专业技能在市场中的最新应用情况；与学生们一起完成项目任务的同时，也能共同体验岗位工作的职业能力需求，这两者都可以为启动新一轮的课程改革提供目标与任务。
参考文献：
[1]杨乃如，冯霞.基于项目化的静态网页制作课程的实践探索[J].黑龙江科技信息，2011，33：203.
[2]王鹰汉，杨明宇.项目教学法在《网页设计》课程中的应用[J].南昌教育学院学报，2013，07：89+93.
[3]高亚平，高洁，张静.高职《网页设计与制作》教学探索与实践[J].华中师范大学学报（人文社会科学版），2013，S3：169-172.
[4]张晓娟，张琳林.高职项目化课程教学评价体系探析[J].河南科技，2013，16：249-250.
作者简介：
谭春茂（1977-），男，讲师，上海农林职业技术学院，研究方向：web开发和高职教学方法研究。