Dreamweaver使用库项目

《Dreamweaver使用库项目》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实验15使用库项目实验要求通过实验，掌握库项目的概念，以及在站点中如何创建.编辑和应用库项目，实现站点资源的重复利用。说明库是一种特殊的Dreamweaver文件，其中包含用户已创建的单独资源或资源的集合。库里的这些资源成为库项目。每当更改某个库项目的内容时，即可自动更新所用使用该项目的页面。在库中可以存储各种各样的页面元素，如图像.表格.声音和Flash文件等。对应知识点：l创建库项目l修改库项目l在网页中添加库项目实验素材制作完成的网页文件实验步骤1.选择菜单“文件”→“打开”命令，在“打开”对话框中选择本书配套光盘素材中的网页文件

2、“vtravel.htm”，单击“打开”按钮，打开网页。如图15-1所示。说明这是一个旅游网站的首页，位于左侧的几个栏目版块在其他一些栏目中也需要调用，因此可以考虑将他们建成库项目，当然，网页中其他部分重复使用的元素也可以制作为库项目，如广告栏，版权信息等内容。2.在创建库项目前，首先需要设置本地站点。关于站点的设置前面已经介绍，这里不再重复。“站点定义”对话框如图15-2所示。3.选择菜单“窗口”→“资源”命令，打开资源面板。单击左侧的“库项目”按钮，显示库面板。如图15-3所示。图15-1打开网页“vtravel.htm”图15-2

3、“站点定义”对话框图15-3资源库项目面板4.在已经打开的网页vtravel.htm中，选中需要创建库项目的“信息发布”表格，在资源面板上单击“新建库项目”按钮。如图15-4所示。也可以选择菜单“修改”→“库”→“增加库到对象”命令，系统将弹出“样式信息没有被复制”的提示框，如图15-5所示。单击“确定”即可。说明css样式表面板和行为面板在编辑库项目时是不可用的，因为库项目只能包括网页正文（body标签内）的元素。CSS样式表代码有一部分位于head段中，行为面板不可用是因为它在head段和body段中都插入了代码。页面属性对话框也不

4、可用，因为库项目不能包含body标签或其属性。5.在资源面板中显示了增加的“表格信息”，此时“名称”处于可编辑状态，直接输入库项目的名称“manage”。如图15-6所示。图15-4选中表格“单击”“新建库项目”图15-5样式信息没有被复制提示框图15-6为添加的库项目命名6.在二级栏目中需要添加库项目。打开站点中的网页“two.htm”，此时网页只制作完成顶部网站标识.导航和底部的版权信息等内容。如图15-7所示。7.假定在网页左侧单元格内需要添加库项目，则可以将光标停放在此单元中，单击资源面板中的“插入”按钮000000，或直接将库

5、项目从资源面板的库分类中拖出。如图15-8所示。说明如果要插入库项目的内容但不包括对项目的引用，则在将项目从“资源”面板的库分类中拖动出时可按住Ctrl键，再采取这种方式插入项目之后，用户可以在文档中编辑该项目，但在更新使用该项目的页面时文档不会更新。1.库项目在网页中显示为黄色背景，并且不可编辑。如图15-9所示。提示要删除库项目，可在单击选中之后按Delect键。图15-7two.htm网页效果图图15-8从资源面板中拖出库项目图15-9库项目在网页中的显示9.在资源面板中选中库项目名称，单击“编辑”按钮000，可以打开库项目编辑窗

6、口。用户可以象其它网页一样进行修改。如：在属性面板中，设置标题“[信息发布]”颜色为红色。如图15-10所示。10．保存文件后，弹出“更新库项目”对话框，在列表中显示了应用库项目的网页文件。如图15-11所示。图15-10在库项目编辑窗口修改标题颜色图15-11“更新库项目”对话框说明当编辑库项目是，可以更新使用该项目的所有文档。如果选择不更新，那么文档将保持与库项目的关联，并允许用户在以后更新它们。对库项目的其他种类的更改包括：重命名项目以断开其与文档或模板的连接，从站点的库中删除项目，以及重新创建丢失的库项目等。11.单击“更新”按

7、钮，弹出“更新页面”对话框。在对话框中显示站点内文件的更新状态。如图15-12所示。12.单击“关闭”按钮，网页更新完成。实验作业图15-12“更新页面”对话框■模仿1.选择网页中需要创建库项目的表格。2.在资源面板中单击“新建库项目”按钮。3.命名库项目4.在其他网页中调用库项目5.单击资源面板的“编辑”按钮，编辑库项目。6.保存修改后的库项目，并更新应用它的其他网页。■创作1.创建多个库项目2.在同一网页中调用多个库项目，并尝试删除不用的库项目。3.在资源面板中，修改库项目的名称。1.修改库项目，并更新应用它的网页。2.参考本书配套

8、光盘exp14-15site15文件夹中创建的应用库项目的网页，设置自己的库项目，网页效果如图15-13～如15-15所示。3.图15-13应用库项目的网页图15-14应用库项目的网页图15-15应用库项