网页制作实用教程 张淑清 第9章 网页制作的资源——

《网页制作实用教程 张淑清 第9章 网页制作的资源——》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章网页制作的资源——模板、库教学内容：创建模板、使用模板、创建库项目、管理和编辑库项目及其他资源的管理。教学重点和难点：模板的创建及应用。9.1创建模板模板是指具有一定共性的文档样板，用于简化常规文档的创建工作，提高工作效率。在Dreamweaver8中，可以使用模板生成风格一致、维护轻松的页面。只要改变模板，就能自动更新所有基于这个模板的网页。9.1.1创建空白模板1．创建空白模板在Dreamweaver8中创建模板的种类较多，这里以HTML模板为例介绍创建模板的方法。创建一个空白的HTML模板，可以用下列方法之一：单击菜单命令“文

2、件

3、新建”，在出现的“新建文档”对话框中选择“常规

4、基本页

5、HTML模板”，然后单击“创建”按钮。选择菜单命令“窗口

6、资源”，打开“资源”控制面板，选择面板中的（模板）按钮，在“模板”面板中，单击面板底部的（新建模板）按钮。2．向空白模板中添加内容向空白模板中添加内容，和向普通文档中添加内容的方法一样，打开文档后即可编辑。只是模板的打开方式有所不同。除了从“文件”菜单中打开，和双击“模板”面板中的模板名称外，还有第三种方法，即在“模板”面板中选中要编辑的模板名后，再单击面板底部的（编辑）按钮，也可以打开模板。9.1.2将现有文档保存为模板

7、①在站点中打开制作好的页面。②选择菜单命令“文件

8、另存为模板”，弹出“另存为模板”对话框，在对话框中输入模板名称“down1”，并单击“保存”按钮，把当前页转换成模板。③如果在文档中使用了相对URL，系统会出现对话框，询问“要更新链接吗？”，请选择“是”，更新链接，使其中含有链接的元素保持原有的链接。④模板文件将被保存在站点的Templates文件夹下。同时，模板名称出现在“模板”面板中。9.1.3定义可编辑区域默认情况下，新创建的模板的所有区域都处于锁定状态。只有定义可编辑区域，才能将模板应用到网站的页面中去。设置可编辑区域需要在制作模

9、板时完成。可编辑区域可以是图像、文本或表格等。可以定义现有内容为可编辑区域，也可以插入新的可编辑区域。定义可编辑区域的方法是选择菜单命令“插入

10、模板对象

11、可编辑区域”。9.1.4定义可选区域在制作网站时，有些内容不需要在所有的页面中都出现，只是在一部分页面中需要显示。类似这样的内容可以将其定义成模板中的可选区域。有两种可选区域对象：可选区域：可以显示和隐藏特别标记的区域，在这些区域中无法编辑内容。可选区域的模板选项卡在单词之后。根据模板中设置的条件，可以定义该区域在其所创建的页面中是否可见。可编辑的可选区域：可以设置是否显示和隐藏该区域，

12、并可以根据需要编辑该区域中的内容。1、定义可选区域定义可选区域的操作步骤如下：①选择要定义为可选区域的元素。②单击菜单“插入

13、模板对象

14、可选区域”命令，这时将弹出“新建可选区域”对话框。在“名称”文本框中输入可选区域的名称。如果选择“默认显示”复选框，则表示这部分内容在基于模板的网页中显示。③单击“高级”标签切换到“高级”选项卡，选择“使用参数”单选按钮，然后选择将所选内容链接到的现有参数，可以链接可选区域参数；如果要编写模板表达式来控制可选区域的显示，则可选中“输入表达式”单选按钮，然后在文本框中输入表达式。2．使用可选区域在基于包含可

15、选区域之模板的网页中，可以通过修改模板的属性来选择是否显示可选区域的内容。方法是执行菜单命令“修改

16、模板属性”，弹出“模板属性”对话框，勾选或取消“显示”复选框来决定可选内容的“显示”或“隐藏”。如下图所示：9.1.5定义重复区域在模板中定义可重复区域，可以让用户在网页中创建可扩展的列表，并可保持模板中表格的设计不变。重复区域可以使用两种重复区域模板对象：区域重复和表格重复。重复区域是不可编辑的，如果对重复区域中的内容进行编辑，要在重复区域内插入可编辑区域。定义重复区域的操作步骤如下：①选择要定义为重复区域的元素。②单击菜单“插入

17、模板对

18、象

19、重复区域”命令，这时将弹出“新建重复区域”对话框。在“名称”文本框中输入重复区域的名称。9.2应用模板9.2.1创建基于模板的新文档1．从模板新建文档实例利用上一节建立的模板down1.dwt制作本书示例网站的“壮族节俗”页面jiesu.htm。操作步骤如下：①选择菜单“文件

20、新建”命令，然后选择“模板”选项卡，弹出“从模板新建”对话框。②从对话框中选择所需的模板down1.dwt，并勾选“当模板改变时更新页面”复选框，单击“创建”按钮。③根据需要将可编辑区域中的内容进行编辑，最后将文档保存为jiesu.htm即可。2．分离模板基于模

21、板的文档，如果要编辑文档中的锁定区域，必须将文档从模板中分离。将文档分离之后，整个文档都变为可编辑的。从模板分离文档操作方法是：①打开想要分离的基于模板的文档。②选择菜单“修改

22、模板

23、从模板中