《网页制作》课程教学改革研究与初探

刘颖

摘要：在我校进行示范校建设教学改革的背景下，网页制作课程明确课程定位并确立了知识、能力、素质教学目标，在课程职业定位中引入企业岗位定位，并在整个教学过程中将企业工作过程贯穿其中，使学生参与项目开发全过程。下面主要从网页制作课程的现状、背景分析、课改思路、组织实施及考核等几个方面进行介绍。

关键词：网页制作；教学改革；项目设计；企业岗位

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2015）36-0076-02

1 课程现状

《网页制作》课程开设十几年来，在教学模式上由原来的知识点传授过渡到现在的项目化教学模式，以理论讲授和实践相结合的方式，经过长期的教学实践，取得了一定的成果。

但是，随着互联网技术的进步与发展，网站技术以及企业的岗位需求发生了变化，当前的教学模式和教学内容已经不适应现在的变化，知识内容陈旧，不符合企业实际工作所需，不利于学生学习主动性的培养。课程知识内容的陈旧，不利于知识能力的培养，学生在学校学习后，学生的实践操作能力不强，无法到企业中找到合适的工作岗位，学生所学到的知识和技能与企业所需脱节。

经过具体分析，总结当前本课程在教学过程中主要存在以下几个问题：

1）课程内容陈旧、冗余

课程内容和实际工作内容脱节，没有完全跟上技术的更新，向学生传授的知识在企业中用不到，学生不能在学校学到企业需求的知识技能。

2） 职业能力培养没有得到实际的训练

学生的学习过程是在校园内完成的，知识讲授方式的教学缺少实际的工作情境和动手能力的培养，对学生的职业能力学习是不利的。对于高职院校的学生来说，他们缺乏抽象思维，没有具体的企业情境的知识灌输，职业能力得不到实践的锻炼，学生的学习效果显然是难以收到成效的。

3）学生学习兴趣不高、学习不主动，掌握效果不理想。

授课内容倾向于知识点的讲授，讲完给学生布置一些任务进行练习，学生不明确学完之后能从事什么工作，不利于调动学生学习的积极性和主动性。

4）本课程教学过程中缺少素质能力的培养

传统的知识点讲授方式的教学不利于素质能力的培养，缺少团队合作、交流和沟通等。

2 背景分析

课程改革团队成员深入包括沈阳蓝德科技有限公司、沈阳恒昊互联网络有限公司、沈阳华商网络有限公司在内的十余家网站建设相关企业进行走访调研，并采用问卷调查的方式对网页制作人才岗位职责、职业技能、综合素质进行资料收集汇总分析。下面从课程面向岗位、岗位晋升、及岗位对应工作任务和工作流程方面进行分析。

2.1 课程面向岗位

《网页制作》课程面向设计助理，网页设计师和Web前端工程师三个岗位。典型工作任务分析如下表所示。

2.2 岗位晋升

2.3 工作流程

根据调研，将企业实际工作岗位的工作流程和相对应的岗位进行规划总结，总结流程如下图所示。

2.4 课程目标

通过本课程的学习，使学生熟悉网页制作基本理论知识，掌握网页制作基本方法，能完成网页设计与网站制作工作，培养爱岗敬业、团队合作素质，适应网页制作岗位的需要，同时为学习电子商务网站开发、网站综合实训课程打好坚实的基础。

《网页制作》课程的知识目标、能力目标、素质目标内容如下：

知识目标：

① 了解各种网站结构；了解网页元素；了解WEB标准；

② 熟悉Photoshop常用工具；熟悉Dreamweaver工作界面；

③ 理解网站制作的一般流程：网站规划、网页设计、网页制作；

④ 理解HTML语言中的各种文本格式、字符格式、段落设置、列 表、标记；

⑤ 理解CSS样式表的应用；理解CSS盒子模型；

⑥ 理解表格、框架、层、表单、模版的作用；

⑦ 了解网站链接、网站域名、网站空间、上传网站的概念。

能力目标：

① 能使用Photoshop完成网站Logo设计、网页效果图设计；

② 能熟练使用Dreamweaver进行站点结构搭建、表格和框架页面布局的设计；

③ 能熟练使用Dreamweaver进行模版的创建、表单页面的制作；

④ 能用CSS层叠样式表设计网页样式；能应用CSS盒子模型进行网页布局优化；

⑤ 能熟练使用HTML语言中的标记设置颜色、文本格式和列表；

⑥ 能在HTML中嵌入JavaScript代码，能简单修改JavaScript特效代码；

⑦ 能够检查网站链接、网站兼容性等网站优化问题；能够注册域名、申请空间、发布网站。

素质目标：

① 设计美感：网页设计图要满足客户需求，同时也要看着舒服

② 爱岗敬业：能够不怕苦、肯加班、具有高度责任心

③ 团队合作：在完成较大网站项目时具有良好的团队合作精神

④ 沟通交流：与客户和后台设计人员具有良好的沟通能力

3 课程改革整体设计思路

《网页制作》课程将以实际工作情境为中心，以企业的工作过程为课改导向，以培养学生实践操作为主线，以企业实际工作任务为单位，将所学知识内容融入到企业工作任务中去。

针对本课程，设计了“思博数码有限公司”的企业网站作为贯穿整个课程的综合项目，该项目划分为9个子项目，分别为“数码类网站浏览”、“思博数码LOGO设计”、“页面效果图设计”、“思博数码主页制作”、“思博数码子页制作”、“优化思博数码主页布局”、“优化思博数码导航”、“制作思博数码轮播广告”、“发布思博数码网站”。

各个子项目的编排按企业实际工作流程，之间呈递进关系，由简单到复杂，所对应的岗位由低到高，使学生真实感受到岗位提升的过程，以及每个岗位所应完成的工作任务。学生在学习过程中既掌握了相应的专业知识，又培养了实际操作能力和相关的职业素质。

将每个子项目划分成若干个子任务，再进行细致的单元教学设计。在每个子项目中对应设置知识任务、能力训练任务，并在教学过程中贯穿职业素质的培养。

每个子项目教学结束后，都要进行一次考核，并且综合项目结束后，再进行一次综合考核。子项目的考核可采取小组同学互评，老师总评的方式，综合考核完成一个企业实际的网站项目，考核结果由企业是否使用为标准，全面考核学生对知识的掌握及能力、素质的培养情况。

4 组织实施及考核

4.1 课程实施方法与手段

首先，本课程在开课之初，按照班级总人数进行分组，大概5人为一个小组，最多每组不超过6人，小组成员尽量按照学习能力均衡分布，每个小组一个项目组长，负责小组的整体事务。

其次，在课程实施过程中，使用企业真实的网站案例，教学过程是否能取得好的效果主要取决于项目的选择，一个好的项目案例，既能提高学生的学习兴趣，又能充分锻炼学生的实践操作能力，因此，教学实施过程中，按照企业建站流程，结合实际工作岗位所要完成的工作任务，设计教学内容，灵活设计教学方式，对于知识点的传授采取讲授和微课的形式组织学生学习，对于实际操作部分，直接设置工作任务，让学生自己开动脑筋，独立完成，在过程中遇到问题同学间可相互讨论，最终作品学生在班级展示，讲解制作过程和方法，学生互评。

课下利用“蓝墨云班课”加强互动学习和资源共享。利用云班课中的讨论、答疑解决学生学习中遇到的问题，增强老师与学生之间、学生与学生之间的互动；利用测试功能完成课下的考核；利用资源管理发布学习资源，扩展学习内容。

课程最后三周，将进行真正的实战，即学生们以小组为单位，到企业中去调研，获得企业的建站需求，小组成员互相讨论，制定适合企业需求的网站策划书，然后和企业的负责人进行沟通确认，完善网站需求策划，接下来，完成网站的首页设计，设计版式在得到企业认可后，小组成员分工完成首页及内页的制作工作，最后由小组组长对各个页面进行链接，整合，小组成员分别对网站进行链接、内容等测试，最后发布到互联网上，整个网站的策划到最终完成均有学生自己完成。要完成一个网站的建设工作，必须先制定项目计划，然后设计制作，最后发布，只有按照网站的特定开发工作流程，才可以设计制作出客户满意的网站。

4.2课程考核方法

本课程考核方法取消笔试考试。采用子项目考核、课外学习考核、实习考核相结合的方式。课内考核占50%，课外考核20%，实习考核30%。

1）子项目考核方式，学生五人分为一个项目小组，项目组定期进行成果展示、小组之间进行答辩，互评和老师评分相结合；

2）课外学习考试方式，根据学生登录“蓝墨云班课”APP的次数和互动，完成任务的数量评分；

3）实习考核方式，学生实现的是一个完善的、可发布、可供企业实际应用的网站，作品以企业是否采用为主要考核标准，激发学生的学习兴趣。

5 课程改革要解决的问题

1）完善《网页制作》课程标准，对课程实行能力教学，突出能力目标，强化岗位适应性。

2）修订《网页制作》项目化教材，删减修改原有知识内容，按照项目设计教材内容，使其符合岗位知识、企业能力的需求。

3）引入“蓝墨云班课” APP软件，学生可通过手机随时随地学习，促进课外学习的主动性，加强师生之间、学生之间的互动，提高学习兴趣。

4）将学生分成若干工作项目组，在学习过程中能够相互交流、互助互爱，通过项目组之间的竞争，提升团队意识，促进学生素质目标的培养。

5）完善教学资源库建设，解决课程教学中资源不足的问题。

6）改善教学方法和教学手段，通过顶岗实习、企业实战，在技能方面提高学生的实践能力以及独立完成项目的能力。

6 结论

“路漫漫其修远兮，吾将上下而求索”，课程改革是一项任重而道远的工作。《网页制作》课程教学方式方法的探索和改进以及教学手段的完善，对提高本课程的教学效果，增强学生学习的兴趣方面都起到了非常有效的作用，但在具体的改革过程中也将遇到各种各样的问题，我们课程改革团队成员将克服困难，不断进取，将课程改革继续完善、推进、发展。

参考文献：

[1] 王纪凤，李鹏，张裕飞，等. 网页制作课程教学探讨[J].中国现代教育装备，2007（12）：46-47.

[2] 滕岩，王鑫，林冰.基于真实企业项目的商务网站设计与制作课程改革[J].科教导刊，2014（6）：106-108.

[3] 熊凯.高职院校《网页制作》课程教学的几点体会[J].科教论坛，2006（4）.

[4] 王晓红，周立.《网页设计与制作》课程教学改革[J].北京联合大学学报：自然科学版，2006（4）.