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

网页设计与制作课程项目教学的设计与实施 　　摘要:提出以“双百”论坛会议官方网站作为网页设计与制作课程的教学项目,结合项目背景和需求,明确项目产品目标和教学目标,强调以工作任务为依托组织教学内容,教学评价应采用学生自我评价与企业评价相结合。实践证明,效果明显。 　　关键词:高职教育;项目教学;工作过程 　　 　　在当前国家示范性高职院校建设的热潮中,以基于工作过程系统化教学设计理论为指导的课程改革和建设,已经取得了重要的理论研究成果。但是,在课程教学实施层面,还存在缺少范例,任课教师经验不足等导致课程教学执行情况不够理想的问题。项目教学强调以工作任务为依托组织教学内容,以学生为主体开展教学活动,以多样化的解决任务的策略展示学习成果,在高职教育教学实践中取得了良好的应用效果。本文以我院计算机应用技术重点专业的网页设计与制作课程教学为例,探讨项目教学的设计与实施中的一些做法和体会。 　　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) 安排任务。指导教师(项目经理)根据需