DreamweaverCS3中文版实例教程 09 模板和库

《DreamweaverCS3中文版实例教程 09 模板和库》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第9章　模板和库本章简介：每个网站都是由多个整齐、规范、流畅的网页组成。为了保持站点中网页风格的统一，需要在每个网页中制作一些相同的内容，如相同栏目下的导航条、各类图标等，因此网站制作者需要花费大量的时间和精力在重复性的工作上。为了减轻网页制作者的工作量，提高他们的工作效率，将他们从大量重复性工作中解脱出来，DreamweaverCS3提供了模板和库功能。课堂学习目标“资源”控制面板模板库9.1“资源”控制面板“资源”控制面板用于管理和使用制作网站的各种元素，如图像或影片文件等。选择“窗口>资源”命令或按键，启用“资源”控制面板。“资源”控制面板

2、9.2模板课堂案例——房产资讯网创建模板定义和取消可编辑区域创建基于模板的网页管理模板9.2.1课堂案例——房产资讯网使用“创建模板”按钮创建模板。使用“可编辑区域”和“重复区域”按钮制作可编辑区域和重复可编辑区域效果。效果图9.2.2创建模板在DreamweaverCS3中创建模板非常容易，如同制作网页一样。当用户创建模板之后，DreamweaverCS3自动把模板存储在站点的本地根目录下的“Templates”子文件夹中，使用文件扩展名为.dwt。如果此文件夹不存在，当存储一个新模板时，DreamweaverCS3将自动生成此子文件夹。创建空模板将现有

3、文档存为模板9.2.3定义和取消可编辑区域创建模板后，网站设计者需要根据用户的需求对模板的内容进行编辑，指定哪些内容是可以编辑的，哪些内容是不可以编辑的。模板的不可编辑区域是指基于模板创建的网页中固定不变的元素，模板的可编辑模板区域是指基于模板创建的网页中用户可以编辑的区域。当创建一个模板或将一个网页另存为模板时，DreamweaverCS3默认将所有区域标志为锁定，因此用户要根据具体要求定义和修改模板的可编辑区域。对已有的模板进行修改定义可编辑区域定义可编辑的重复区域定义可编辑的重复表格取消可编辑区域标记9.2.4创建基于模板的网页创建基于模板的网页有两

4、种方法，一是使用“新建”命令创建基于模板的新文档；二是应用“资源”控制面板中的模板来创建基于模板的网页。使用新建命令创建基于模板的新文档应用“资源”控制面板中的模板创建基于模板的网页9.2.5管理模板创建模板后可以重命名模板文件、修改模板文件和删除模板文件。重命名模板文件修改模板文件更新站点删除模板文件9.3库课堂案例——热点话题跟踪创建库文件向页面添加库项目更新库文件9.3.1课堂案例——热点话题跟踪使用“库”面板添加库项目。使用库中注册的项目制作网页文档。使用“文本颜色”按钮更改文本的颜色。效果图9.3.2创建库文件库项目可以包含文档部分中

5、的任意元素，包括文本、表格、表单、Javaapplet、插件、ActiveX元素、导航条和图像等。库项目只是一个对网页元素的引用，原始文件必须保存在指定的位置。可以使用文档部分中的任意元素创建库文件，也可新建一个空白库文件。基于选定内容创建库项目创建空白库项目9.3.3向页面添加库项目当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。此时，无需提供原项目就可以正常显示。在页面中插入库项目的具体操作步骤如下。（1）将插入点放在文档窗口中的合适位置。（2）选择“窗口>资源”命令，启用“资源”控制面板。单击“库”按钮，进入“库”

6、面板。将库项目插入到网页中。9.3.4更新库文件当修改库项目时，会更新使用该项目的所有文档。如果选择不更新，那么文档将保持与库项目的关联，可以在以后进行更新。对库项目的更改包括重命名项目、删除库项目、重新创建已删除的库项目、修改库项目、更新库项目。重命名库项目删除库项目重新创建已删除的库项目修改库项目更新库项目9.4课堂练习——节日礼品购物网使用“库”面板添加库项目。使用库中注册的项目制作网页文档。效果图9.5课堂练习——啤酒世界使用可编辑区域制作可编辑区域。使用模板文档制作其他网页文档效果。效果图9.6课后习题——精品汽车网使用可编辑区域制作可编辑区域。

7、使用模板文档制作其他网页文档效果。效果图