全国xx杯说课大赛计算机专业类一等奖作品：《模板的应用》说课课件

1、Dreamweaver CS5网页制作项目实践,项目十 任务一 模板的应用 说课 任课教师：陈春艳,项目十 模板的应用,Dreamweaver CS5网页制作项目实践,2,任课教师：陈春艳,教材分析,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,Dreamweaver CS5 网页制作项目实践 主 编： 徐锋 出 版 社： 高等教育出版社 运行环境： Dreamweaver CS5,优点： 知识点全面，讲解详尽； 项目教学，细分任务； 目标明确，配套素材完善。 缺点： 缺少知识延伸和知识巩固练习； 练习内容较单一，缺少灵活性；,教材分析本节教学内容分析,Dreamweave

2、r CS5网页制作项目实践,任课教师：陈春艳,项目十模板与框架的应用,中职教学的两大难题,+,学情分析,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,计算机网络专业 一年级（下学期）学生,教学目标,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,说出创建模板的方法，能将已有网页生成模板,编制基于模板的网页文件(即模板的应用),根据客户设计需求，规范区分可编辑区和锁定区，利用模板制作风格一致，而内容不同的页面。,运用静态网页制作的知识，加强自主创作的能力和意识；培养团队互助的意识。,教学目标,重点,1.合理划分可编辑区域和锁定区。 2.模板存放的位置对页面的

3、影响,教学方法,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,教学手段,教学过程,思路：从感官认知入手，以情景为牵引，导入项目要求，启发学生主动思考和实践，引导学生进行自主探究，将感性认识上升到理性认识。,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,教学实施环节一：项目导入,网站欣赏 作品对比,思考问题： 这些网站有什么统一的特点呢？,Dreamweaver CS5网页制作项目实践,11,任课教师：陈春艳,思考问题： 注意观察页面文件名的变化， 这些页面的制作方法是否与框架的制作方法一样？,VS,引入本次项目的任务内容 模板的制作及管理 要求： 用最短

4、的时间完成同源国际贸易公司各部门职责的子页面,任务效果图,教学实施环节二：项目的任务分解,任务效果图,“匚”字型网页,使用两种不同方法制作模板,【引入重点】提问二：已有建立好的HTML风格的布局，如何改为模板。,教学实施环节三：任务1模板制作,展示效果图提问一,展示已有网页，提问二,引入模板制作方法一,思考回答问题,尝试布局新建模板，发现麻烦 思考是否有更好的方法,提问一：根据同一站网页布局，哪些是锁定区，哪些是可编辑区？,引入模板制作方法二,应用已有模板 区分锁定区和可编辑区 说出模板存放位置,教学实施环节三：任务2模板应用,导入问题,演示模板应用方法,模仿制作，发现方便,尝试编辑，发现两者

5、区别,1.导入问题：制作模板后，如何应用? 2.对比1：可编辑区与锁定区 3.对比2：更改模板存放位置，应用网页的区别。,演示对比1,演示对比2,尝试编辑，发现存放位置的影响,难点,突破,突破,2020/8/6,教学实施环节三：突破难点,对比找出显示效果的不同； 重复任务清楚两者在设置上的区别； 反复任务真正掌握两者的用法； 目的：合理划分可编辑区与锁定区,可编辑区,对比,锁定区,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,正确 设置,对比,错误 设置,对比找出显示效果的不同； 重复任务清楚两者在设置上的区别； 反复任务真正掌握两者的用法； 目的：突破难点模板存放的位置对

6、页面的影响,教学实施环节三：突破难点,修改模板 更新模板,教学实施环节三：任务3模板管理及更新,导入问题,演示修改方法展示效果图,更新模板制作,思考回答问题,尝试布局，发现方便,导入问题：如果要统一修改锁定区怎么办？,教学实施环节四：知识拓展,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,已应用模板的网页，若不想再受模板改变的影响？,引入分离模板的方法,脱离前：,脱离后：,对比,教学实施环节五：学生作品互评,请小组代表上台分享作品和学习体会 将学生的优秀作品与原版对比，鼓励学生大胆创新。,Dreamweaver CS5网页制作项目实践,任课教师：陈春艳,让学生有成就感，增加激励 激发班级其他学生的好胜心理，在班级营造“敢比敢追”的学习氛围。,教学实施环节六：总结归纳、课外任务,课内,课外,课外,巡视指导,个性化教学辅导,分组实践,验证和巩固所学，团结合作，互帮互助。,指导,发现质疑,分析问题，获取新知。,教学实施教师与学生活动要点,自主创造,尝试创造 自主探究新技能。,（2人一组）,组内互帮、个别指导、降低要求。,暂缓创造环节的实施。,增加创造型思维训练,引导他们自主学习。,继续美化自己网站的制作。,教学实施-个性化教学（分层教学）,工作任