模块5 任务13“传工匠精神筑职业梦想”-模板的应用

PAGE\#000MERGEFORMAT001PAGE78计算机应用基础教学参考书（Windows7+Office2010）（第2版）书模块5高级应用任务13“传工匠精神，筑职业梦想”——模板的应用教案1．教学整体设计教学单元名称网页交互设计课时2学时所属章节任务13“传工匠精神，筑职业梦想”——模板的应用任务描述通过“传工匠精神，筑职业梦想——模板的应用”任务，理解网页模板的概念与作用，掌握模板的两种创建方式，理解可编辑区域含义；能够把现有网页另存为模板、创建可编辑区域、基于模板新建网页、将模板应用到已有网页，并掌握模板更新与网页从模板分离操作，体会模板在网站批量维护中的优势，培养规范化开发与高效维护的工程思维。任务分析在本任务中，需要完成以下操作：1.打开index.html，【文件→另存为模板】生成index.dwt，创建content可编辑区域；2.基于模板新建web1/web2/web3网页，在可编辑区域填充不同内容；3.给已有网页web4应用模板，处理不一致区域名称；4.修改模板批量更新站点网页，将web1从模板分离并观察差异；5.理解模板概念、锁定区域与可编辑区域、模板更新与分离原理。教学重点：模板概念与作用；另存为模板、创建可编辑区域；基于模板创建网页；修改模板实现批量更新。教学难点：理解可编辑区域与锁定区域区别；已有网页应用模板处理不一致区域名称；网页从模板分离后不再跟随模板更新。教学目标知识目标1.理解网页模板的概念与作用；2.掌握模板的两种创建方式；3.理解可编辑区域含义；4.掌握模板应用、模板更新、网页从模板分离的原理。能力目标1.能够把现有网页另存为模板；2.会创建、删除可编辑区域；3.能够基于模板新建网页、将模板应用到已有网页；4.掌握模板更新、网页从模板中分离操作。素养目标体会模板在网站批量维护中的优势，培养规范化网站开发、高效维护网站的工程思维。考核方式过程考核：知识学习与技能掌握情况（30%）小组协作、积极参与讨论与分享任务成果（40%）终结考核：教师评价+小组互评+学生自评（30%）教学环境机房计算机配置如下：软件环境—Windows10、Dreamweaver2021、Edge浏览器、多媒体课件；网络环境——机房可访问互联网；素材资源——renwu13项目素材。

2．教学实施过程教学环节教学内容教师活动学生活动教学策略课程思政导入任务提问：一个网站有很多页面，导航栏、页脚布局完全一样，如果逐个修改每个页面，工作量很大，有什么高效解决办法？引出DW模板技术，展示“传工匠精神，筑职业梦想”案例，引出任务13。提出实际开发场景问题，展示案例效果，讲解模板的价值，明确本节课学习任务。思考网站维护痛点，观察案例页面效果，明确学习目标。情境导入法、问题驱动法以“传工匠精神，筑职业梦想”为主题，将职业精神融入网页制作，引导学生传承工匠精神，树立规范化、高质量工作的职业追求。知识讲授与操作演示任务一：生成模板并设置可编辑区域1.启动Dreamweaver2021，新建站点“传工匠精神，筑职业梦想”，站点文件夹renwu13，打开index.html；2.【文件→另存为模板】，选择当前站点，模板命名index，保存生成index.dwt；3.选中正文内容单元格，【插入→模板对象→可编辑区域】，命名content，创建可编辑区域（模板中除可编辑区域外其余为锁定区域）。任务二：基于模板新建多个网页1.【文件→新建】→网站模板，选择站点与index模板，点击创建，生成基于模板的新网页；2.光标定位content可编辑区域，删除原内容，粘贴word文字素材，设置项目符号，保存web1.html，F12预览；3.重复操作，新建web2.html、web3.html，在可编辑区域分别插入pic2.jpg、pic3.jpg。任务三：给已有网页应用模板1.打开web4.html，【工具→模板→应用模板到页】，选择index模板；2.弹出“不一致的区域名称”对话框，将Documentbody<未解析>移动到content区域，确定；3.保存web4.html。任务四：模板更新、网页从模板分离1.打开index.dwt，修改第一行单元格背景图为bj2.jpg，Ctrl+S保存模板，点击更新，批量更新站点网页，打开web1-web4观察同步变化；2.打开web1.html，【工具→模板→从模板中分离】，删除“工匠人物”栏目；3.再次修改模板背景为bj1.jpg保存更新，观察：web1不再跟随更新，web2-web4依旧同步。1.演示另存为模板，讲解dwt格式，重点区分锁定区域与可编辑区域，提醒可编辑区域命名不能用中文特殊符号；2.演示基于模板创建网页，强调只能在可编辑区域修改内容；3.讲解已有网页套用模板，重点演示不一致区域名称对话框处理；4.演示模板批量更新，重点讲解分离模板后网页不再受模板控制，对比分离前后更新差异。机房巡回指导纠错。1.跟随实操，将网页另存模板，创建content可编辑区域；2.上机实操，创建web1/web2/web3，填充各自页面内容；3.实操完成web4应用模板操作；4.完成模板更新与网页分离，对比观察更新差异。演示法、讲解法、任务驱动法模板体现了“一次设计、批量复用”的标准化思想，引导学生体会标准化、规范化在工程建设中的价值，传承工匠精神。任务五：模板基础理论1.模板概念：制作统一风格网页的特殊文档，后缀.dwt；2.模板作用：统一网站风格、批量修改站点页面、简化后期维护；3.两种创建方式：①新建空白HTML模板；②现有网页另存为模板；4.可编辑区域：模板中允许网页修改的部分，其余为锁定区域，可新建、删除可编辑区域；5.核心操作：基于模板建网页、已有网页应用模板、模板更新、从模板分离。1.结合实操案例讲解理论，对比锁定区域与可编辑区域；2.强调分离模板的后果。1.做好课堂笔记，理解模板工作原理；2.结合操作理解理论要点。讲解法、对比教学法标准化、可复用是工程效率的基础，引导学生树立规范意识与工程思维，追求高效优质的职业素养。练习技能1.实操练习：准备一个网页，另存为模板，创建1处可编辑区域；基于模板制作web1、web2两个网页，填充不同内容；2.修改模板，观察两个网页自动更新效果；将其中一个网页从模板分离，再次修改模板，对比效果；3.小组互助排查：未创建可编辑区域导致无法编辑、不一致区域名称处理错误等。1.布置实操任务，明确标准；2.机房巡回指导，重点处理可编辑区域缺失、区域名称不一致等共性问题；3.集中演示纠错。1.独立上机完成模板创建、建页与批量更新；2.遇到更新无效等问题，自主检查可编辑区域与模板绑定；3.小组互助交流。任务驱动法、异质分组合作学习法通过批量维护实践，培养严谨规范、注重效率的工程意识与团队协作能力。展示作品1.作品提交规范：提交web1-web4网页文件或预览截图，命名格式：姓名_任务13_模板；2.评价维度：能另存模板、创建可编辑区域；能基于模板建页、应用模板、批量更新；理解分离模板后果；3.学生自查作品，提交电子教室作业区。1.明确提交格式与标准；2.检查学生模板操作规范性；3.挑选典型作品点评。1.对照标准自查；2.规范命名，提交作业。实践教学法、自我评价法规范提交、有始有终，养成按标准交付成果的职业素养。评价总结1.课堂作品点评，梳理高频错误：①未创建可编辑区域导致无法编辑；②不一致区域名称处理错误；③分离模板后误以为仍会更新；2.知识点回顾：模板后缀dwt；可编辑区域与锁定区域；模板更新、模板分离的特点。1.点评典型作品，梳理错误；2.提问引导学生回顾核心概念；3.布置课后作业。1.对照点评反思；2.巩固模板知识，查漏补缺。作品点评法、归纳总结法模板技术是规范化网站开发的基石，引导学生重视基础规范，培养持续精进的职业精神。课后任务课后作业：1.实操作业