Dreamweaver使用库项目.docVIP

实验15 使用库项目 实验要求 通过实验，掌握库项目的概念，以及在站点中如何创建.编辑和应用库项目，实现站点资源的重复利用。 说明 库是一种特殊的Dreamweaver文件，其中包含用户已创建的单独资源或资源的集合。库里的这些资源成为库项目。每当更改某个库项目的内容时，即可自动更新所用使用该项目的页面。在库中可以存储各种各样的页面元素，如图像.表格.声音和Flash文件等。 对应知识点： 创建库项目 修改库项目 在网页中添加库项目 实验素材 制作完成的网页文件 实验步骤 1. 选择菜单“文件”→“打开”命令，在“打开”对话框中选择本书配套光盘素材中的网页文件“vtravel.htm”，单击“打开”按钮，打开网页。如图15-1所示。 说明 这是一个旅游网站的首页，位于左侧的几个栏目版块在其他一些栏目中也需要调用，因此可以考虑将他们建成库项目，当然，网页中其他部分重复使用的元素也可以制作为库项目，如广告栏，版权信息等内容。 2. 在创建库项目前，首先需要设置本地站点。关于站点的设置前面已经介绍，这里不再重复。“站点定义”对话框如图15-2所示。 3. 选择菜单“窗口”→“资源”命令，打开资源面板。单击左侧的“库项目”按钮，显示库面板。如图15-3所示。 图15-1 打开网页 “vtravel.htm” 图15-2 “站点定义”对话框 图15-3 资源库项目面板 4. 在已经打开的网页vtravel.htm中，选中需要创建库项目的“信息发布”表格，在资源面板上单击“新建库项目”按钮。如图15-4所示。 也可以选择菜单“修改”→“库”→“增加库到对象”命令，系统将弹出“样式信息没有被复制”的提示框，如图15-5所示。单击“确定”即可。 说明 css样式表面板和行为面板在编辑库项目时是不可用的，因为库项目只能包括网页正文（body标签内）的元素。CSS样式表代码有一部分位于head段中，行为面板不可用是因为它在head段和body段中都插入了代码。页面属性对话框也不可用，因为库项目不能包含body标签或其属性。 5. 在资源面板中显示了增加的“表格信息”，此时“名称”处于可编辑状态， 直接输入库项目的名称“manage”。如图15-6所示。 图 15-4 选中表格“单击”“新建库项目” 图15-5 样式信息没有被复制提示框 图15-6 为添加的库项目命名 6. 在二级栏目中需要添加库项目。打开站点中的网页“two.htm”，此时网页只制作完成顶部网站标识.导航和底部的版权信息等内容。如图15-7所示。 7. 假定在网页左侧单元格内需要添加库项目，则可以将光标停放在此单元中，单击资源面板中的“插入”按钮000000，或直接将库项目从资源面板的库分类中拖出。如图15-8所示。 说明 如果要插入库项目的内容但不包括对项目的引用，则在将项目从“资源”面板的库分类中拖动出时可按住Ctrl键，再采取这种方式插入项目之后，用户可以在文档中编辑该项目，但在更新使用该项目的页面时文档不会更新。 库项目在网页中显示为黄色背景，并且不可编辑。如图15-9所示。 提示 要删除库项目，可在单击选中之后按Delect键。 图15-7 two.htm网页效果图 图15-8 从资源面板中拖出库项目 图15-9 库项目在网页中的显示 9. 在资源面板中选中库项目名称，单击“编辑”按钮000，可以打开库项目编辑窗口。用户可以象其它网页一样进行修改。如：在属性面板中，设置标题“[信息发布]” 颜色为红色。如图15-10所示。 10．保存文件后，弹出“更新库项目”对话框，在列表中显示了应用库项目 的网页文件。如图15-11所示。 图 15-10 在库项目编辑窗口修改标题颜色 图15-11 “更新库项目”对话框 说明 当编辑库项目是，可以更新使用该项目的所有文档。如果选择不更新，那么文档将保持与库项目的关联，并允许用户在以后更新它们。对库项目的其他种类的更改包括：重命名项目以断开其与文档或模板的连接，从站点的库中删除项目，以及重新创建丢失的库项目等。 11. 单击“更新”按钮，弹出“更新页面”对话框。在对话框中显示站点内文件的更新状态。如图15-12所示。 12. 单击“关闭”按钮，网页更新完成。 实验作业 ■ 模仿 选择网页中需要创建库项目的表格。 在资源面板中单击“新建库项目”按钮。 命名库项目 在其他网页中调用库项目 单击资源面板的“编辑”按钮，编辑库项目。 保存修改后的库项目，并更新应用它的其他网页。 ■ 创作 创建多个库项目 在同一网页中调用多个库项目，并尝试删除不用的库项目。 在资源面板中，修改库