九、布置作业

1、单元模板使用九、布置作业主要教学环节七、完成训练项目 一、明确教学内容与目的 二、项目效果展示三、任务描述 四、预备知识讲解八、演示、点评与总结五、技能操作示范六、学生实施任务 1学生小组代表演示上次课能力训练项目作品学生作品展示 2教学内容：资源面板和模板概念 创建模板 、根据模板创建网页更新模板文件知识能力目标：了解资源面板的功能理解模板、可编辑区域和可选区域理解可编辑区域和可选区域的XHTML代码会创建、修改模板会创建可编辑区域和可选区域会创建基于模板的网页并更新模板文件会创建锚记和锚记链接一、教学内容与目的 3二、项目效果与任务描述 本次任务最终效果任务描述1创建模板创建模板teach

2、.dwt，要求包含纵向排列的页头、页中、页脚，均水平居中对齐、宽880 px、无边框。页头、页中左列、页脚的具体内容与系部概况栏本系简介网页xiBuGaiKuang/bxjj.html中对应的页头、页中左列、页脚类似，而页中右列具体内容显示区留空。2根据模板制作教学管理栏各个网页根据模板teach.dwt制作教学管理栏各个网页（即特色专业tszy.html、教研活动jyhd.html、教学大纲jxdg.html、实践教学sjjx.html、实训基地sxjd.html、顶岗实习dgsx.html等6个网页）并保存到jiaoXueGuanLi子文件夹中，同时要根据各个网页的具体情况设置网页标题、当

3、前的位置指示，并对具体内容显示区进行内容编排。根据网页具体内容显示区中内容的多少决定页脚是否显示。模板teach.dwt的设计效果如下图所示：4551 模板概述5.1.1 模板模板是一种特殊的网页文档，是创建其他网页文档的基础文档。可避免重复地在每个页面中插入或修改相同的内容，提高工作效率，简化维护工作。在根据模板创建的网页中，有些元素不可编辑，有些元素可以编辑修改。三、预备知识65.1.2 资源面板包含网站中各种资源：【图像】、【颜色】、【URLs】、【SWF】、【Shockwave】、【影片】、【脚本】、【库】。库和模板均可以减轻网页制作中的重复劳动，但库侧重于局部，而模板侧重于整体。资源

4、面板上包含收藏（favorite）选项：用于收藏资源中的精选成分。7四、技能操作示范及学生实施任务52 创建模板5.2.1 创建网页模板1根据现有网页创建模板在文档编辑窗口打开本系简介网页bxjj.html，单击【插入】面板【常用】选项组中的【模板：创建模板】按钮，模板取名为teach。说明： 所有模板集中存放在自动创建的Templates子文件夹中。 新建空模板方法：单击【模板】子面板右下角的【新建模板】按钮。 默认情况下，模板中不包含任何可编辑区域。82模板初始设置（1）将模板teach.dwt标题更改为“这是教学管理模板”。（2）将页中左列“栏目导航”下的4个二级栏目名删除，然后添加“教

5、学管理”栏目下的6个二级栏目名：特色专业、教研活动、教学大纲、实践教学、实训基地、顶岗实习，并分别超链接到：“./jiaoXueGuanLi/tszy.html”、“./jiaoXueGuanLi/jyhd.html”、“./jiaoXueGuanLi/jxdg.html”、“./jiaoXueGuanLi/sjjx.html”、“./jiaoXueGuanLi/sxjd.html”、“./jiaoXueGuanLi/dgsx.html”。（3）将页中右列当前位置指示区中的内容修改为“首页教学管理这里显示二级栏目名”，并且“教学管理”超链接到“./jiaoXueGuanLi/tszy.html

6、”，“这里显示二级栏目名”超链接到“./jiaoXueGuanLi/tszy.html”。（4）将页中右列具体内容显示区中的标题文本和正文内容删除： 95.2.2 创建可编辑区域（1）选择超链接“这里显示二级栏目名”，单击【插入】面板【常用】选项组中的【模板：可编辑区域】按钮。取名为location。说明： 创建可编辑区域时一般需先选择文档中的元素或其中的部分内容（如部分文字、图像、超链接、段落、标题、div等）。 可编辑区域创建后，在其左上方显示可编辑区域标志，单击它选中。 取消可编辑区域的方法：选中可编辑区域后，打开【修改】【模板】【删除模板标记】菜单。 可编辑区域location的XHT

7、ML代码为： 默认时，在头部head中会自动创建2个可编辑区域，分别用于存放title和style等元素。这里显示二级栏目名10（2）在页中右列具体内容显示区中的标题位置创建可编辑区域 content_title，在内容位置创建可编辑区域content。 再新建保存到common.css中的如下CSS规则：#wrap #main #content ul li list-style-type: circle;margin-left: 60px;line-height: 1.5em;115.2.3 创建可选区域可选区域用于由条件控制区域的显示与否。选择页脚div#footer，单击【插入】面板【常

8、用】选项组中的【模板：可选区域】按钮创建可选区域footer。说明： 可编辑的可选区域不仅可由条件控制区域的显示与否，而且当条件满足时还可对该区域进行编辑。 修改可选区域：单击其左上方的标志If footer，再单击属性面板上的【编辑】按钮。 在【新建可选区域】对话框中，【高级】选项卡用于自行设置条件。 此处显示内容1253 根据模板创建网页5.3.1 对现有网页应用模板（1）打开在第1章创建的特色专业网页jiaoXueGuanLi/tszy.html，在模板面板上选中模板teach，并单击左下方的【应用】按钮。说明： 当将模板应用于一个已有内容的网页上时，会弹出【不一致的区域名称】对话框提示

9、当前内容的放置位置，此时，可以选择模板中的一个可编辑区域来放置当前内容，或者舍弃当前内容。 在应用了模板的网页XHTML代码中只有可编辑区域的内容和模板参数未灰化，可以修改，其余内容全部灰化，即锁定了。13（2）修改tszy.html网页的标题为“教学管理_特色专业”，删除可编辑区域location中的原有内容并输入“特色专业”，删除可编辑区域content_title中原有内容并输入“专业特色”。（3）先删除可编辑区域content中原有内容，然后输入有关专业特色的具体内容，并使用定义列表：先分别输入专业各个特色的标题和具体介绍内容，每个标题和具体介绍内容均为一段；选中这些段落；单击【插入】

10、面板【文本】选项组中的【定义列表】按钮。说明： 定义列表是用来定义一系列术语以及相关的说明，是块级元素。定义列表的开始标签是，每个被说明的术语的开始标签是，每个说明的开始标签是，在dd元素中的内容可以是段落、回车、图像、链接或其他的列表等。14（4）给定义列表新建保存到tszy.html网页中的CSS规则：15 5.3.2 根据模板创建网页（1）打开【文件】【新建】菜单，在弹出的对话框中选择teach模板进行。说明： 如果某一根据模板创建的网页想与模板脱离关系而变成普通网页，则可打开【修改】【模板】【从模板中分离】菜单。（2）将网页保存到jiaoXueGuanLi子文件夹中，取名为jyhd.h

11、tml。修改网页标题为“教学管理_教研活动”，删除可编辑区域location中的原有内容并输入文字“教研活动”，并超链接到jyhd.html，删除可编辑区域content_title中原有内容并输入文字“本学期教研活动计划”。16（3）先删除可编辑区域content中原有内容，然后以项目列表形式输入各个教研室名称，再在其下方依次输入各个教研室的教研活动计划标题和内容。分别将光标定位于各个教研活动计划标题后，单击【插入】面板【常用】选项组中的【命名锚记】按钮插入锚记，分别取名为anchor1、anchor2等等。再将教研室名称项目列表中的各个列表项分别超链接到对应的锚记#anchor1、#anc

12、hor2等。说明： 锚记是指文档中设置的位置标记。锚记链接常用在长文档中实现快速跳转。 在同一网页中创建锚记链接：#anchor。 在不同网页中创建锚记链接：another.html#anchor。（4）根据需要创建保存到jyhd.html中的CSS规则：#content .teachingplan /*项目列表的class属性值为teachingplan*/margin-bottom: 300px;17（5）打开【修改】【模板属性】菜单，在弹出的对话框中取消复选框【显示footer】的选中状态以便隐藏页脚的显示。（6）按照前面（1）（5）的类似步骤创建其余4个网页，即教学大纲jxdg.htm

13、l、实践教学sjjx.html、实训基地sxjd.html、顶岗实习dgsx.html，均保存到子文件夹jiaoXueGuanLi中，并根据各个网页具体情况修改其标题和其他内容，同时创建CSS规则进行效果处理。当网页内容较多时仍可采用锚记或分成多个网页存放并加以链接的方法，同时还可根据网页内容的多少决定是否隐藏页脚的显示。1854 更新模板文件将模板teach.dwt页中左列的标题“栏目导航”更改为“子栏目导航”，然后保存，并在【更新模板文件】对话框中单击【更新】按钮，完成后弹出【更新页面】对话框显示更新状态。说明： 如果单击【不更新】按钮，则就不会自动更新基于此模板创建的所有网页。但以后仍可

14、通过打开【修改】【模板】【更新当前页】/【更新页面】菜单，在弹出的对话框中更新指定的网页。19五、巩固与拓展1网页制作创建系部概况栏各个网页所用模板，并根据此模板创建各个网页。创建学校网站教学科研栏各个网页所用模板，并创建基于此模板的各个网页。所需素材请参考学校现有网站搜集整理。2如何创建嵌套模板嵌套模板是指一个模板的可编辑区域基于另一模板。步骤如下： （1）创建基础模板； （2）新建一个基于此基础模板的网页，并保存该网页为模板（即嵌套模板）； （3）在嵌套模板中，在基础模板的可编辑区域上定义新的可编辑区域。20嵌套模板继承基础模板的属性，若改变基础模板，嵌套模板也会自动更新，所有基于基础模板和嵌套模板的网页都会改变。根据嵌套模板创建的网页可在基础模板和嵌套模板的所有可编辑区域中输入内容。3使标签属性可编辑在模板中可改变标签的部分属性，方法是：在模板中先选择标签，再打开【修改】【模板】【令属性可编辑】菜单，在弹出的对话框中设置；在根据模板创建的网页中，打开【修改】【模板属性】菜单，在弹出的对话框中对属性进行编辑。 21六、演示、点评与总结1演示与点评（下次课前进行）2归纳总结本章通过教学管理栏各个网页所使用模板的制作讲述了模板的创建和使用方法。重点讲解了可编辑区域和可选区域的创建以及如何根据模板创建网页。模板创建后还可随时根据需要修改，修改后自动更新相关的页面。通过模板