网页设计与制作课程项目教学的设计与实施

网页设计与制作课程项目教学的设计与实施
摘要:提出以“双百”论坛会议官方网站作为网页设计与制作课程的教学项目,结合项目背景和需求,明确项目产品目标和教学目标,强调以工作任务为依托组织教学内容,教学评价应采用学生自我评价与企业评价相结合。

实践证明,效果明显。

关键词:高职教育;项目教学;工作过程
在当前国家示范性高职院校建设的热潮中,以基于工作过程系统化教学设计理论为指导的课程改革和建设,已经取得了重要的理论研究成果。

但是,在课程教学实施层面,还存在缺少范例,任课教师经验不足等导致课程教学执行情况不够理想的问题。

项目教学强调以工作任务为依托组织教学内容,以学生为主体开展教学活动,以多样化的解决任务的策略展示学习成果,在高职教育教学实践中取得了良好的应用效果。

本文以我院计算机应用技术重点专业的网页设计与制作课程教学为例,探讨项目教学的设计与实施中的一些做法和体会。

1项目概述
1.1项目背景
2008年12月底,中国高等教育学会、国家示范性高等职业院校建设工作协作委员会在北京举办“百所名高职、百家名企业”合作发展论坛暨国家示范性高等职业院校建设两周年专业改革成果展示会(简称“双百”论坛)。

会议主题是举校企合作旗,百家知名企业同绘强国景;走工学结合路,百所示范高职共谱育人曲。

为满足会议宣传的需要,保证会议信息及时发布,向社会公众展示示范院校建设两周年来的丰硕成果,需要设计与制作“双百”论坛会议专题网页,并在会议期间进行信息的实时发布与网页维护工作。

我院作为国家首批28所示范校建设单位之一,承担完成中央财政支持的“会议专题网页设计与维护”项目,由计算机应用技术专业承担该项目的具体实施工作,同时将该项目作为网页设计与制作课程的教学项目。

1.2项目管理
1) 硬件环境。

能够连接互联网;一台服务器,可直接使用PC机(教师机);若干台客户机,选用主流PC机即可。

2) 软件环境。

开发环境采用Dreamweaver、Photoshop、Flash;测试环境采用IIS服务器、IE浏览器;项目管理工具采用Microsoft Project。

3) 项目文档。

为保证项目顺利实施并规范项目管理,项目组需完成并维护如
下文档。

(1) 工具类文档:Dreamweaver使用手册、Photo- shop使用手册、Flash使用手册。

(2) 项目管理类文档:项目计划书、功能说明书、维护手册、团队管理规范。

(3) 教学类文档:教师参考手册、学生参考手册、实训环境实施参考手册。

4) 角色职责。

为顺利完成项目任务,采用分组实施,成立项目组,其中产品经理1名,项目经理1名,成员4名。

(1) 产品经理:收集、分析客户和业务需求,并区分其优先级;定义并维护项目的业务正确性;推动项目和解决问题的远景目标;负责客户期望值和沟通。

(2) 项目经理:兼任指导教师;负责监督、控制项目进度和工作质量;协调在项目进行中出现的各种问题;确认、验收项目各阶段的工作成果;指导实训学生完成各项任务。

(3) 项目成员:由实训学生组成,在指导教师带领下,完成分配的各项具体任务。

2项目目标
2.1产品目标
1) 设计与制作“双百”论坛会议专题网页;
2) 满足“双百”论坛会议宣传需要,维护及时,保证会议全程信息发布。

2.2教学目标
通过“双百”论坛会议专题网页的设计与维护,培养学生独立进行首页布局、栏目设置、色彩搭配的设计等能力,培养新闻类网页的发布与维护能力,使学生在实际项目实施中养成团队协作、认真负责的良好职业习惯。

3项目内容
会议专题网页设计与维护项目共分为五个阶段(见表1)。

主要内容包括:网站结构(栏目设置)、会议标志设计、首页设计、二级页面设计、图文混排效果设计、多媒体应用(音乐、动画)。

4项目教学实施
4.1教学组织与过程
课程的教学内容根据项目的五个阶段划分为五部分。

其中教学重点是第一、二、三阶段,教学难点是第二阶段(策划设计阶段)。

根据课程项目教学的需要,将学生分为若干小组,每个小组3～5人,教学过程如图1所示。

1) 制定文档,明确任务。

指导教师(项目经理)承接任务,起草Dreamweaver使用手册、Photoshop使用手册、Flash使用手册等工具类文档;起草项目计划书、团队管理规范;编制教师参考手册、学生参考手册、实训环境实施参考手册等教学类文件。

2) 阅读任务文档。

在项目启动前,学生准备项目相关内容,搜索、查询项目相关知识;阅读项目计划书、学生参考手册、团队管理规范及相关工具类文档;熟悉项目内容及应用环境。

3) 安排任务。

指导教师(项目经理)根据需要对项目任务进行划分,形成任务书(如图2所示),下发给相关学生,并同时提供功能说明书。

同时,指导老师还要维护学生任务列表(表2),明确任务进度控制。

4) 明确任务要求,形成解决方案。

学生按照划分的任务列表,明确本人工作任务详细要求;针对任务清单中的每项要求,形成切实可行的解决方案。

初步填写任务报告书(如图3所示)。

5) 创建参考样例,列出实施步骤。

为了保证项目按时完成及完成质量,指导教师(项目经理)要为每一个任务创建一个参考样例,列出详细的实施步骤并预留合适的修改时间和空间,允许学生在样例的基础上有创意、有突破、有改进。

6) 完成任务,测试提交。

学生根据确认的工作任务,按照详细的实施步骤独立完成任务书所列各项任务;并对每项任务进行测试,填写测试报告;修改完善后提交工作成果。

7) 确认、验收阶段工作成果。

指导教师按照学生提交的工作成果,参照项目进度计划,根据项目的实际需要,确认、验收学生的阶段工作成果,并给出评价。

4.2教学方法与手段
项目与课程教学紧密结合,采用任务驱动教学法。

在实施过程中,需要注意两点:
一是要区分任务和问题。

传统的任务教学法,一般是按照提出任务、尝试完成任务、提出问题、解决问题等顺序来组织教学。

由于本项目的真实性,每一个任务之间具有严密的连续性和逻辑性,因此教师在教学中要将任务完成与问题解决统一起来,强调按时完成任务。

对于涉及的技术问题,则在项目结束后,教师预留
充足的时间进行项目总结和专题讲解。

二是要注意任务的时效性。

通过严格的进度控制及预案保证每个任务按时完成。

在教学中,对于部分小组或学生可能无法按照进度完成任务的情况,任课教师要及时为学生提供指导给出解决办法。

另外,在项目实施过程中,指导教师应提供完整的任务清单、操作手册、技术文档等供学生下载使用;通过QQ、博客以及论坛等网络等技术手段实时指导学生完成任务。

5项目教学效果
5.1实训学生评价
项目实施过程中,实训学生要每天撰写工作日志,最后撰写项目实训总结报告,总结项目实训过程中的收获、经验与教训,对学习的效果进行自我评价。

项目总结报告主要包括实训目标、实训时间、实训内容、实训记录、实训总结、自我评价、不足与改进等。

5.2合作企业评价
通过合作企业的全程参与,对学生在项目实施过程中的知识应用、解决问题的能力、工作的态度等表现进行综合评价,对采取的教学方式、教学方法与手段以及考核方式进行综合评价。

合作企业的人力资源经理和工程师在课程结束后,认为在教学过程中直接引入实际项目的做法值得推广,尤其是在分组教学、基于任务清单组织教学等方面,培养了学生的团队合作意识、质量控制意识、进度控制意识。