《网页设计与制作》课程教学案例

1、成功不是偶然而是必然成功不是偶然而是必然阅读使人快乐，成长需要时间网页设计与制作课程教学案例项目名称淮阴师范学院本科教学评建网建设项目目标：1知识目标：运用所学的网页设计与制作知识解决实际问题。2能力目标：通过教师、同学及网络的帮助，感受实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力；锻炼学生发现问题的能力，提高学生组织能力、交往与合作能力、学习技能。3教育目标：培养学生的情感、态度、价值观：培养学生实际操作能力，以及与同伴合作交流意识和能力，加强团队合作。项目重点：1使学生了解实施一个项目的全流程。2综合运用知识解决实际问题。3熟

2、练所学的网页设计与制作知识解决实际实际项目。项目难点：1学生综合运用知识来解决实际问题的能力。2分工合作完成整个项目。3.网页界面创新能力。教学方法：项目教学法教学过程：一、项目要求：为迎接国家教育部本科教学工作水平评估，要体现“以评促建，以评促改，以评促管，评建结合，重在建设”的方针，实现评估倒计时，包括“组织机构、”“评估文件”、“评建动态”、“迎评简报”、“评建知识”、“他山之石”等模块，网站中应包含“学院主页”与“教务在线”链接，网站风格要简介、清爽。确定任务：建设淮阴师范学院本科教学评建网项目。二、项目分析（导入课程）我们的学校有这种需求吗?有哪些学校有类似的需求？教师根据回答进行总

3、结，展示类似项目较广。引出今天的课程，展示一张由教师最终设计的效果图为例子。将Photoshop、Dreamweaver软件与具体的网站设计工作结合起来，设计一张实际工作中的网站效果图，让学生从亲身的感受中说、做、学，优化教学过程，改进学习方式，并倡导学生主动参与学习和同学交流合作，用不同的方式来学习知识。通过自己的讨论交流进行探索和实现问题的解决，形成一定的知识解决模型，最终解决实际生活问题。示范项目：以一张网站效果图为例，细致演示项目的整个流程。（整个演示过程制作成多媒体课件（视频录像）放在局域网上，可供学生在实战项目时，遇到问题可随时下载再观看。）项目分析得到问题解决的思路与方法。分析：

4、根据客户提供的需求，利用Word（visio）、Photoshop、Dreamweaver等软件制作项目策划或草图设计、效果图、网站前台方案。整个设计过程分为以下四个子项目：项目需求的整理。项目策划（详细）或草图设计（粗略）。效果图设计。后期制作与前后台代码整合。三、教学策略分析1学习者分析学生学习该项目之前已经掌握了Photoshop、Dreamweaver的基本命令，能够熟练使用这些网页设计与制作软件。教学理念和教学方式教学是师生之间、学生之间交往互动与共同发展的过程。计算机教学，要紧密联系学生的生活实际。采用项目教学法学习，教师可以利用网络的优势，成为知识传播者、问题情境的创设者、尝试点

5、拨的引导者、知识反馈的调整者。学生是学习的主人，在教师的帮助下，小组合作交流中，利用动手操作探索，发现新知识，自主学习。教学评价方式多样化，包括师生评价、学生评价、小组评价等多种方式。在课堂上利用明确无误的工作表结果对学生的学习和练习作出评价，让每个学生都能体验到成功的乐趣。采用项目教学法，让学生把分散知识的各知识点综合起来，应用于实际的行业工作中。四、教学准备50台计算机联网，有电子教室软件或投影机。五、时间安排（总课时：30课时）任务1项目需求的整理。（4课时）任务2项目策划（详细）或草图设计（粗略）（4课时）任务3效果图设计。（14课时）任务4后期制作与代码的整合。（4课时）项目内部验收

6、（4课时）六、项目实施1.实训项目：淮阴师范学院本科教学评建网建设（老师提供相关图片文件与资源，可供学生下载）2.学生分组实战将学生分成10到12个组，每组三、四名同学，每个组模拟一家设计公司角色扮演：小组：网站设计公司小组成员：设计人员小组组长：项目经理教师：客户组名项目经理成员公司名称1组（由教师指派）公司名称由各小组在项目经理的组织下自己命名2组12组客户交流：由教师扮演客户，每组在实施项目之前，派出各组的项目经理和客户交流，听取客户的意见，并适当提出自己的各种想法。各小组分组设计：首先由各组的项目经理向小组成员讲述客户需求，组员开始分子项目进行设计，一个子项目应当按期完成，然后项目经理

7、在组内分阶段评选最佳的设计，交客户（教师）审阅，由客户（教师）提出修改意见，再实施下一个子项目存盘交付作品：每组选出一个优秀设计作品，存盘保存后交客户（教师）竞标评选。七、项目验收（内部验收）各组项目经理向全班汇报、展示、交流本组设计的最终作品，在介绍过程中要求说明各组平面布置图的设计思路以及制作过程中遇到过什么问题，这些问题是如何解决的，同时，其他组的同学也可提出问题，让设计者解释设计所用的相关技术及特点。最后各组之间进行互评，互相学习，通过相互评价进一步修改各自的设计，评选出客户最满意的作品，教师点评。自评/互评表如下：淮阴师范学院本科教学评建网建设项目活动评价表项目内容要求评定（3,2，1,0）自评组评师评与客户交流是否充分听取客户的意见口是口否网站布局是否合理网站布局是否运用合理：口合理口需改进色彩搭配是否合理色彩搭配是否合理：口合理口需改进是否符合人体工程学是否符合人体工程学口非常好口一般口需改进应用价值设计应用价值口好口较好口一般意见与反馈优秀作品展示优秀作品展示，让学生看到在小组内评选出的“网页设计师”的作品，给学生以美的欣赏和智慧的碰撞，这样的活动很好地激发了