HTML和中文Dreamweaver MX2004实用教程 第9章.ppt

第9章 模板、资源面板与综合实例 本章要点 9.1 “商品介绍”模板 9.2 “商品介绍”网页 9.3 修改“商品介绍”模板 9.4 为“自我介绍”网页配色 9.5 添加“汽车”图像库项目 9.6 综合实例：“日本旅游”网站 9.7 发布“日本旅游”网站 习题 9 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.1 “商品介绍”模板 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.2 “商品介绍”网页 9.3 修改“商品介绍”模板 9.3 修改“商品介绍”模板 9.3 修改“商品介绍”模板 9.3 修改“商品介绍”模板 9.3 修改“商品介绍”模板 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.4 为“自我介绍”网页配色 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.5 添加“汽车”图像库项目 9.6 综合实例：“日本旅游”网站 9.6 综合实例：“日本旅游”网站 9.6 综合实例：“日本旅游”网站 9.6 综合实例：“日本旅游”网站 9.6 综合实例：“日本旅游”网站 9.6 综合实例：“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 9.7 发布“日本旅游”网站 （9）“新建收藏夹的文件夹”按钮：单击该按钮可在收藏夹中新建一个文件夹。 9.5.2 创建库项目和引用库项目 1．创建库项目 库在“资源”面板内，存储有库部件，库部件就是一些对象的集合，这些库部件是网站各网页经常要使用的内容。在创建网页时，只需将库中的库部件插入网页即可。 将页面中的对象（可以是文字、图像、表格以及表单等）放入库中，即在库中形成一个库项目。创建库项目可按照下述方法进行操作。 （1）执行“窗口”→“资源”菜单命令，调出“资源”面板。单击“资源”面板左边的“库”按钮，进入“资源”（库）面板。用鼠标将网页中的对象（不能是不可编辑区域中的对象）拖曳到“资源”（库）面板下边的元素列表框内，可以在“资源”面板的元素预览窗口中显示该对象的内容。 （2）选中“资源”（库）面板中元素列表框内对象（即库项目）的名字，再次单击该对象的名称，接着就可以更改对象的名称。用这种方法也可更改模板元素的名称。 （3）如果只想在“资源”（库）面板中创建一个库项目，而不想使选中的对象成为库项目的一个引用对象，则可以在执行上述操作时，按住Ctrl键。 （4）要删除库项目，可选中元素列表框中的库项目，再单击库管理器右下角的“删除”按钮即可。删除库项目后，它在页面内的引用不会丢失。 例如，打开一个网页文档，将其中的一幅图像拖曳到“资源”（库）面板的元素列表框中，该图像将自动转变为库项目。选中对象的名称后，再单击对象的名称，即可更改对象的名称。 2．引用库项目 （1）使用库项目在网页内创建引用：利用库项目在页面内创建库项目引用对象的操作方法如下。 ? 将光标移到网页内要插入“资源”（库）面板内对象（即库项目引用对象）的位置。 ? 打开“资源”（库）面板，选中元素列表框中的一个库项目对象，将它拖曳到网页页面的光标处。也可以在选中对象的情况下，单击“资源”（库）面板左下角的“插入”按钮。 ? 如果只想在页面内创建一个对象，而不建立它与库项目的引用关系，则可以在执行上述操作时按住Ctrl键。 （2）库项目引用的属性栏：网页页面中引用的对象会用特定颜色进行标记。选中一个该对象后，它的“属性”栏如图9-5-2所示。“属性”栏中的“Src”文字给出了库的名称和路经，其扩展名为“.lbi”。说明此对