社交媒体 如何在Dreamweaver中创建和使用库项目 - 傻瓜

如何在Dreamweaver中创建和使用库项目 - 傻瓜

目录:

视频: 2015091205 Dreamweaver 中建立導覽列,並設定項目的連結網頁網址 2024

视频: 2015091205 Dreamweaver 中建立導覽列,並設定項目的連結網頁網址 2024
Anonim

如果您正在使用Dreamweaver,那么了解如何创建库项目,向页面添加一个项目以及编辑并更新多个页面的库项目。要使这些步骤正常工作,您必须按顺序执行这些步骤。在创建或使用库项目之前,您必须首先设置该站点并在“文件”面板中将其打开。

如何在Dreamweaver中创建库项目

要创建可在网站的多个页面上使用的库项目,请按照以下步骤操作:

<! - 1 - >
  1. 打开您想要保存为库项目的页面上的图像,文本或其他元素的任何现有文件。

  2. 在该页面中,选择要保存为库项目的元素或元素集合,例如显示在页面底部的版权信息。

  3. 选择修改→库→添加对象到库。

    库资源面板打开并显示任何现有的库项目。您的新库项目显示为 无标题。

    <! - 2 - >
  4. 选择无标题,并通过键入一个新名称来替换它,如同在PC上的资源管理器或Mac上的Finder中命名任何文件。

    创建库项目时,Dreamweaver会自动将其保存到库中。命名库项目使得它们更容易识别何时使用它们。然后,您可以轻松地将库项目应用到您站点中的任何新的或现有的页面。

如何将库项目添加到Dreamweaver中的页面

只需将它们从“资源”面板拖到页面,即可轻松地将库中的元素添加到页面中。添加库项目时,将内容插入到文档中并建立连接。

此连接非常重要,因为它使您可以稍后编辑库项目,并将更改应用到项目出现的所有页面,但这也意味着您无法编辑插入页面上的项目。

要将库项目添加到页面,请按照下列步骤操作:

  1. 在Dreamweaver中创建新文档或打开任何现有文件。

  2. 在“文件”面板中,单击“资源”选项卡,然后单击“库”图标。

    库在“资源”面板中打开。将一个项目从库拖到文档窗口。

  3. 或者,您可以选择库中的一个项目,然后单击“插入”按钮。该项目自动出现在页面上。在页面上插入库项目后,可以使用Dreamweaver的任何格式化功能将其定位到页面上。

    如何在Dreamweaver中高亮显示库项目

高亮显示库项目以将其与页面上的其他元素区分开来。在“首选项”对话框中,您可以自定义库项目的高亮颜色以及显示或隐藏高亮颜色。要更改或隐藏库高亮显示,请按照下列步骤操作:

选择编辑→首选项(Windows)或Dreamweaver→首选项(Mac)。出现“首选项”对话框。

  1. 在左边的类别部分,选择突出显示。

    单击颜色框以选择库项目的颜色,然后选择“显示”框以在页面上显示库高亮颜色。

  2. 如果您不想显示高亮颜色,请将该框留空。

  3. 单击确定关闭首选项对话框。

    如何使用库项目在Dreamweaver中进行全局更改

  4. Dreamweaver库功能可以节省时间,因为您可以更改库项目并自动将这些更改应用于出现库项目的任何或所有页面。要编辑库项目,请按照下列步骤操作:

从“文件”面板中,单击“资源”选项卡,然后单击“库”图标。

库在“资源”面板中打开。

  1. 双击库中列出的任何项目以打开项目。

    Dreamweaver将打开一个新窗口,您可以在其中编辑库项目。

  2. 库项目将不具有用于指定背景,链接或文本颜色的标记。库项目从插入页面的标签获取正确的设置。

    更改库项目,就像编辑Dreamweaver中的任何元素一样。

    例如,您可以更改链接,编辑文字的措辞,更改字体或大小,甚至添加图像,文本和其他元素。

  3. 选择文件→保存以将更改保存到原始项目。

    “更新库项目”对话框打开,显示库项目出现的所有页面的列表。

  4. 要将所做的更改应用于列出的所有页面上的库项目,请单击“更新”按钮。

    如果您不想将更改应用于库项目出现的所有页面,请单击“不更新”按钮。

  5. 如果单击“更新”按钮,将出现“更新页面”对话框并显示更新的进度。如有必要,您可以从此对话框中停止更新。

    如何在Dreamweaver中编辑库项目的一个实例

    如果要在特定页面或几个页面上更改库项目,可以通过分离自动库功能或断开链接来覆盖自动库功能在库中的原始项目和插入到页面中的项目之间。

断开连接后,不能再自动更新该页面的库项目。

要分离库项目的一个实例以便可以独立编辑它,请执行以下步骤:

打开包含库项目的任何文件,然后选择库项目。

属性检查器显示库项目选项。

  1. 单击从原始分离按钮。

    出现一条警告消息,通知您,如果继续从原件中分离库项目,则在编辑原件时,不能再更新该项目。

  2. 单击确定以分离库项目。

如何在Dreamweaver中创建和使用库项目 - 傻瓜

编辑的选择

探索Solid Tools 8 - 傻瓜

探索Solid Tools 8 - 傻瓜

Solid工具为Google SketchUp建模者提供了一种全新的方式工作。实体建模操作(或布尔操作)使您能够通过相互之间添加或减去其他形状来创建所需的形状。这种类型的建模在其他3D应用程序中实际上很常见;现在SketchUp可以做...

地理定位您的SketchUp模型 - 虚拟模型

地理定位您的SketchUp模型 - 虚拟模型

SketchUp是唯一被授予完全访问Google巨大的地理奇迹 - 当你花了六年时间成为谷歌稳定的成员时,会发生这种情况。按照以下步骤为您的SketchUp文件添加地理位置快照:确保您在线。 Google的所有地理数据都是...

如何在SketchUp房屋模型中添加二楼

如何在SketchUp房屋模型中添加二楼

直接在下面的一个顶部保证您的SketchUp建筑模型中的所有内容排成一列。有些人主张“打到旁边”,把事情放在一起,但这是一个麻烦的办法。这是你如何添加二楼的房子模型。追踪内部...

编辑的选择

如何在Photoshop CS6中创建云 - 虚拟人物

如何在Photoshop CS6中创建云 - 虚拟人物

Photoshop CS6中的云过滤器可以鼓起一片满天的只需点击鼠标即可从头开始。此过滤器使用来自前景和背景颜色的随机值创建云。事实上,大多数Photoshop老手使用这个过滤器太多,他们的图像中有一个惊人的云数量。 ...

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

如何使用Adobe Output Manager创建PDF演示文稿 - 傻瓜

您可以创建PDF ,多页面和演示文稿,以及网络画廊,通过桥梁的输出面板。便携式文档格式(PDF)是Adobe Acrobat的本地文件格式,已经变成了一种非常有用且接近通用的格式。很难找到没有Adobe Reader的计算机(免费软件来打开和查看PDF文件)...

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如何在Adobe Photoshop CS6中创建剪切路径 - 虚拟人物

如果要创建美丽的人影在Adobe Photoshop CS6中,可以很好地传输到其他应用程序进行文本换行,创建剪贴路径。剪切路径本质上是一个矢量路径,它定义了图像的哪一部分是可见的,哪一部分是透明的。通常围绕一个对象创建一个路径...

编辑的选择

约会50后:满足大量可用人在线 - 虚拟人物

约会50后:满足大量可用人在线 - 虚拟人物

作为新人50多岁的时候,你可能会遇到你们教会的每一个人,你们将通过那个场地见面。也许有一些新的人会弹出,但不是太多,而不是单身。但网络是不同的。新人总是出现。关系分手,配偶...

约会50:确定你是一个好听众 - 假人

约会50:确定你是一个好听众 - 假人

这里是一个在50岁以上成功约会的重要提示:确保你是一个很好的倾听你的约会的人。以下是有效倾听的前五个要素:稳定,专注的眼神接触微笑和面部表情,表明你已经理解,并且你很专心问题要求更多...

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

约会50后:重新学习如何成为一个伟大的爱人 - 傻瓜

Copyright©2014 AARP 。版权所有。当你在50岁之后再次开始约会时,你的性习惯可能有点生疏。不要被你不知道的东西吓倒。作为一个伟大的情人,有一些基本的规则,如果你和你的伴侣有一个共同的愿望,以取悦每一个...