Dreamweaver使用库项目.docx
- 文档编号:24485381
- 上传时间:2023-05-28
- 格式:DOCX
- 页数:9
- 大小:971.28KB
Dreamweaver使用库项目.docx
《Dreamweaver使用库项目.docx》由会员分享,可在线阅读,更多相关《Dreamweaver使用库项目.docx(9页珍藏版)》请在冰豆网上搜索。
Dreamweaver使用库项目
Dreamweaver使用库项目
图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键,再采取这种方式插入项目之后,用户可以在文档中编辑该项目,但在更新使用该项目的页面时文档不会更新。
1.库项目在网页中显示为黄色背景,并且不可编辑。
如图15-9所示。
提示要删除库项目,可在单击选中之后按Delect键。
图15-7two.htm网页效果图
图15-8从资源面板中拖出库项目
图15-9库项目在网页中的显示
9.在资源面板中选中库项目名称,单击“编辑”按钮000,可以打开库项目编辑窗口。
用户可以象其它网页一样进行修改。
如:
在属性面板中,设置标题“[信息发布]”
颜色为红色。
如图15-10所示。
10.保存文件后,弹出“更新库项目”对话框,在列表中显示了应用库项目的网页文件。
如图15-11所示。
图15-10在库项目编辑窗口修改标题颜色图15-11“更新库项目”对话框
说明当编辑库项目是,可以更新使用该项目的所有文档。
如果选择不更新,那么文档将保持与库项目的关联,并允许用户在以后更新它们。
对库项目的其他种类的更改包括:
重命名项目以断开其与文档或模板的连接,从站点的库中删除项目,以及重新创建丢失的库项目等。
11.单击“更新”按钮,弹出“更新页面”对话框。
在对话框中显示站点内文件的更新状态。
如图15-12所示。
12.单击“关闭”按钮,网页更新完成。
实验作业
图15-12“更新页面”对话框
■模仿
1.选择网页中需要创建库项目的表格。
2.在资源面板中单击“新建库项目”按钮。
3.命名库项目
4.在其他网页中调用库项目
5.单击资源面板的“编辑”按钮,编辑库项目。
6.保存修改后的库项目,并更新应用它的其他网页。
■创作
1.创建多个库项目
2.在同一网页中调用多个库项目,并尝试删除不用的库项目。
3.在资源面板中,修改库项目的名称。
4.修改库项目,并更新应用它的网页。
5.参考本书配套光盘exp14-15\site15文件夹中创建的应用库项目的网页,设置自己的库项目,网页效果如图15-13~如15-15所示。
6.
图15-13应用库项目的网页
图15-14应用库项目的网页图15-15应用库项目的网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Dreamweaver 使用 项目
![提示](https://static.bdocx.com/images/bang_tan.gif)