dw相对路径怎么改_了解 Dreamweaver 模板中的路径

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 的图形。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值