第十二讲 模板与库PPT.pptVIP

第十二讲 模板与库 ;12.1初识模板与库;1、模板（template） 模板创作者在模板中设计“固定的”页面布局，如果一些页面只有内容不同而结构相似，就可以使用模板。 模板最强大的用途之一在于一次更新多个页面。从模板创建的文档与该模板保持连接状态（除非您以后分离该文档）。可以修改模板并立即更新基于该模板的所有文档中的设计。 Dreamweaver 将模板文件保存在站点的本地根文件夹中的 Templates 文件夹中，使用文件扩展名 .dwt。如果该 Templates 文件夹在站点中尚不存在，Dreamweaver 将在您保存新建模板时自动创建该文件夹。 2、库（library） 库是一种特殊的 Dreamweaver 文件，其中包含您已创建以便放在 Web 页上的单独的资源 或资源副本的集合。库里的这些资源称为库项目。每当更改某个库项目的内容时，可以更新所有使用该项目的页面。可以在库中存储各种各样的页面元素，如图像、表格、声音和 Flash 文件。 Dreamweaver 将库项目存储在每个站点的本地根文件夹内的 Library 文件夹中。每个站点都有自己的库。 3、模板与库的区别 如果说模板是基于整个页面的，那么库是基于页面上的元素的。 ;12.2 使用模板;出现“另存为模板”对话框。;使用“资源”面板创建新模板 （1）在“资源”面板（“窗口”“资源”）中，选择面板左侧的“模板”类别。 即会显示“资源”面板的“模板”类别。  图三 “资源”面板 （2）单击“资源”面板底部的“新建模板”按钮。 一个新的、无标题模板将被添加到“资源”面板的模板列表中。 （3）在模板仍处于选定状态时，输入模板的名称。 Dreamweaver 在“资源”面板和 Templates 文件夹中创建一个新的空模板。;2、模板区域;若要插入可编辑模板区域，请执行以下操作： 1)在“文档”窗口中，执行下列操作之一选择区域： 选择想要设置为可编辑区域的文本或内容。 将插入点放在想要插入可编辑区域的地方。 2)执行下列操作之一插入可编辑区域： 选择“插入”“模板对象”“可编辑区域”。 右键单击，然后选择“模板”“新建可编辑区域”。 在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“可编辑区域”。 出现“新建可编辑区域”对话框。 3）在“名称”文本框中为该区域输入唯一的名称。（不能对特定模板中的多个可编辑区域使用相同的名称。 注意 不要在“名称”文本框中使用特殊字符。 4）单击“确定”。 可编辑区域在模板中由高亮显示的矩形边框围绕，该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。如果在文档中插入空白的可编辑区域，则该区域的名称会出现在该区域内部。;选择可编辑区域：单击可编辑区域左上角的选项卡以选中它。 删除可编辑区域请执行以下操作： 单击可编辑区域左上角的选项卡以选中它。 执行下列操作之一： 选择“修改”“模板”“删除模板标记”。 右键单击，然后选择“模板”“删除模板标记”。现在，该区域不再是可编辑区域。;3、基于模板创建网页实例;制作步骤： 一、规划网站 整个网站的结构如图四 二、制作被作为模板的页面和创建模板 1、预先制作被作为模板的一个网页 利用布局模式下的布局表格制作版面设置如图五的页面。 2、创建模板 （1）创建模板 1）打开已经制作好的网页newtemp.html 2）按F11打开“资源”面板 3）在“资源”面板，单击面板左侧的“模板”类别按钮，选择“模板”类别 4）单击“资源”面板底部的“新建模板”按钮，则可建立一个新模板，输入模板名称 5)dreamweaver在“资源”面板和templates文件夹中创建一个模板文件，扩展名为.dwt （2）插入可编辑区 将文档另存为模板是，Dreamweaver基于模板的区域被自动锁定，模板创建时需要插入可编辑区域。;若要插入可编辑模板区域，请执行以下操作： 在“文档”窗口中，执行下列操作之一选择区域： 选择想要设置为可编辑区域的文本或内容。 将插入点放在想要插入可编辑区域的地方。 执行下列操作之一插入可编辑区域： 选择“插入”“模板对象”“可编辑区域”。 右键单击然后选择“模板”“新建可编辑区域”。 在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“可编辑区域”。 ;三、使用模板创建网页;若要撤消模板更改，请执行以下操作： 选择“编辑”“撤消应用模板”。该文档回复到应用该模板前的状态。;四、测试网站 注意体验模板更新时对所有页面的更新 五、网页脱离模板