模拟公司项目教学模式在“网页设计与制作”课程中的应用

尹积栋+谢茶花+邓德平+刘红+彭崧

摘要：针对面向高职开设网页设计与制作课程过程中普遍存在的教学效果不明显、学生学习兴趣不易维持等问题，本文提出了一种模拟公司项目教学模式，通过将该模式运用到网页设计与制作课堂教学中，提升了教学效率，激发了学生的学习积极性，推动了计算机应用技术学科发展，最终在提高毕业生就业竞争力方面发挥了重要作用。

关键词：项目教学；网页设计；教学模式

中图分类号：G719.21 文献标识码：A 论文编号：1674-2117（2017）23-0096-03

● 引言

网页设计与制作课程已成为当今社会上一种比较热门的课程和技术。网页设计与制作是一门来源于实践的课程，其中静态网页设计和动态数据显示的实用性非常强，在企业管理、工程设计、软件技术等多个领域都有应用。因此，该门课程不单单在软件技术相关专业开设，在越来越多的高职院校非专业学科也有开设。

笔者针对所在学院计算机应用技术专业的应用型人才培养模式，在广泛调研国内外相关课程教学改革的基础上，对网页设计与制作课程的教学设计和教学过程提出了“模拟公司项目教学”的教学模式，即学习模仿公司项目，通过共同实施一个完整的实践项目或具有应用价值的工作來进行教学活动，教学内容以真实项目为载体进行构建，教学方法采用教学过程工程化的做法，让学生充当公司项目组成员，充分调动学生的学习主动性。

● 模拟公司项目教学模式的设计

1.网页设计与制作教学整体框架

网页设计与制作课程的教学路线主要以开发学院教务处网站项目为主线，引入软件工程开发流程，完全模拟公司软件开发项目实践，笔者发动学生担任软件开发中的各个角色，体验开发和设计过程，网页设计与制作教学整体框架如图1所示。

2.实际应用

（1）模拟公司工作条件建立

工作学习条件直接影响学生的学习积极性和教学效果，在启动项目教学之前，教学的物质环境、工作学习场所和学习开发工具的布置要到位，使学生能感受到真实公司工作环境，在学习过程中能较清晰地了解软件企业的业务流程，提高项目软件开发能力。网页设计与制作的环境布置需要参照软件企业的实际工作环境，结合学校实训机房的条件，规划和设计合适的教学环境。

在硬件配置方面，在实训机房挑选一台计算机作为服务器，并装上IIS服务器和配置相关参数，确保网页站点能够运行和访问，实训机房所有计算机要实现局域计算机网络联网，方便学生项目的提交和项目验证。在软件配置方面，实训机房所有计算机需要安装企业使用的专业网页开发工具、数据库和办公软件，并安装有多媒体教学控制系统。

（2）项目调研

模拟公司项目小组开展软件项目调研和分析，将学生分成多个小组，各小组在教师的指导下调研软件业务需求，这里主要是调研教务处业务流程和需求，各小组按照调研工作过程做好项目需求分析工作，并撰写项目需求分析说明书。

（3）项目站点搭建

搭建项目站点是开展软件开发工作的第一步。一方面，统一站点管理，方便软件文件管理；另一方面，方便软件测试，随时可以检查软件开发效果。在项目站点搭建过程中，需要做好项目文件结构的设计，如源码文件、图片文件、样式文件和数据库文件等。

（4）项目布局结构与美化设计

各开发小组需要结合之前做好的项目调研分析结果，在符合客户需求的情况下，设计合适的网页布局结构和网页主色调，在本项目中采用网页三列布局结构，在色调上结合了教务处的工作性质，体现真诚朴实，选择了淡蓝色作为网页主色调。

（5）项目内容与动态设计

项目内容的设计要考虑到两点，一是内容要体现教务处的工作内容和性质，二是网页浏览者通过网页需要获取帮助或者某种需求，这就要求内容不仅要涵盖教务处所有工作，而且要方便浏览者了解教务处并获取所需要的信息。动态设计主要是为了在网页中醒目位置显示重要信息，让浏览器第一时间关注动态内容。

（6）项目数据库技术设计

在网页布局和内容设计好之后，为了方便数据的有效管理，需要引入数据库技术来对网页内容进行进一步优化，利用数据库访问和管理技术管理设计好的数据库，将内容实时动态显示在网页中。

（7）项目交互设计

交互设计主要设计网页后台登录页面和后台管理界面，登录页面主要是验证管理者的有效身份，后台管理界面主要涉及到教务处相关数据的增加、删除、查询和更新等操作。

（8）项目测试与发布

网页设计开发完成后，各小组还需要对网页进行整体功能和正确性测试，进一步优化更新网页，满足教务处和浏览者的使用需求。测试完成后，在提交成品前，各小组需要针对网页的使用撰写一份使用说明书，方便教务处快速熟悉软件的功能。

3.教学实施效果

在计算机应用技术专业实施模拟公司项目教学后，学生通过参与模拟真实公司项目活动和过程，感受真实的公司工作环境和工作过程，掌握完成任务所需的专业知识和技能，提高自身的职业素质。

本文模拟公司项目教学以开发教务处网站为出发点，按照公司软件开发业务流程，指导学生进行网页开发项目业务的操作实践，学生都能积极主动地参与到项目资源的收集、网页软件开发项目方案的调研和分析、网页设计、网页编码、网页测试和网页成品发布等工作中，学习环境跟实际岗位工作环境非常接近，学习不再枯燥乏味。

笔者在计算机应用技术专业2016级学生的网页设计与制作课程中，运用模拟公司项目教学模式，将所授课班级学生分成若干个项目小组，各个项目小组成员一同参与整个网页的开发过程，经过各个小组的共同努力，小组成员合作完成了教务处网站的开发制作，小组组员通过项目的锻炼，对软件项目的开发过程有了全面认识，也掌握了网页开发的基本语法、语句。

学生在项目学习中，明确了项目工作目标和业务流程，养成了自主研究的良好学习习惯和一丝不苟的精神。笔者做了一项调查统计，主要调查学生通过项目实践后，在自主学习、团队合作、工作责任等方面是否有提高（如图2）。调查结果显示，经过模拟公司项目学习工作后，学生的自主学习能力、团队合作能力、工作责任、沟通能力和分析解决问题的能力都有所提高。

● 教学模式研究展望

计算机应用技术专业人才培养的探索始于2015年，借鉴当今成熟的教学模式，笔者设计尝试了适合本校学生基本情况的教学模式，并取得了一些成绩，積累了经验和教训。同时，笔者借鉴软件公司项目的实践工作，将公司软件项目工作流程引入到课程项目教学中，设计了模拟公司项目教学模式和课程结构，经过完整的课程教学后，调查统计发现模拟公司项目教学模式在网页设计与制作课程教学中的应用取得了一定的成效，提升了学生的课堂学习效率。接下来的研究主要是网页设计与制作课程资源库的制作和设计，进一步研究课程结构按照模拟公司项目教学模式进行重新设计，并设计好课程资源库，进一步提升课堂教学效率。

参考文献：

[1]陈钰，王红梅，陈锋.“模拟公司”教学法在高职国际贸易实务课程教学中的实践与思考[J].职业时空，2009（3）.

[2]赵前斌.模拟公司教学要做好九个一[J].中国职业技术教育，2008（21）.

[3]赵晓丹.“软件公司”教学模式在实训课上的应用[J].吉林省经济管理干部学院学报，2012（4）.

[4]刘继平，彭跃湘.共享型实训基地建设及其工学结合人才培养的践行[J].中国高教研究，2008（3）.

[5]冯明兵.对高职“工作室化”教学模式几个关键问题的思考[J].教育与职业，2013（33）.

[6]张力克.关于高职高专艺术设计专业工作室制教学模式的探索[J].中国成人教育，2011（14）.

[7]苏世文.高职软件技术专业实训课程中的“模拟公司”教学模式[J].计算机教育，2012（8）.

[8]黄尧，唐可可.高职院校模拟公司教学模式创新研究[J].南宁职业技术学院学报，2011（6）.

[9]谭安雄.以职业能力为核心构建高职高专药学专业实践教学体系[J].卫生职业教育，2010（19）.

[10]侯建国，漆旭芳.高职实验室建设与管理现状分析及我院改革[J].江西化工，2008（2）.

[11]王建锋，吴新燕.高职院校专业核心课程建设和改革研究[J].教育与职业，2010（17）.

作者简介：尹积栋（1987—），男，江西省吉安市泰和县人，工程师、硕士，主要研究领域为知识管理与数据挖掘；谢茶花（1986—），女，江西省吉安市人，讲师、硕士，主要研究方向为教师教育。