网页制作与开发教程 第8章 模板与库.ppt

库使用模板创建文档可以使网站和网页具有统一的结构和外观，如果有多个网页想要用统一风格来制作，用“模板”是一种有效便捷的方法。
模板实质上就是作为创建其他文档的基础文档。在创建模板时，可以决定哪些网页元素应该长期保留，不可编辑，哪些元素可以编辑和修改。然后通过模板创建出风格相同的网页来。8.1模板通常在一个网站中，可能有几十甚至几百个页面，然而并非每个页面的布局都不相同。一般来说，页面被分为若干级。首页是第一级，它是网站的门户，因此一般是独一无二的。跟首页相链接的页面就是二级页面，二级页面中一般分为若干个栏目，与每一个栏目相链接的页面就是三级页面。当然还可以有更多的层次，这样内容相似的页面往往使用相同的布局，各页面之间不同的部分只是具体内容。8.1.1认识模板（a）首页（b）不同的二级页面图8-2模板页面8.1.2制作模板例如这里已经制作了一个页面，如图8-3所示。页面的大部分已经完成了，如导航栏等，因为这些部分对很多页面是相同的。还有6个部位是空白的，在图中用线框表示。这些区域在模板中是空白的，将来基于模板创建出一个个页面以后，在各个页面中放置具体内容。图8-3制作模板网页图8-4“资源”面板现在回到刚才制作好的那个网页，选择菜单栏中的“文件→另存为模板”命令，这时会打开如图8-5所示的对话框。首先在最上面的下拉列表框中确定要为哪个站点制作模板，当然目前只有一个站点。然后在最下面的文本框中为这个模板起一个名字，最后单击“保存”按钮，这个页面就保存为模板了。现在再观察“资源”面板的“模板”列表框，如图8-6所示，其中已经列出了刚才保存的模板。图8-5“另存模板”对话框图8-6刷新后的“资源”面板8.1.3使用模板图8-7“从模板新建”对话框图8-8非设置可编辑区域的“temp”模板图8-9设定可编辑区域8.1.4修改模板以更新文档模板的作用还不仅于此，它还有更大的作用。事实上，建立网站并不是一劳永逸的事，网页可能会更新，甚至栏目也有可能要增加，如果很多网页不是使用同一个模板创建的，那么手工逐个修改页面使新旧页面保持一致将是十分烦琐的事。Dreamweaver8提供的自动更新所有网页的功能解决了这个问题。图8-10修改模板以更新文档图8-11“更新模板文件”对话框8.1.5将文档和模板分离将模板应用到页面上之后，可编辑区域的位置和所有的不可编辑区域都是不可更改的。如果想要修改它们，可以有两种方法：一种方法是更改该页面的模板；另一种方法是将页面和模板分离，这样就可以修改页面上的任何部分。但是，当页面和模板分离之后，如果模板被更新，由于页面和模板已经脱离了链接关系，所以页面将不被自动更新。要将页面和模板分离，只需打开文档，然后选择菜单栏中的“修改→模板→从模板中分离”命令，页面上所有的部分就都变成可编辑的了。
但是需要注意的是，一旦一个文档和模板分离以后，当这个模板被更新时，文档也就不会自动更新了。8.1.6将模板应用到已经存在的文档要将模板应用到已经存在的文档，可以用下面3种方式之一。
（1）打开已经存在的文档，选择菜单栏中的“修改→模板→应用模板到页”命令，这样会弹出“选择模板”对话框，在对话框的“模板”列表中选择一个模板，然后单击“选定”按钮。（2）打开已经存在的文档和“资源”面板的模板项，在面板中选择模板并将它拖放到“文档”窗口中。
（3）打开已经存在的文档和“资源”面板的模板项，在面板中选择模板并单击按钮，将模板应用到文档中。
图8-12制作一个简单的页面图8-13提示这个文档将被转换为模板图8-14转换成模板后的文档图8-15将模板应用到网页图8-16“不一致的区域名称”对话框8.2库需要时，可以把库项目拖放到文档中。这时，Dreamweaver8会在文档中插入该库项目的HTML源代码的一份拷贝，并创建一个对外部库项目的引用。这样，通过修改库项目，然后使用菜单栏中的“修改→库”命令子菜单上的更新命令，即可实现整个网站各页面上与库项目相关内容的一次性更新，既快捷又方便。8.2.1创建库项目图8-18选择库项目的内容图8-19创建库项目图8-20定制后的“库”面板8.2.2操作库项目图8-21“更新文件”对话框图8-22库项目“属性”面板图8-23打开库项目图8-24“更新库项目”对话框图8-25“更新页面”对话框图8-26更新库项目后的页面效果3.更新整个站点或所有使用特定库项目的文档4．删除库项目8.2.3插入库项目（3）在“库”面板中选中需要插入到文档中的库项目。
（4）单击“库”面板左下方的“插入”按钮，如图8-28所示，或者直接将选中的库项目拖曳到文档中。
图8-28单击“插入”按钮8.2.4将库项目与源文件分离（1）选中要与文档分离的库项目。
（2）选择菜单栏中的“窗口→属性”命令，打开“属性”面板，在“属性”面板