1、Dreamweaver CS5 网页制作项目实践网页制作项目实践 项目十项目十 任务一任务一 模板的应用模板的应用 说课说课 任课教师：陈春艳 项目十项目十 模板的应用模板的应用 教材分析教材分析 1 学情分析学情分析 2 教学目标教学目标 3 教法学法教法学法 4 教学过程教学过程 5 教学反思教学反思 6 Dreamweaver CS5网页制作项目实践 2 任课教师：陈春艳 教材分析教材分析 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 Dreamweaver CS5 网页制作项目实践 主 编： 徐锋 出 版 社： 高等教育出版社 运行环境： Dreamweaver C
2、S5 优点： 知识点全面，讲解详尽； 项目教学，细分任务； 目标明确，配套素材完善。 缺点： 缺少知识延伸和知识巩固练习； 练习内容较单一，缺少灵活性； 教材分析教材分析本节教学内容分析本节教学内容分析 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 项目十模板与框架的应用 制作部门“工作职责”网页 案例少单一，无法呈现 教学的重难点，无法满 足能力较强的学生。 模板 应用 任务一 框架 应用 任务二 以生以生 为本为本 中职教学的两大难题 小组合作学习法小组合作学习法 任务驱动法任务驱动法 情景教学法情景教学法 思维引导思维引导 项目教学法项目教学法 教师教师 鼓励、启发鼓
3、励、启发 引导、示范引导、示范 同学同学 互助、交流互助、交流 竞争、合作竞争、合作 态度态度 “不愿学不愿学” 能力能力 “学不会学不会” 水平参差不齐水平参差不齐 + 学情分析学情分析 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 知 识 已修课程：计算机网络技术基础； photoshop图像处理 已掌握知识：初步掌握表格布局页面的知识， 插入网页的元素。 能 力 计算机基本操作相对熟练； 模仿能力、动手能力强； 分析解决问题能力和创造能力较弱。 素 质 缺乏团队合作意识； 自立、自主意识薄弱，得过且过。 计算机网络专业 一年级（下学期）学生 教学目标教学目标 Drea
4、mweaver CS5网页制作项目实践 任课教师：陈春艳 说出创建模板的方法，能将已有网页生成模板 编制基于模板的网页文件(即模板的应用) 根据客户设计需求，规范区分可编辑区和锁定区，利 用模板制作风格一致，而内容不同的页面。 运用静态网页制作的知识，加强自主创作的能力和意 识；培养团队互助的意识。 教学目标教学目标 1.模板创建的两种方 法 2. 模板可编区和锁定 区修改及更新 难点 重点 1.合理划分可编辑区 域和锁定区。 2.模板存放的位置对 页面的影响 教学方法教学方法 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 项目导入项目导入 项目驱动项目驱动 细分任务细分任
5、务 思维引导思维引导 思考分析思考分析 演示教学演示教学 分层教学分层教学 总结总结 教学手段教学手段 教学有法，教无定法教学有法，教无定法 作品互评作品互评 教学过程教学过程 思路：思路：从感官认知入手，以情景为牵引，导入项目要求，从感官认知入手，以情景为牵引，导入项目要求， 启发学生主动思考和实践，引导学生进行自主探究，将感启发学生主动思考和实践，引导学生进行自主探究，将感 性认识上升到理性认识性认识上升到理性认识。 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 学生认知学生认知 发现问题、激发兴趣发现问题、激发兴趣 动手实践，体会应用动手实践，体会应用 相互对比，加深
6、认识相互对比，加深认识 总结归纳，知识迁移总结归纳，知识迁移 自主探究、巩固提高自主探究、巩固提高 45分钟分钟 10分钟分钟 知识拓展知识拓展 分析任务，引入知识分析任务，引入知识 情境创设，项目驱动情境创设，项目驱动 任务演练，自主探究任务演练，自主探究 小组互评小组互评 15分钟分钟 共90分钟 感性认识感性认识 理性认识理性认识 总结归纳总结归纳 课外任务拓展布置课外任务拓展布置 明确任务，理解知识明确任务，理解知识 5分钟分钟 10分钟分钟 5分钟分钟 教学实施教学实施环节一：项目导入环节一：项目导入 网站欣赏网站欣赏 作品对比作品对比 思考问题： 这些网站有什么统一 的特点呢？ D
7、reamweaver CS5网页制作项目实践 11 任课教师：陈春艳 思考问题： 注意观察页面文件名的变化， 这些页面的制作方法是否与框 架的制作方法一样？ VS 引入本次项目的任务内容 模板的制作及管理 要求： 用最短的时间完成同源国际贸 易公司各部门职责的子页面 任务效果图 教学实施教学实施环节二：项目的任务分解环节二：项目的任务分解 任务效果图 任务一：分析页面布局 （制作模板） 任务二：模板的应用 任务三：模板的管理及更新 “匚”字型网页 Logo区（锁定区）区（锁定区） 导航区导航区 （锁定区）（锁定区） 可变创作区可变创作区 （可编辑区可编辑区） 版权区版权区（锁定区锁定区） 使用
8、两种不同方法制作模板 过程流程图(15左右) 【引入重点】提问二：已有建立 好的HTML风格的布局，如何改 为模板。 教学实施环节三：任务1模板制作 工作任务 知识技能 展示效果图提问一 展示已有网页，提问二 引入模板制作方法一 思考回答问题 尝试布局新建模板，发现麻烦 思考是否有更好的方法 教师 活动 学生 活动 教学 资源 提问一：根据同一站网页布局， 哪些是锁定区，哪些是可编辑 区？ 任务1 引入模板制作方法二 应用已有模板 区分锁定区和可编辑区 说出模板存放位置 过程流程图(10左右) 教学实施环节三：任务2模板应用 工作任务 知识技能 导入问题 演示模板应用方法 模仿制作，发现方便
9、尝试编辑，发现两者区别 教师 活动 学生 活动 教学 资源 1.导入问题：制作模板后，如何 应用? 2.对比1：可编辑区与锁定区 3.对比2：更改模板存放位置，应 用网页的区别。 任务2 知识技能 演示对比1 演示对比2 尝试编辑，发现存放位置的影响 难点 2020/3/27 教学实施环节三：突破难点 对比对比找出显示效果的不同；找出显示效果的不同； 重复任务重复任务清楚两者在设置上的区别；清楚两者在设置上的区别； 反复任务反复任务真正掌握两者的用法；真正掌握两者的用法； 目的：合理划分可编辑区与锁定区目的：合理划分可编辑区与锁定区 可编辑区 对比 锁定区 Dreamweaver CS5网页制
10、作项目实践 任课教师：陈春艳 正确 设置 对比 错误 设置 对比对比找出显示效果的不同；找出显示效果的不同； 重复任务重复任务清楚两者在设置上的区别；清楚两者在设置上的区别； 反复任务反复任务真正掌握两者的用法；真正掌握两者的用法； 目的：目的：突破难点突破难点模板存放的位置对页面的影响模板存放的位置对页面的影响 教学实施环节三：突破难点 修改模板 更新模板 过程流程图(10左右) 教学实施环节三：任务3模板管理及更新 工作任务 知识技能 导入问题 演示修改方法展示效果图 更新模板制作 思考回答问题 尝试布局，发现方便 教师 活动 学生 活动 教学 资源 任务3 知识技能 导入问题：如果要统一
11、修改锁 定区怎么办？ 教学实施教学实施环节四：知识拓展环节四：知识拓展 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 创设情景 已应用模板的网页，若不想再受模板改变的影响？ 知识拓展 引入分离模板的方法 脱离前： 脱离后： 对比 教学实施教学实施环节五：学生作品互评环节五：学生作品互评 请请小组代表上台小组代表上台分享作品和分享作品和学习学习体会体会 将学生的优秀作品与原版对比，鼓励学生将学生的优秀作品与原版对比，鼓励学生 大胆创新。大胆创新。 Dreamweaver CS5网页制作项目实践 任课教师：陈春艳 设计意图 让学生有成就感，增加激励 激发班级其他学生的好胜心理，
12、在班级营造“敢 比敢追”的学习氛围。 教学实施教学实施环节六：总结归纳、课外任务环节六：总结归纳、课外任务 引导学生进行任务总结 观看后盾网的有观看后盾网的有 关关DW CS5模板模板 制作的视频教程制作的视频教程 。 利用网络资源自主复习 知识巩固强化训练 回顾总结，并完回顾总结，并完 成练习题。成练习题。 完成本次课评价。完成本次课评价。 课后以组为单位课后以组为单位 完成完成XX建材网建材网 站设计（要求站设计（要求 风格一致，不风格一致，不 少于少于4个个html文文 件，鼓励自主件，鼓励自主 创作）创作） 课内课内 课外课外 课外课外 巡视指导 个性化教学辅导 分组实践 验证和巩固所
13、学，团结合作，互帮互助。 指导 发现质疑 分析问题，获取新知。 教学实施教师与学生活动要点 教师活动 学生活动 自主创造 尝试创造 自主探究新技能。 （2人一组） 组内互帮、个别指导、降低要求。 暂缓创造环节的实施。 学有余力 增加创造型思维训练,引导他们自主学习。 继续美化自己网站的制作。 教学实施教学实施-个性化教学（分层教学）个性化教学（分层教学） 力不从心 工作任务 教学实施教学实施-教学评价教学评价 学生自评 教师评价 工作任务 知识技能 工作任务 工作任务 未完成 任务分析 学习态度 解决方法 学习态度 学习效果 学习态度 存在问题 教学反思教学反思 思 得 思 失 思 改 合理增设素材 重组教学内容 自主构建知识 技能 没有充分挖掘 教学资源，如 制作微视频， 微话题等活动。 尝试网络视频 丰富激趣手段 发展自主创作 能力
