第七单元任务一.docVIP

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