第七单元任务一

1第七单元模板应用及网站发布任务一创建网站模板一、提出任务1．任务目标将第三单元创建的“作品展示”页面转存为模板文件。2.解决的问题通过完成本任务，学会利用原有页面创建网站模板。3.本任务所涉及原有知识要点完成本任务所涉及原有知识要点有：管理网站目录结构、文件面版的使用、表格的基本操作。二、教学目标1.知识目标⑴掌握将原有网页转存为模板文件。⑵掌握添加可编辑区。⑶掌握设定可编辑区。⑷掌握删除可编辑区。⑸了解新建一个模板文件。2.能力目标能够熟练地将现有网页转存为模板文件，并学会根据需要灵活地设定可编辑区域，增强利用模板制作统一风格页面的意识。3.情感目标正确看待自己在团队中的作用，提高团队协作能力。三、教学分析与准备1.教学重点⑴将原有网页转存为模板文件。⑵设定可编辑区。2．教学难点设定可编辑区。3.教学方法提出任务并带领学生进行分析，通过分析形成解决问题的思路，通过提醒化解解决问题过程中遇到的问题，通过举一反三拓展对知识点的认识与理解。4.课时安排2课时。5.教学环境多媒体网络教室。四、教学过程（组织课堂、复习知识、教师引领完成任务占1学时；举一反三占1学时。）教学环节及手段教学内容备注组织课堂复习知识集中学生注意力，准备上课。1．通过提问学生，确认整个网站的完成情况。运行Dreamweaver8，在“文件”面板中显示“幽幽我心的个人网站”的文件结构，教师引导学生分析整个网站共完成了哪些网页的设计，对应的文件名称教师提出问题，学生一起回答，教师总结。2任务流程导入任务分析任务完成任务是什么。2．通过指定学生完成下列操作，复习与本任务有关的表格操作。打开一个含有表格的页面，要求学生选择指定的表格、行、列和单元格，并删除指定表格中的内容。在前面的单元中，制作了网站首页、“作品展示”、“心情日记”、“家乡山水”和“访客信息”等网页，引导学生观察这些网页的风格是否相同？如果不同的话存在哪些不同？作为一个网站上的各个网页必然要求风格统一，本任务将讲解利用网站模版方便快捷的使网站上的网页风格统一。提出任务：创建网站模板创建网站模板，就是将相同的页面元素制作成模板，这样不但可以统一整个网站的风格，而且能够加快网页的制作、更新与浏览的速度。创建模板的方法有两种：一种方法是将原有网页转存为模板文件，另一种方法是新建一个模板文件。本任务采用第一种方法。1．创建模板⑴打开第三单元创建的“作品展示”页面另存为模板。在“文件”面板的列表中，双击文件“works.html”打开“作品展示”页面，选择菜单栏“文件”菜单中的“另存为模板”选项，弹出“另存为模板”对话框，在其中的“站点”下拉列表中选择“幽幽我心的个人网站”选项，“另存为”文本框中输入模板名称“site”。单击“保存”按钮，弹出提示框，选择“是”更新链接，将页面保存成为模板文件。⑵利用网页创建模板的方式。学生分组讨论：创建模板的方式还有哪些？教师归纳：利用网页创建模板的方式如下：A.选择“文件”→“另存为模板”菜单项。B.单击“插入”栏“常用”类别中的“模板”按钮，在弹出的下拉菜单中选择“创建模板”菜单项。C.选择“插入”→“模板对象”→“创建模板”菜单项。２．设定可编辑区域⑴删除表格“table2”与“table3”及其内容，并插入表格“edit”。在“site.dwt”文档中，选中并删除表格“table2”与“table3”及其内部所添加的内容，把光标放到学生演示过程中教师及时点评补充其他操作方法。力求通过任务导入，吸引学生学习兴趣。学生分组讨论分析保存模板之后当前编辑文档的名称及其站点目录的变化。学生分组讨论创建模板的方式，鼓励他们探讨或通过查书、查帮助以及上网等找到答案。学生分组讨论为什么要删除表格“table2”与“table3”。3知识总结举一反三任务目标“table1”右边外侧，插入一个1行1列的表格，表格宽度为778像素，单元格边距、间距及边框均设置为0像素；设置“表格Id”为“edit”，居中对齐，背景颜色值为“#FFFFFF”。⑵通过选择“插入”→“模板对象”→“可编辑区域”选项创建可编辑区域。将光标放入表格“edit”内，选择菜单栏“插入”→“模板对象”→“可编辑区域”选项，弹出“新建可编辑区域”对话框，在“名称”文本框中输入“EditRegion”作为可编辑区域名称。单击“确定”按钮，为表格“edit”添加了一个可编辑区域。⑶删除可编辑区域方框内的文本内容并保存模板。删除可编辑区域方框内的文本内容（注意不要把可编辑区域删掉），按键盘的Ctrl+S组合键保存模板，关闭文件。3．与可编辑区域有关的相关知识学生分组讨论以下问题：①在模板中有几种类型的区域？②创建可编辑区域前，要做哪些准备工作？页面中可编辑区域名称不可见怎么办？命名可编辑区域时有哪些规定？③如何删除可编辑区域？教师归纳：⑴在模板中有可编辑区域和锁定区域两种类型的区域。可编辑区域是基于模板创建的页面中可以编辑的区域，其余为锁定区域，即不可编辑的区域。⑵创建可编辑区域之前，必须先选择想要设置为可编辑区域的文本、图像、表格等，或将插入点放在想要插入可编辑区域的地方，然后使用上述方法插入可编辑区域。如果页面中可编辑区域名称不可见，可以勾选菜单栏“查看”→“可视化助理”→“不可见元素”选项。命名可编辑区域时，不能使用单引号、双引号、尖括号和“&”符号。⑶删除可编辑区域方法：单击可编辑区域名称后按Delete键；或在模板文件可编辑区域内单击，选择菜单栏“修改”→“模板”→“删除模板标记”选项。通过完成本任务学习了利用网页创建模板的方法，重点掌握创建和删除可编辑区域的方法。将本单元素材“举一反三”文件夹中的“pra7-1”文件夹复制到D盘根目录下，创建站点“pra7-1”，文件存储在“D：\pra7-1”,使用“文件”菜单中的“新教师作为引导者和组织者，学生分组上机操作，完成相应4启发思路分组完成任务学生自评或互评教师点评总结布置作业建”选项，新建一个HTML类型模板“pra7-1.dwt”，效果如下图所示。提示：所用背景图像在“pra7-1\images”文件夹中，页面使用表格布局。创建模板的方法有两种：一种方法是将原有页面转存为模板文件，另一种方法是新建一个模板文件。本任务采用第二种方法。每组4名同学，组长组织成员讨论完成背景图像和文字的设置。组织不同组的同学互相评论对方完成任务的优缺点。教师对每组同学完成任务情况进行总结，对完成任务的表扬，对没有完成任务的鼓励，并帮助他们分析没有完成的原因。可以根据每组任务完成情况结合自评与互评情况给出每组的成绩。1.总结命名可编辑区域时名称中不能包含的字符有哪些。2.将本单元素材“举一反三”文件夹中的“pra7-2”文件夹拷贝到D盘根目录下，创建站点“pra7-2”，将页面“pra7-2.html”，另存为模板“pra7-2.dwt”，在表格“table_edit”中添加可编辑区域“edit7-2”，如下图所示，保存模板。任务并进行评价。