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