网页设计与制作课程教学案例.doc

《网页设计与制作》课程教学案例 项目名称——淮阴师范学院本科教学评建网建设 项目目标： 1．知识目标：运用所学的网页设计与制作知识解决实际问题。 2．能力目标：通过教师、同学及网络的帮助，感受实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力；锻炼学生发现问题的能力，提高学生组织能力、交往与合作能力、学习技能 。 3． 教育目标： 培养学生的情感、态度、价值观：培养学生实际操作能力，以及与同伴合作交流意识和能力，加强团队合作。 项目重点： 1．使学生了解实施一个项目的全流程。 2．综合运用知识解决实际问题。 3．熟练所学的网页设计与制作知识解决实际实际项目。 项目难点： 1．学生综合运用知识来解决实际问题的能力。 2．分工合作完成整个项目。 3. 网页界面创新能力。 教学方法： 项目教学法 教学过程： 项目要求： 为迎接国家教育部本科教学工作水平评估，要体现“以评促建，以评促改，以评促管，评建结合，重在建设?有哪些学校有类似的需求？ 教师根据回答进行总结，展示类似项目较广。 2. 引出今天的课程，展示一张由教师最终设计的效果图为例子。将Photoshop、Dreamweaver软件与具体的网站设计工作结合起来，设计一张实际工作中的网站效果图，让学生从亲身的感受中说、做、学，优化教学过程，改进学习方式，并倡导学生主动参与学习和同学交流合作，用不同的方式来学习知识。通过自己的讨论交流进行探索和实现问题的解决，形成一定的知识解决模型，最终解决实际生活问题。 示范项目：以一张网站效果图为例，细致演示项目的整个流程。 （整个演示过程制作成多媒体课件(视频录像)放在局域网上，可供学生在实战项目时，遇到问题可随时下载再观看。） 3.项目分析 得到问题解决的思路与方法。 分析： 根据客户提供的需求，利用Word（visio）、Photoshop、Dreamweaver等软件制作项目策划或草图设计、效果图、网站前台方案。整个设计过程分为以下四个子项目： 项目需求的整理。 项目策划（详细）或草图设计（粗略）。 效果图设计。 后期制作与前后台代码整合。 教学策略分析 1．学习者分析 学生学习该项目之前已经掌握了Photoshop、Dreamweaver的基本命令，能够熟练使用这些网页设计与制作软件。 2. 教学理念和教学方式 教学是师生之间、学生之间交往互动与共同发展的过程。计算机教学，要紧密联系学生的生活实际。采用项目教学法学习，教师可以利用网络的优势，成为知识传播者、问题情境的创设者、尝试点拨的引导者、知识反馈的调整者。学生是学习的主人，在教师的帮助下，小组合作交流中，利用动手操作探索，发现新知识，自主学习。 教学评价方式多样化，包括师生评价、学生评价、小组评价等多种方式。在课堂上利用明确无误的工作表结果对学生的学习和练习作出评价，让每个学生都能体验到成功的乐趣。采用项目教学法，让学生把分散知识的各知识点综合起来，应用于实际的行业工作中。 教学准备 50台计算机联网，有电子教室软件或投影机。 时间安排（总课时：30课时） 任务1 项目需求的整理。（4课时） 任务2 项目策划（详细）或草图设计（粗略）（4课时） 任务3 效果图设计。（14课时） 任务4 后期制作与代码的整合。（4课时） 项目内部验收（4课时） 项目实施 实训项目：淮阴师范学院本科教学评建网建设 （老师提供相关图片文件与资源，可供学生下载） 学生分组实战 将学生分成10到12个组，每组三、四名同学，每个组模拟一家设计公司。 角色扮演： 小组：网站设计公司 小组成员：设计人员 小组组长：项目经理 教师：客户 组名 项目经理 成员 公司名称 1组 （由教师指派） ? 公司名称由各小组在项目经理的组织下自己命名 2组 ? ? ? … … … … 12组 ? ? ? 客户交流：由教师扮演客户，每组在实施项目之前，派出各组的项目经理和客户交流，听取客户的意见，并适当提出自己的各种想法。 各小组分组设计：首先由各组的项目经理向小组成员讲述客户需求，组员开始分子项目进行设计，一个子项目应当按期完成，然后项目经理在组内分阶段评选最佳的设计，交客户（教师）审阅，由客户（教师）提出修改意见，再实施下一个子项目。 存盘交付作品：每组选出一个优秀设计作品，存盘保存后交客户（教师）竞标评选。 项目验收（内部验收） 各组项目经理向全班汇报、展示、交流本组设计的最终作品，在介绍过程中要求说明各组平面布置图的设计思路以及制作过程中遇到过什么问题，这些问题是如何解决的，同时，其他组的同学也可提出问题，让设计者解释设计所用的相关技术及特点。 最后各组之间进行互评，互相学习，通过相互评价进一步修改各自的设计，评选出客户最满意的作品，教师点评