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

《Dreamweaver网页制作教程 第10章 站点资源和库项目》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第10章站点资源和库项目厦门软件学院熊锡义课前复习层的创建编辑层层与表格的相互转化行为事件时间轴本章要点资源面板的使用查看资源选择和编辑资源库的建立和管理10.1站点资源面板10.1.1使用资源1．在＂资源＂面板中查看资源＂资源＂面板提供两种视图：1)＂站点＂列表显示站点的所有资源，包括在该站点的任何文档中使用的颜色和URL。2)“收藏”列表仅显示选择的资源。1)打开“资源”面板:选择“窗口”>“资源”2）查看“站点”列表:在“资源”面板中，选择位于面板顶部的“站点”选项。3）查看＂收藏＂列表:在＂资源＂面板中，选择位于面板顶部的＂收藏＂选项

2、。＂收藏＂列表为空，直到向其中显式添加资源。2．选取资源类别2）按不同顺序列出资源3）更改列的宽度4）预览资源5）更改预览区域的大小3．将资源添加到文档选择要插入的资源。将资源从面板拖动到文档。4．使用“资源”面板将颜色应用于文本在文档中选择文本。选择面板左侧的＂颜色＂类别,选择所需的颜色。单击面板底部的＂应用＂按钮。5．使用“资源”面板将URL应用于图像或文本选择要应用URL的文本或图像。选择面板左侧的＂URL＂类别,选择URL，然后单击＂插入＂按钮。6．选择和编辑资源1）选择多个资源2）编辑资源（1）在＂资源＂面板中，双击资源.（2）根据

3、需要更改资源。（3）完成对资源的编辑后，执行下列操作之一：如果该资源是基于文件的资源（除颜色和URL以外的任何资源），则保存它（使用编辑该资源时所用的任何编辑器）并将它关闭。如果该资源是URL，则在＂编辑URL＂对话框中完成编辑后单击＂确定＂。如果该资源是颜色，挑选颜色时Dreamweaver颜色选择器将自动退出。10.1.2管理资源面板1．向“收藏”列表中添加资源在＂资源＂面板的＂站点＂列表中选择一种或多种资源，然后单击该面板底部的＂添加到收藏＂按钮.2）向＂收藏＂列表中添加新颜色或URL（1）在＂资源＂面板中，选择面板左侧的＂颜色＂或＂U

4、RL＂类别。（2）选择位于面板顶部的＂收藏＂选项以显示＂收藏＂列表。（3）单击面板底部的＂新建颜色＂或＂新建URL＂按钮。（4）使用颜色选择器选择一种颜色，然后根据需要为该颜色指定一个别名。或在“将新URL添加到库”对话框中输入URL以及别名，然后单击“确定”。3）从“收藏”列表中删除资源(1）在＂资源＂面板中，选择位于面板顶部的＂收藏＂选项。(2）在＂收藏＂列表中选择一种或多种资源（或一个文件夹）。(3）单击面板底部的＂从收藏中删除＂按钮。4)将资源归类到收藏夹中10.2库项目库是一种用来存储要在整个Web站点上经常重复使用或更新的页面元素

5、（如图像、文本和其他对象）的方法。库是一种特殊的Dreamweaver文件，其中包含已创建以便放在Web页上的单独的资源或资源副本的集合。库里的这些资源称为库项目。每当更改某个库项目的内容时，可以更新所有使用该项目的页面。可以在库中存储各种各样的页面元素，如图像、表格、声音和Flash文件。10.2.1创建库项目可以从文档body部分中的任意元素创建库项目，这些元素包括文本、表格、表单、Javaapplet、插件、ActiveX元素、导航条和图像。基于选定内容创建库项目的操作：1）在＂文档＂窗口中，选择文档的一部分并另存为库项目。2）执行下列

6、操作之一：将选定内容拖到＂资源＂面板（＂窗口＂>＂资源＂）的＂库＂类别中。在＂资源＂面板（＂窗口＂>＂资源＂）中，单击＂资源＂面板的＂库＂类别底部的＂新建库项目＂按钮。选择＂修改＂>＂库＂>＂增加对象到库＂。3）为新的库项目键入一个名称，然后按Enter键。Dreamweaver在站点本地根文件夹的Library文件夹中，将每个库项目都保存为一个单独的文件（文件扩展名为.lbi）。10.2.2显示库项目在“资源面板”中单击“库”按钮，显示库项目在文档中选择库项目后，会显示＂库项目＂属性面板，如图10-3所示。10.2.3应用库项目当向页面添加

7、库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。在文档中插入库项目操作如下：1）将插入点放在＂文档＂窗口中。2）在＂资源＂面板（＂窗口＂>＂资源＂）中，选择面板左侧的＂库＂类别。3）执行下列操作之一：将一个库项目从＂资源＂面板拖动到＂文档＂窗口中。若要在文档中插入库项目的内容而不包括对该项目的引用，在从＂资源＂面板向外拖动该项目时按Control键。如果用这种方法插入项目，则可以在文档中编辑该项目，但当更新使用该库项目的页面时，文档不会随之更新。选择一个库项目，然后单击面板底部的＂插入＂按钮。10.2.4修改库项目1）在＂资源＂面

8、板（＂窗口＂>＂资源＂）中，选择面板左侧的＂库＂类别。2）选择库项目。库项目的预览出现在＂资源＂面板的顶部。（预览时不能进行任何编辑操作。）3）执行下列操作之一：单