目录:
- 如何在Dreamweaver中创建库项目
- 如何将库项目添加到Dreamweaver中的页面
- 高亮显示库项目以将其与页面上的其他元素区分开来。在“首选项”对话框中,您可以自定义库项目的高亮颜色以及显示或隐藏高亮颜色。要更改或隐藏库高亮显示,请按照下列步骤操作:
- 从“文件”面板中,单击“资源”选项卡,然后单击“库”图标。
- 断开连接后,不能再自动更新该页面的库项目。
视频: 2015091205 Dreamweaver 中建立導覽列,並設定項目的連結網頁網址 2024
如果您正在使用Dreamweaver,那么了解如何创建库项目,向页面添加一个项目以及编辑并更新多个页面的库项目。要使这些步骤正常工作,您必须按顺序执行这些步骤。在创建或使用库项目之前,您必须首先设置该站点并在“文件”面板中将其打开。
如何在Dreamweaver中创建库项目
要创建可在网站的多个页面上使用的库项目,请按照以下步骤操作:
<! - 1 - >-
打开您想要保存为库项目的页面上的图像,文本或其他元素的任何现有文件。
-
在该页面中,选择要保存为库项目的元素或元素集合,例如显示在页面底部的版权信息。
-
选择修改→库→添加对象到库。
库资源面板打开并显示任何现有的库项目。您的新库项目显示为 无标题。
<! - 2 - > -
选择无标题,并通过键入一个新名称来替换它,如同在PC上的资源管理器或Mac上的Finder中命名任何文件。
创建库项目时,Dreamweaver会自动将其保存到库中。命名库项目使得它们更容易识别何时使用它们。然后,您可以轻松地将库项目应用到您站点中的任何新的或现有的页面。
如何将库项目添加到Dreamweaver中的页面
只需将它们从“资源”面板拖到页面,即可轻松地将库中的元素添加到页面中。添加库项目时,将内容插入到文档中并建立连接。
此连接非常重要,因为它使您可以稍后编辑库项目,并将更改应用到项目出现的所有页面,但这也意味着您无法编辑插入页面上的项目。
要将库项目添加到页面,请按照下列步骤操作:
-
在Dreamweaver中创建新文档或打开任何现有文件。
-
在“文件”面板中,单击“资源”选项卡,然后单击“库”图标。
库在“资源”面板中打开。将一个项目从库拖到文档窗口。
-
或者,您可以选择库中的一个项目,然后单击“插入”按钮。该项目自动出现在页面上。在页面上插入库项目后,可以使用Dreamweaver的任何格式化功能将其定位到页面上。
如何在Dreamweaver中高亮显示库项目
高亮显示库项目以将其与页面上的其他元素区分开来。在“首选项”对话框中,您可以自定义库项目的高亮颜色以及显示或隐藏高亮颜色。要更改或隐藏库高亮显示,请按照下列步骤操作:
选择编辑→首选项(Windows)或Dreamweaver→首选项(Mac)。出现“首选项”对话框。
-
在左边的类别部分,选择突出显示。
单击颜色框以选择库项目的颜色,然后选择“显示”框以在页面上显示库高亮颜色。
-
如果您不想显示高亮颜色,请将该框留空。
-
单击确定关闭首选项对话框。
如何使用库项目在Dreamweaver中进行全局更改
-
Dreamweaver库功能可以节省时间,因为您可以更改库项目并自动将这些更改应用于出现库项目的任何或所有页面。要编辑库项目,请按照下列步骤操作:
从“文件”面板中,单击“资源”选项卡,然后单击“库”图标。
库在“资源”面板中打开。
-
双击库中列出的任何项目以打开项目。
Dreamweaver将打开一个新窗口,您可以在其中编辑库项目。
-
库项目将不具有用于指定背景,链接或文本颜色的标记。库项目从插入页面的标签获取正确的设置。
更改库项目,就像编辑Dreamweaver中的任何元素一样。
例如,您可以更改链接,编辑文字的措辞,更改字体或大小,甚至添加图像,文本和其他元素。
-
选择文件→保存以将更改保存到原始项目。
“更新库项目”对话框打开,显示库项目出现的所有页面的列表。
-
要将所做的更改应用于列出的所有页面上的库项目,请单击“更新”按钮。
如果您不想将更改应用于库项目出现的所有页面,请单击“不更新”按钮。
-
如果单击“更新”按钮,将出现“更新页面”对话框并显示更新的进度。如有必要,您可以从此对话框中停止更新。
如何在Dreamweaver中编辑库项目的一个实例
如果要在特定页面或几个页面上更改库项目,可以通过分离自动库功能或断开链接来覆盖自动库功能在库中的原始项目和插入到页面中的项目之间。
断开连接后,不能再自动更新该页面的库项目。
要分离库项目的一个实例以便可以独立编辑它,请执行以下步骤:
打开包含库项目的任何文件,然后选择库项目。
属性检查器显示库项目选项。
-
单击从原始分离按钮。
出现一条警告消息,通知您,如果继续从原件中分离库项目,则在编辑原件时,不能再更新该项目。
-
单击确定以分离库项目。