《使用样式、元件和URL.ppt》由会员分享，可在线阅读，更多相关《使用样式、元件和URL.ppt（24页珍藏版）》请在三一办公上搜索。
1、精通Fireworks 8,主讲：李志伟,第11课：使用样式、元件和URL,Macromedia Fireworks 8 提供了三个可用于储存和重新使用样式、元件和 URL 的面板。样式储存在“样式”面板中，元件储存在“库”面板中，URL 储存在“URL”面板中。默认情况下，这三个面板构成了“资源”面板组。“样式”面板包含一组可供选择的预定义 Fireworks 样式。另外，如果创建了笔触、填充、滤镜和文本属性的组合并想重新使用该组合，可以将这些属性保存为样式。只需将它们保存在“样式”面板中，然后将该属性组合应用于其它对象即可，而不必每次都重建属性。Fireworks 提供三种类型的元件：图形
2、、动画和按钮。每种类型的元件都具有适合于其特定用途的独特特性。使用“库”面板，除了可以重制、导入和编辑元件外，还可以创建新元件。有关内置在动画和按钮元件中的特定功能的信息，请参阅创建动画和创建按钮和弹出菜单。URL（即统一资源定位符）是 Internet 上特定页面或文件的地址。如果要多次使用同一 URL，可将它添加到“URL”面板。可以在 URL 库中对 URL 进行组织和分组。本章包含以下主题：使用样式使用元件使用 URL,使用样式,通过创建样式，可以保存并重新应用一组预定义的填充、笔触、滤镜和文本属性。将样式应用于对象后，该对象即具备了该样式的特性。Fireworks 提供了许多预定义的
3、样式。可以添加、更改和删除样式。Fireworks CD-ROM 和 Macromedia 网站提供了更多可导入到 Fireworks 中的预定义样式。还可将样式导出以便与其他 Fireworks 用户共享，或者从其它 Fireworks 文档导入样式。注意：不能将样式应用于位图对象。,应用样式,可使用“样式”面板创建、储存样式以及将样式应用于对象或文本。“样式”面板:将样式应用于对象后，便可在不影响原始对象的前提下更新该样式。Fireworks 不跟踪将哪个样式应用于对象。自定义样式一经删除，便无法恢复；但是，当前使用该样式的任何对象仍会保留其属性。如果删除的是 Fireworks 提供的样
4、式，则可以通过“样式”面板“选项”菜单中的“重设样式”命令，将该样式和所有其它被删除的样式恢复。然而，重设样式时还会删除您的自定义样式。,创建和删除样式,可基于所选对象的属性来创建样式。样式将显示在“样式”面板中。下列属性可以保存在样式中：填充类型和颜色，包括图案、纹理以及角度、位置和不透明度等矢量渐变属性 笔触类型和颜色 滤镜 文本属性，如字体、字号、样式（粗体、斜体或下划线）、对齐方式、消除锯齿、自动字距调整、水平缩放、范围微调以及字顶距等若要创建新样式：创建或选择具有所需笔触、填充、滤镜或文本属性的矢量对象或文本。单击“样式”面板底部的“新建样式”按钮。从“新建样式”对话框中选择希望该样
5、式所具有的属性。如果需要，命名该样式，然后单击“确定”。一个表示该样式的图标随即显示在“样式”面板中。若要基于现有样式创建新样式：将现有样式应用于所选对象。编辑该对象的属性。通过创建新样式将这些属性保存起来（如前面过程中所述）。若要删除样式：从“样式”面板中选择一个样式。按住 Shift 键并单击可选择多个样式；按住 Control 键并单击可选择多个不相邻的样式。单击“样式”面板中的“删除样式”按钮。,编辑样式,如果要更改样式包含的属性，可从“样式”面板对该样式进行编辑。若要编辑样式：选择“选择”“取消选择”取消选择画布上的任何对象。双击“样式”面板中的某个样式。在“编辑样式”对话框中，选择
6、或取消选择希望应用的属性的组件。“编辑样式”对话框包含与“新建样式”对话框相同的选项。有关选择要加入到样式中的属性的详细信息，请参阅创建和删除样式。单击“确定”将更改应用于样式。,导出和导入样式,为了节省时间和保持一致性，您可能希望与其他 Fireworks 用户共享样式。通过将样式导出以便在其它计算机上使用可以实现样式共享。若要导出样式：从“样式”面板中选择一个样式。按住 Shift 键并单击可选择多个样式；按住 Control 键并单击可选择多个不相邻的样式。从“样式”面板的“选项”菜单中选择“导出样式”。输入将包含所保存样式的文档的名称和位置。单击“保存”。若要导入样式：从“样式”面板的
7、“选项”菜单中选择“导入样式”。选择要导入的样式文档。该样式文档中的所有样式即被导入并直接放在“样式”面板中所选样式之后。,使用默认样式,如果要从“样式”面板中删除所有自定义样式，并恢复所有已删除的默认样式，可以将“样式”面板重设为默认状态。还可以更改“样式”面板中显示的图标的大小。若要将“样式”面板重设为默认样式：从“样式”面板的“选项”菜单中选择“重设样式”。注意：将样式重设为默认值时将删除已保存的任何自定义样式。若要更改样式预览图标的大小：从“样式”面板的“选项”菜单中选择“大图标”可以在大预览尺寸和小预览尺寸之间切换。,在不创建样式的前提下应用属性,可以从某个对象中复制属性，然后将它们
8、应用于其它对象，而不必在“样式”面板中创建新样式。如果不打算将这些属性重新应用于其它对象，则可以通过该方法快速地将属性应用于对象。能够复制和应用的属性包括填充、笔触、滤镜和文本属性。若要从一个对象复制属性并将它们应用于其它对象：选择要复制其属性的对象。选择“编辑”“复制”。取消选择原始对象，然后选择要对其应用新属性的对象。选择“编辑”“粘贴属性”。所选对象具有与原始对象相同的属性。,使用元件,Fireworks 提供三种类型的元件：图形、动画和按钮。每种类型的元件都具有适合于其特定用途的独特特性。实例是 Fireworks 元件的表示形式。当对元件对象（原始对象）进行编辑时，实例（副本）会自动
9、更改以反映对元件所做的修改。每当想重新使用图形元素时，元件都会很有用。可将实例放在多个 Fireworks 文档中并保留与元件的关联。元件对于创建按钮以及通过多个帧中的对象制作动画很有帮助。,创建元件,使用“编辑”“插入”子菜单，可以创建图形、动画和按钮元件。可以从任何对象、文本块或组中创建元件，然后在“库”面板中对其进行组织。若要在文档中放置实例，只需将其从“库”面板拖到画布上。若要从所选对象中创建新元件：选择对象，然后选择“修改”“元件”“转换为元件”。在“元件属性”对话框的“名称”文本框中，为该元件键入一个名称。选择元件类型：“图形”、“动画”或“按钮”。然后单击“确定”。该元件随即出现
10、在库中，所选对象变成该元件的一个实例，同时“属性”检查器显示元件选项。若要从头开始创建元件：执行下列操作之一：选择“编辑”“插入”“新建元件”。从“库”面板的“选项”菜单中选择“新建元件”。选择元件类型：“图形”、“动画”或“按钮”。然后单击“确定”。根据所选的元件类型，将打开元件编辑器或按钮编辑器。使用“工具”面板中的工具创建元件，然后关闭编辑器。,放置实例,可将元件的实例放在当前文档中。若要放置实例：将元件从“库”面板拖到当前文档中。,编辑元件,若要编辑元件及其所有实例：执行下列操作之一打开元件编辑器：双击某个实例。选择某个实例，然后选择“修改”“元件”“编辑元件”。对该元件进行更改，然后
11、关闭窗口。该元件及其所有实例都将反映所做的修改。若要重命名元件：在“库”面板中，双击元件名称。在“元件属性”对话框中更改该名称，然后单击“确定”。若要重制元件：在“库”面板中选择元件。从“库”面板的“选项”菜单中选择“重制”。若要更改元件的类型：在“库”中双击元件名称。选择一个不同的“元件类型”选项。若要在“库”面板中选择所有未使用的元件：从“库”面板的“选项”菜单中选择“选择未用项目”。若要删除元件：在“库”面板中选择元件。从“库”面板的“选项”菜单中选择“删除”。单击“删除”。该元件及其所有实例随即被删除。,编辑实例,断开元件链接：通过先断开实例与元件的链接，可在不影响该元件或其它实例的前
12、提下修改此实例。若要使实例与元件分离：选择实例。选择“修改”“元件”“分离”。所选实例随即变为一个组。“库”面板中的元件与该组不再有任何关联。与元件分离后，以前的按钮实例即失去其按钮元件特性，而以前的动画实例则失去其动画元件特性。编辑实例属性：可以在不影响元件或其它实例的前提下，在“属性”检查器中修改下列实例属性：混合模式 不透明度 滤镜 宽度和高度 x 和 y 坐标 注意：按钮实例还具有其它可在不影响元件的前提下编辑的属性。若要在不影响元件或不断开元件链接的前提下编辑实例属性：选择实例。在“属性”检查器中修改实例属性。,导入和导出元件,您在当前文档中创建的动画、图形和按钮元件都储存在“库”面
13、板中。该面板还储存您导入到当前文档中的元件。虽然“库”面板是特定于当前文档的，但是通过导入和导出、剪切和粘贴或拖放操作，可以在多个 Fireworks 文档中使用一个库中的元件。可以从其它库（包括那些包含在 Macromedia Fireworks 中准备的元件的库以及包含您或他人先前导出的元件的库）导入元件。反之，如果创建了希望重新使用或共享的元件，则可以导出您自己的元件库。导出元件库时，它是作为 PNG 文件导出的。,导入元件,若要从 Fireworks 元件库导入一个或多个现成的元件：打开 Fireworks 文档。选择“编辑”“库”，然后选择一个库：“动画”将打开动画元件集合。“项目符
14、号”将打开类似于各种列表项目符号的图形元件的集合。“按钮”打开具有 2 个、3 个和 4 个状态的 Fireworks 按钮元件的集合。“主题”将打开一个动画、图形和按钮元件列表；每个主题由以相似方式设计和命名的三种元件组合而成，这些元件的颜色搭配很协调，能够一起使用。“其它”将打开“打开”对话框，从中可以定位到先前导出的元件库 PNG 文件。有关更多信息，请参阅下一个过程。此外，还可以从先前导出的库 PNG 文件（位于硬盘、CD 和网络上）中导入元件。有关导出元件的更多信息，请参阅导出元件。若要将元件从其它文件导入到当前文档中：执行下列操作之一：从“库”面板的“选项”菜单中选择“导入元件”。
15、选择“编辑”“库”“其它”。导航到包含该文件的文件夹，选择该文件，然后单击“打开”。选择要导入的元件，然后单击“导入”。导入的元件随即出现在“库”面板中。通过拖放或复制和粘贴实例，您还可以将独立的元件导入到多个文档的“库”面板中或者将其从多个文档的“库”面板中导出。若要通过拖放或复制和粘贴操作导入元件，请执行下列操作之一：将元件实例从包含该元件的文档拖到目标文档中。在包含该元件的文档中复制一个元件实例，然后将其粘贴到目标文档中。,导出元件,如果已在 Fireworks 文档中创建或导入了元件，并且希望将其保存以便在其它文档中重新使用或与他人共享，您可以通过“库”面板的“选项”菜单将它们导出到
16、PNG 文件。然后，可以使用“编辑”“库”子菜单导航到包含这些元件的 PNG 文件，并将它们导入。若要导出元件：从“库”面板的“选项”菜单中选择“导出元件”。选择要导出的元件，然后单击“导出”。导航到文件夹，为该元件文件键入一个名称，然后单击“保存”。Fireworks 将这些元件保存在单个 PNG 文件中。,在多个文档中更新已导出的元件和实例,导入的元件会保持与其原始元件文档的链接。可以编辑原始元件文档，然后更新目标文档以反映所做的编辑。若要更新所有已导出的元件和实例：在原始文档中，双击某个实例，或选择某个实例，然后选择“修改”“元件”“编辑元件”以打开相应的元件编辑器。修改元件，然后关闭编
17、辑器。保存该文件。在导入了该元件的文档中，从“库”面板中选择该元件。从“库”面板的“选项”菜单中选择“更新”。注意：若要更新所有已导入的元件，请在“库”面板中选择所有元件，然后选择“更新”。,使用 URL,为网页对象指定 URL 时，将创建一个指向诸如网页这样的文件的链接。可以为热点、按钮和切片对象指定 URL。如果打算多次使用同一 URL，可以在“URL”面板中创建一个 URL 库并将这些 URL 储存在该库中。可使用“URL”面板添加、编辑和组织 URL。例如，如果网站包含几个用于返回到主页的导航按钮，可以将主页的 URL 添加到“URL”面板中。然后可以通过在“URL”库中选择该 URL
18、 将它指定给每个导航按钮。如果某个 URL 出现在多个文档中，可以使用“查找和替换”功能进行批量更改（请参阅查找和替换）。URL 库对所有 Fireworks 文档都可用，并在会话间保存。,将 URL 指定给网页对象,若要将 URL 指定给网页对象：在“链接”文本框中输入一个 URL。单击加号(+)按钮以添加 URL。选择网页对象。从“URL”预览窗格中选择 URL。,创建 URL 库,若要创建新的 URL 库：从“URL”面板的“选项”菜单中选择“新建 URL 库”。在文本框中输入库名称，然后单击“确定”。新库名称随即出现在“URL”面板的“库”弹出菜单中。若要将新的 URL 添加到 URL
19、 库：从“库”弹出菜单中选择一个库。在“链接”文本框中输入一个 URL。单击加号(+)按钮。加号(+)按钮将当前 URL 添加到库中。通过只添加那些在文档中使用的 URL，可以对 URL 进行进一步的组织。若要在将 URL 指定给网页对象的同时将它添加到库中：选择该对象。执行下列操作之一输入 URL：从“URL”面板的“选项”菜单中选择“添加 URL”，输入一个绝对或相对 URL，然后单击“确定”。在“链接”文本框中输入一个 URL。单击加号(+)按钮。该 URL 随即出现在“URL”预览窗格中。请参阅指定 URL以及设置按钮元件或实例的 URL。若要将已使用的 URL 添加到 URL 库中：
20、从“库”弹出菜单中选择一个库。从“URL”面板的“选项”菜单中选择“将使用的 URL 添加到库”。若要将所选 URL 从“URL”预览面板中删除：单击“URL”面板底部的“从库中删除 URL”按钮。若要删除库中所有未使用的 URL：从“URL”面板的“选项”菜单中选择“清除未用的 URL”。单击“确定”。,编辑 URL,使用“URL”面板可以轻松地对 URL 进行编辑。可以只编辑某个 URL 的单个匹配项，也可将所做的更改应用于整个文档。若要编辑 URL：从“URL”预览窗格中选择要编辑的 URL。从“URL”面板的“选项”菜单中选择“编辑 URL”。编辑 URL。如果希望在整个文档中更新该链
21、接，请选择“更改文档中的所有匹配项”。,关于绝对 URL 和相对 URL,当在“URL”面板中输入 URL 时，可以输入绝对或相对 URL：如果要链接到的网页位于您自己的网站之外，则必须使用绝对 URL。如果要链接到的网页位于您自己的网站之内，则可以使用绝对 URL 或相对 URL。绝对 URL 是包含服务器协议（对网页而言通常为 http:/）的完整 URL。例如，http:/即为 Macromedia Fireworks 技术支持网页的绝对 URL。不管源文档的位置如何，绝对 URL 都能保持链接无误，但在目标文档已经移动的情况下，将无法正确链接。相对 URL 相对于包含源文档的文件夹。下
22、列范例显示了相对 URL 的导航语法：file.htm 链接到与源文档位于相同文件夹的文件。././file.htm 链接到一个文件，该文件位于比源文档所在文件夹高两级的文件夹中。每个./表示一个级别。htmldocs/file.htm 链接到的文件位于名为 htmldocs 的文件夹中，而该文件夹又位于包含源文档的文件夹中。如果要链接到的文件始终位于与当前文档相同的文件夹中，使用相对 URL 通常是最简单的。,导入和导出 URL,如果“URL”面板中包含要在其它 Fireworks 文档中重新使用的 URL，则可将其导出以供日后使用。然后，可将它们轻松地导入到任何其它 Fireworks 文档中，以便能轻松访问。您还可以导入所有在任何现有 HTML 文档中引用的 URL。若要导出 URL：从“URL”面板的“选项”菜单中选择“导出 URL”。输入文件名，然后单击“保存”。即可创建一个 HTML 文件。该文件包含已导出的 URL。若要导入 URL：从“URL”面板的“选项”菜单中选择“导入 URL”。选择一个 HTML 文件，然后单击“打开”。该文件中的所有 URL 随即被导入。,
