网页制作与开发教程张强高建华温谦第8章模板与库.pptVIP

第8章模板与库 使用模板创建文档可以使网站和网页具有统一的结构和外观，如果有多个网页想要用统一风格来制作，用“模板”是一种有效便捷的方法。 模板实质上就是作为创建其他文档的基础文档。在创建模板时，可以决定哪些网页元素应该长期保留，不可编辑，哪些元素可以编辑和修改。然后通过模板创建出风格相同的网页来。 8.1 模 板 模板和库是Dreamweaver 8中提供的一种机制，能够帮助网页设计师快速制作大量布局相似的网页。这在建设网站时十分重要。 通常在一个网站中，可能有几十甚至几百个页面，然而并非每个页面的布局都不相同。一般来说，页面被分为若干级。首页是第一级，它是网站的门户，因此一般是独一无二的。跟首页相链接的页面就是二级页面，二级页面中一般分为若干个栏目，与每一个栏目相链接的页面就是三级页面。当然还可以有更多的层次，这样内容相似的页面往往使用相同的布局，各页面之间不同的部分只是具体内容。 8.1.1 认识模板 模板具有以下优点。 （1）风格一致，看起来比较系统，也省去了重复劳动的麻烦。 （2）如果要修改共同的页面元素，则不必一个一个地修改，只要更改应用它们的模板就可以了。 （3）免除了以前没有此功能时还要常常“另存为”；否则一不小心容易覆盖重要档案的困扰。 8.1.2 制作模板 制作模板与制作普通页面完全相同，只是通常并不把页面的所有部分都完成，而只是制作导航栏和标题栏等各个页面的公有部分，这些部分一般在网页的四周，而把中间留给每页的具体内容。 例如这里已经制作了一个页面，如图8-3所示。页面的大部分已经完成了，如导航栏等，因为这些部分对很多页面是相同的。还有6个部位是空白的，在图中用线框表示。这些区域在模板中是空白的，将来基于模板创建出一个个页面以后，在各个页面中放置具体内容。 现在回到刚才制作好的那个网页，选择菜单栏中的“文件→另存为模板”命令，这时会打开如图8-5所示的对话框。首先在最上面的下拉列表框中确定要为哪个站点制作模板，当然目前只有一个站点。然后在最下面的文本框中为这个模板起一个名字，最后单击“保存”按钮，这个页面就保存为模板了。现在再观察“资源”面板的“模板”列表框，如图8-6所示，其中已经列出了刚才保存的模板。 8.1.3 使用模板 上面创建了一个模板，并保存好了，现在来尝试使用这个模板。首先来学习用这个模板创建一个新的网页。 8.1.4 修改模板以更新文档 前面介绍了使用模板的基本步骤，概括起来就是先制作一个普通的页面，但是这个页面的某些部分是空白的，然后把它保存为模板，并进行编辑，主要的工作就是为它设定若干个可编辑区域，这样模板就建好了。在使用的时候，先由模板创建网页，然后在可编辑区域里面添加上适当的内容就可以了。 模板的作用还不仅于此，它还有更大的作用。事实上，建立网站并不是一劳永逸的事，网页可能会更新，甚至栏目也有可能要增加，如果很多网页不是使用同一个模板创建的，那么手工逐个修改页面使新旧页面保持一致将是十分烦琐的事。Dreamweaver 8提供的自动更新所有网页的功能解决了这个问题。 8.1.5 将文档和模板分离 使用模板创建文档，或对一个已经存在的文档应用了模板之后，该模板和所有使用了该模板的文档之间就建立了一种链接关系。当模板的内容被更改之后，所有应用该模板的文档也会被自动更新，而不用将这些文档一一打开加以编辑。 将模板应用到页面上之后，可编辑区域的位置和所有的不可编辑区域都是不可更改的。如果想要修改它们，可以有两种方法：一种方法是更改该页面的模板；另一种方法是将页面和模板分离，这样就可以修改页面上的任何部分。但是，当页面和模板分离之后，如果模板被更新，由于页面和模板已经脱离了链接关系，所以页面将不被自动更新。 要将页面和模板分离，只需打开文档，然后选择菜单栏中的“修改→模板→从模板中分离”命令，页面上所有的部分就都变成可编辑的了。 但是需要注意的是，一旦一个文档和模板分离以后，当这个模板被更新时，文档也就不会自动更新了。 8.1.6 将模板应用到已经存在的文档 Dreamweaver还提供了一个非常有用的功能，就是可以把模板应用到已经存在的网页文档中，当然这要求该文档要符合一定的要求。 要将模板应用到已经存在的文档，可以用下面3种方式之一。 （1）打开已经存在的文档，选择菜单栏中的“修改→模板→应用模板到页”命令，这样会弹出“