Dreamweaver 模板

在将 HTML 页面另存为模板时，Dreamweaver 将在本地根文件夹的根目录级别创建一个模板文件夹，并生成一个 .dwt 文件，该文件将成为对其应用的所有页面的源。每次将 HTML 页面应用于模板(“文件”>“从模板新建”或“修改”>“模板”>“应用模板到页”)时，都会创建一个指向 .dwt 文件的站点根目录相对链接。此站点相对链接之所以始终能正确链接，原因是 .dwt 文件始终位于站点文件夹结构的根目录级别的 Templates 文件夹中。如果 .dwt 文件从 Templates 文件夹中移走，或者如果 Templates 文件夹被移动或重命名，链接将会断开。将 .dwt 文件保留在 Dreamweaver 创建该文件时使用的 Templates 文件夹中非常重要。为避免混淆，最好不要在 Templates 文件夹中保存您的站点的其他元素(图像源文件或 HTML 文档)。

页面如何链接到模板文件？

将文件应用于现有页面或从模板新建页面时，会在源中插入以下代码：

要查看 Dreamweaver 生成的 HTML 源代码，请选择“窗口”>“HTML”。

以上路径将替换常规 HTML 源显示在新页面上。系统并不从新文件将生成的常规标记开始，而是指定在本地根文件夹内的一个级别，在名为 Templates 的文件夹中存在一个 .dwt 文件，其中包含不在该页面可编辑区域之内的所有信息。此路径指示浏览器在正确的位置查找特定文件，该文件将提供页面属性、布局和图形等所有只存在于 .dwt 文件中的内容。正因如此，页面可编辑区域之外的更改必须直接在 .dwt 文件中进行。当 .dwt 文件本身被打开和修改时，应用于模板的所有页面将链接到与之前相同位置处的文件。应用于模板的所有页面都将自动更新新信息。

文档相对与站点根目录相对

将 HTML 页面链接到模板的路径是站点根目录相对路径。之所以称为站点根目录相对路径，是因为它从目录结构的顶层级别(本地根文件夹)开始，通过下一层文件夹 (Templates) 向下，最后链接到 .dwt 文件。Dreamweaver 会自动生成指向 Templates 文件夹中的模板的站点根目录相对路径，因为它准确知道在何处查找模板，而不管站点结构中存在其他什么样的文件夹。

文档相对路径创建特定从一个文件指向另一个文件的路径。它不从文件夹结构的顶层级别(站点根目录)开始，而是生成从一个文件开始，通过任何必要的文件夹(目录)，在另一个文件位置停止的路径。在创建从一个文件到另一个文件的文档相对链接之前，两个文件必须保存在本地根文件夹中。

如果您希望能够在本地通过浏览器预览页面，则在将文件上载到远程服务器之前，必须采用文档相对路径。Internet Explorer 和 Netscape 浏览器都无法了解定义的本地根文件夹(Dreamweaver 可以)，因此只能遵循相对于其当前正在查看的文档的路径。由于大多数用户喜欢在上载之前在本地通过浏览器查看页面，因此每当链接文件或插入图像时，Dreamweaver 都默认采用文档相对路径。如果在尝试插入图像或链接到其他 HTML 页面之前没有保存文件，Dreamweaver 没有当前页面位置的引用，因而将生成类似如下情况的路径：

file:///HardDrive/Desktop Folder/localRootFolder/subfolder/subfolder/images/content.htm

或

file:///C:/Desktop/localRootFolder/subfolder/subfolder/images/content.htm

这些路径只特定于您的工作站，在您将文件上载到远程服务器时，它们不起作用。

下图提供了文档相对与站点根目录相对之间差别的图解说明。在下面的示例中，使用备用路径选项为页面 bio.htm 插入了名为 logo.jpg 的图形。