第7讲 公选课 网页设计与制作 课件 中南民族大学.pptVIP

第7讲 模板和库项目 Version 3.0 * * 在Dreamweaver中利用模板和库项目能够创建具有统一风格的网页，同时也能更方便地进行网站的维护。 本讲介绍模板与库项目的基础知识和应用：如何创建模板以及在网页设计中应用模板，如何创建和设置库项目以及向网页添加库项目等。 最后介绍资源管理器的使用。 主要内容 7.1.1 模板概念 模板实际上就是一种用来生产具有相同风格页面的“模子”。 如果有上百页相同风格的文档，一旦要进行修改，只需要改动模板，就可以对这些文档进行批量更新，这在网站改版的情况下会大大提高工作效率。 7.1 模板 7.1.2 创建模板 1．将现有文档存为模板 （1）建立站点 （2）新建网页 （3）网页另存为模板： 选择菜单→文件→另存为模板 单击保存按钮。在站点根目录下会自动增加一个文件夹Templates，新保存的模板就在该文件夹中。模板文件扩展名为 .dwt。 打开资源面板并单击“模板”按钮，可以看到新建模板。 7.1 模板 7.1.2 创建模板 2．新建HTML模板 7.1 模板 7.1.2 创建模板 3．定义模板的可编辑区域 在模板中，有两种类型的区域：可编辑区域和锁定区域。在应用了模板的网页中，模板部分是锁定的，其中的内容都为不可编辑，所以必须在模板中定义可以编辑的区域以使用该模板来创建新的文档。 可以像普通网页一样在文档窗口中打开模板文件进行修改和编辑。 7.1 模板 7.1.2 创建模板 3．定义模板的可编辑区域 （1）打开模板； （2）清理模板文档：只保留所有页面中都需要的公共元素； （3）定义可编辑区域：选择菜单命令“插入→模板对象→可编辑区域”；或插入面板→选择模板标签→可编辑区域。 （4）在模板中，还有两个默认的可编辑区域：页面标题和页面头部中的区域。因此，应用了该模板的文档，可以更改文档的标题，可以在页面插入客户端脚本及定义CSS样式表，而其他区域均是不可编辑的。 7.1 模板 7.1.3 使用模板 1．使用模板创建新文档 （1）选择菜单命令“文件→新建”，选择“模板”选项卡，选择站点模板。 7.1 模板 7.1.3 使用模板 1．使用模板创建新文档 （2）在新文档中，光标只能移动到可编辑区。 （3）在可编辑区域中插入相应的表格、图象和文字。 （4）可以更改文档标题。 7.1 模板 7.1.3 使用模板 2．对已有文档应用模板 （1）打开已有网页文档； （2）展开资源面板的模板窗口，选中模板，单击面板下面的“应用”按钮。 7.1 模板 7.1.3 使用模板 3．使用模板更新文档 当需要对模板的某些方面进行修改，此时可在Dreamweaver中打开模板文件，按照需要进行相应的修改工作。在保存模板时会弹出如下对话框，询问是否需要更新使用该模板来创建的文件；选择“更新”，则自动对所有相关文件进行更新工作。 7.1 模板 7.1.4 模板应用 创建一个模板，然后在多个页面中应用此模板。 模板： 7.1 模板 7.1.4 模板应用 模板应用1 7.1 模板 7.1.4 模板应用 模板应用2 7.1 模板 7.2.1 库项目概念 指网站上经常重复使用或更新的页面元素（如图象、文本和其他对象），将它们存储在库中进行管理和维护。 7.2 库项目 7.2.2 创建库项目 在一个库项目中，可以包含文本、表格、表单、图象和多媒体等内容。创建库项目时，先选中文档中的需要作为库项目的对象，选择菜单命令“修改→库→增加对象到库”来创建项目，也可以在资源面板库类窗口中单击“新建库项目”按钮来创建。 注意：编辑库项目时，时间轴面板和行为面板是不可用的。 7.2 库项目 7.2.2 创建库项目 （1）在Dreamweaver中，新建网页文件。 （2）向网页中插入一个2行3列的表，设定表格边框为5，间距为2，边框颜色为蓝色。 （3）选定页面上的表格，选择菜单命令“修改→库→增加对象到库”，在当前站点根目录下自动增加一个Library文件夹和文件“未命名.lbi”。在库类窗口中同时给出该库项目的样式图。 7.2 库项目 7.2.2 创建库项目 （4）将新项目重命名为table，Library目录中的文件的名称也自动改变为table.lbi 7.2 库项目 7.2.3 向网页添加库项目 （1）打开网页文档； （2）确定插入位置； （3）打开资源面板并切换到库类别，选中库项目table，单击面板底部的“插入”按钮，或者直接将库项目拖动到目标位置释放，该项目就插入到网页中。 7.2 库项目