Dreamweaver网页制作教程 第10章 站点资源和库项目.pptVIP

第10章站点资源和库项目 厦门软件学院熊锡义 课前复习 本章要点 资源面板的使用 查看资源 选择和编辑资源 库的建立和管理 10.1 站点资源面板 10.1.1使用资源 1．在＂资源＂面板中查看资源 ＂资源＂面板提供两种视图： 1) ＂站点＂列表显示站点的所有资源，包括在该站点的任何文档中使用的颜色和 URL。 2) “收藏”列表仅显示选择的资源。 1) 打开“资源”面板: 选择“窗口”“资源” 2）查看“站点”列表:在“资源”面板中，选择位于面板顶部的“站点”选项。 3）查看＂收藏＂列表:在＂资源＂面板中，选择位于面板顶部的＂收藏＂选项。 ＂收藏＂列表为空，直到向其中显式添加资源。 2．选取资源类别 2）按不同顺序列出资源 3）更改列的宽度 4）预览资源 5）更改预览区域的大小 3．将资源添加到文档 选择要插入的资源。 将资源从面板拖动到文档。 4．使用“资源”面板将颜色应用于文本 在文档中选择文本。 选择面板左侧的＂颜色＂类别,选择所需的颜色。单击面板底部的＂应用＂按钮。 5．使用“资源”面板将 URL 应用于图像或文本 选择要应用 URL 的文本或图像。选择面板左侧的＂URL＂类别 ,选择 URL，然后单击＂插入＂按钮。 6．选择和编辑资源 1）选择多个资源 2）编辑资源 （1）在＂资源＂面板中，双击资源 . （2）根据需要更改资源。 （3）完成对资源的编辑后，执行下列操作之一： 如果该资源是基于文件的资源（除颜色和 URL 以外的任何资源），则保存它（使用编辑该资源时所用的任何编辑器）并将它关闭。 如果该资源是 URL，则在＂编辑 URL＂对话框中完成编辑后单击＂确定＂。 如果该资源是颜色，挑选颜色时 Dreamweaver 颜色选择器将自动退出。 10.1.2 管理资源面板 1．向“收藏”列表中添加资源 在＂资源＂面板的＂站点＂列表中选择一种或多种资源，然后单击该面板底部的＂添加到收藏＂按钮 . 2）向＂收藏＂列表中添加新颜色或 URL （1）在＂资源＂面板中，选择面板左侧的＂颜色＂或＂URL＂类别。 （2）选择位于面板顶部的＂收藏＂选项以显示＂收藏＂列表。 （3）单击面板底部的＂新建颜色＂或＂新建 URL＂按钮。 （4）使用颜色选择器选择一种颜色，然后根据需要为该颜色指定一个别名。或在“将新 URL 添加到库”对话框中输入 URL 以及别名，然后单击“确定”。 3）从“收藏”列表中删除资源 (1）在＂资源＂面板中，选择位于面板顶部的＂收藏＂选项。 (2）在＂收藏＂列表中选择一种或多种资源（或一个文件夹）。 (3）单击面板底部的＂从收藏中删除＂按钮。 4) 将资源归类到收藏夹中 10.2 库项目 库是一种用来存储要在整个 Web 站点上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。 库是一种特殊的 Dreamweaver 文件，其中包含已创建以便放在 Web 页上的单独的资源或资源副本的集合。库里的这些资源称为库项目。每当更改某个库项目的内容时，可以更新所有使用该项目的页面。可以在库中存储各种各样的页面元素，如图像、表格、声音和 Flash 文件。 10.2.1 创建库项目 可以从文档 body 部分中的任意元素创建库项目，这些元素包括文本、表格、表单、Java applet、插件、ActiveX 元素、导航条和图像。 基于选定内容创建库项目的操作： 1）在＂文档＂窗口中，选择文档的一部分并另存为库项目。 2）执行下列操作之一： 将选定内容拖到＂资源＂面板（＂窗口＂＂资源＂）的＂库＂类别中。 在＂资源＂面板（＂窗口＂＂资源＂）中，单击＂资源＂面板的＂库＂类别底部的＂新建库项目＂按钮。 选择＂修改＂＂库＂＂增加对象到库＂。 3）为新的库项目键入一个名称，然后按 Enter 键。 Dreamweaver 在站点本地根文件夹的 Library 文件夹中，将每个库项目都保存为一个单独的文件（文件扩展名为 .lbi）。 10.2.2显示库项目 在“资源面板”中单击“库”按钮 ，显示库项目 在文档中选择库项目后，会显示＂库项目＂属性面板，如图10- 3所示。 10.2.3 应用库项目 当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。 在文档中插入库项目操作如下： 1）将插入点放在＂文档＂窗口中。 2）在＂资源＂面板（＂窗口＂＂资源＂）中，选择面板左侧的＂库＂类别。 3）执行下列操作之一： 将一个库项目从＂资源＂面板拖动到＂文档＂窗口中。 若要在文档中插入库项目的内容而不包括对该项目的引用，在从＂资源＂面板向外拖动该项目时按 Control 键。如果用这种方法插入项目，则可以在文档中编辑该项目，但当更新使用该库项目的