第10章 模板和库的应用ppt课件.ppt

《第10章 模板和库的应用ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章模板和库的应用学习目标：了解模板和库的基本概念掌握模板的创建和应用掌握库的创建和应用主要内容10.1模板10.2库10.3模板与库应用实例10.1模板模板是一种特殊类型的文档，用于设计“固定的”页面布局，然后可以基于设计好的模板创建文档，创建的文档会继承模板的页面布局。设计模板时，可以指定在基于模板的文档中哪些内容是用户“可编辑的”，模板创作者控制哪些页面元素可以由模板用户进行编辑。使用模板可以控制大的设计区域，以及重复使用完整的布局。如果要重复使用个别设计元素，如站点的版权信息或徽标，可以创建库项目。使用模板可以一次更新多个页面。从模板创建的文档与该

2、模板保持连接状态（除非您以后分离该文档）。可以修改模板并立即更新基于该模板的所有文档中的设计。模板最大的作用就是可以大大提高设计者的工作效率。当设计者对模板进行修改后，所有使用了这个模板的网页内容都将随之被修改。10.1模板1.基于现有文档创建模板可以把一个现有的文档创建成为模板，具体操作步骤如下：（1）打开要另存为模板的文档。（2）执行“文件”

3、“另存为模板”命令，弹出“另存模板”对话框，如图10-1所示。10.1.1创建模板10.1模板1.基于现有文档创建模板(续)（3）在“另存为”栏中为模板输入一个唯一的名称，单击【保存】按钮。Dreamweaver将模

4、板文件以.dwt为扩展名保存在站点的本地根文件夹中的Templates文件夹中。如果该Templates文件夹在站点中尚不存在，Dreamweaver将在保存新建模板时自动创建该文件夹。技术要点：不要将模板移动Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外，不要将Templates文件夹移动到本地根文件夹之外，否则将在模板中的路径中引起错误，通过模板建立文件时找不到模板文件。10.1.1创建模板10.1模板2.创建空模板可以使用“新建文档”对话框来创建模板，然后在模板中创建“可编辑的”和“不可编辑的”区域。创建好的模板在默

5、认情况下，将保存在站点的Templates文件夹中。创建空模板的具体操作步骤如下：（1）执行“文件”

6、“新建”命令，弹出“新建文档”对话框，如图10-2所示。10.1.1创建模板10.1模板2.创建空模板(续)（2）在“新建文档”对话框中，选择“空模板”类别。（3）从“模板类型”列中选择要创建的页面类型。例如，选择HTML模板来创建一个纯HTML模板。（4）如果希望新页面包含CSS布局，请从“布局”列中选择一个预设的CSS布局，否则，选择“无”。（5）从“文档类型”列表中选择文档类型。大多数情况下，文档类型保留为默认选择，即“XHTML1.0Transitio

7、nal”。10.1.1创建模板10.1模板2.创建空模板(续)（6）如果在“布局”列中选择了CSS布局，则从“布局CSS位置”列表中为布局的CSS选择一个位置。其中“添加到文档头”是指将布局的CSS添加到要创建的页面头中。“新建文件”是指将布局的CSS添加到新的外部CSS样式表并将新的样式表附加到要创建的页面中。“链接到现有文件”是指可以通过此选项指定已包含布局所需的CSS规则的现有CSS文件。为此，可以单击“附加CSS文件”窗格上方的“附加样式表”图标并选择一个现有CSS样式表。当希望在多个文档上使用相同的CSS布局（CSS布局的CSS规则包含在一个文件中）

8、时，此选项特别有用。（7）单击【创建】按钮，在创建好的空模板中添加内容，包括可编辑区域，具体操作见后续内容。（8）执行“文件”

9、“保存”命令，保存模板，将目标保存在站点的Templates文件夹。10.1.1创建模板10.1模板1.创建可编辑区域可编辑模板区域控制在基于模板的页面中用户可以编辑哪些区域。在插入可编辑区域之前，将要插入该区域的文档另存为模板。如果是在文档而不是模板文件中插入可编辑区域，则会收到警告，提示该文档将自动另存为模板。根据需要可以将可编辑区域置于页面的任意位置。创建可编辑区域具体操作步骤如下：（1）选择想要设置为可编辑区域的文本、内容或者

10、将插入点放在想要插入可编辑区域的地方。10.1.2编辑模板10.1模板1.创建可编辑区域(续)（2）执行下列操作之一插入可编辑区域：执行“插入”

11、“模板对象”

12、“可编辑区域”命令。单击右键，在弹出的快捷菜单中选择“模板”

13、“新建可编辑区域”命令。在“插入”面板的“常用”类别中，单击“模板”按钮，然后从弹出菜单中选择“可编辑区域”。（3）执行上述操作，弹出“新建可编辑区域”对话框，在“名称”框中为该区域输入唯一的名称，如图10-3所示。10.1.2编辑模板10.1模板1.创建可编辑区域(续)（4）单击【确定】按钮，创建可编辑区域。可编辑区域在模板中由高亮显示的矩

14、形边框围绕，该边框使用在首选参数中设置