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

《网页制作与开发教程 第8章 模板与库》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、库8.2模板8.1小结使用模板创建文档可以使网站和网页具有统一的结构和外观，如果有多个网页想要用统一风格来制作，用“模板”是一种有效便捷的方法。模板实质上就是作为创建其他文档的基础文档。在创建模板时，可以决定哪些网页元素应该长期保留，不可编辑，哪些元素可以编辑和修改。然后通过模板创建出风格相同的网页来。8.1模板模板和库是Dreamweaver8中提供的一种机制，能够帮助网页设计师快速制作大量布局相似的网页。这在建设网站时十分重要。通常在一个网站中，可能有几十甚至几百个页面，然而并非每个页面的布局都不相同。一般来说，页面被分为若干级。首页是第一级，它是网站的门户，因此一般是独一无二的。跟首页相

2、链接的页面就是二级页面，二级页面中一般分为若干个栏目，与每一个栏目相链接的页面就是三级页面。当然还可以有更多的层次，这样内容相似的页面往往使用相同的布局，各页面之间不同的部分只是具体内容。8.1.1认识模板模板具有以下优点。（1）风格一致，看起来比较系统，也省去了重复劳动的麻烦。（2）如果要修改共同的页面元素，则不必一个一个地修改，只要更改应用它们的模板就可以了。（3）免除了以前没有此功能时还要常常“另存为”；否则一不小心容易覆盖重要档案的困扰。（a）首页（b）不同的二级页面图8-1网页的不同页面图8-2模板页面8.1.2制作模板制作模板与制作普通页面完全相同，只是通常并不把页面的所有部分都完

3、成，而只是制作导航栏和标题栏等各个页面的公有部分，这些部分一般在网页的四周，而把中间留给每页的具体内容。例如这里已经制作了一个页面，如图8-3所示。页面的大部分已经完成了，如导航栏等，因为这些部分对很多页面是相同的。还有6个部位是空白的，在图中用线框表示。这些区域在模板中是空白的，将来基于模板创建出一个个页面以后，在各个页面中放置具体内容。图8-3制作模板网页图8-4“资源”面板现在回到刚才制作好的那个网页，选择菜单栏中的“文件→另存为模板”命令，这时会打开如图8-5所示的对话框。首先在最上面的下拉列表框中确定要为哪个站点制作模板，当然目前只有一个站点。然后在最下面的文本框中为这个模板起一个名

4、字，最后单击“保存”按钮，这个页面就保存为模板了。现在再观察“资源”面板的“模板”列表框，如图8-6所示，其中已经列出了刚才保存的模板。图8-5“另存模板”对话框图8-6刷新后的“资源”面板8.1.3使用模板上面创建了一个模板，并保存好了，现在来尝试使用这个模板。首先来学习用这个模板创建一个新的网页。图8-7“从模板新建”对话框图8-8非设置可编辑区域的“temp”模板图8-9设定可编辑区域8.1.4修改模板以更新文档前面介绍了使用模板的基本步骤，概括起来就是先制作一个普通的页面，但是这个页面的某些部分是空白的，然后把它保存为模板，并进行编辑，主要的工作就是为它设定若干个可编辑区域，这样模板就

5、建好了。在使用的时候，先由模板创建网页，然后在可编辑区域里面添加上适当的内容就可以了。模板的作用还不仅于此，它还有更大的作用。事实上，建立网站并不是一劳永逸的事，网页可能会更新，甚至栏目也有可能要增加，如果很多网页不是使用同一个模板创建的，那么手工逐个修改页面使新旧页面保持一致将是十分烦琐的事。Dreamweaver8提供的自动更新所有网页的功能解决了这个问题。图8-10修改模板以更新文档图8-11“更新模板文件”对话框8.1.5将文档和模板分离使用模板创建文档，或对一个已经存在的文档应用了模板之后，该模板和所有使用了该模板的文档之间就建立了一种链接关系。当模板的内容被更改之后，所有应用该模板

6、的文档也会被自动更新，而不用将这些文档一一打开加以编辑。将模板应用到页面上之后，可编辑区域的位置和所有的不可编辑区域都是不可更改的。如果想要修改它们，可以有两种方法：一种方法是更改该页面的模板；另一种方法是将页面和模板分离，这样就可以修改页面上的任何部分。但是，当页面和模板分离之后，如果模板被更新，由于页面和模板已经脱离了链接关系，所以页面将不被自动更新。要将页面和模板分离，只需打开文档，然后选择菜单栏中的“修改→模板→从模板中分离”命令，页面上所有的部分就都变成可编辑的了。但是需要注意的是，一旦一个文档和模板分离以后，当这个模板被更新时，文档也就不会自动更新了。8.1.6将模板应用到已经存在

7、的文档Dreamweaver还提供了一个非常有用的功能，就是可以把模板应用到已经存在的网页文档中，当然这要求该文档要符合一定的要求。要将模板应用到已经存在的文档，可以用下面3种方式之一。（1）打开已经存在的文档，选择菜单栏中的“修改→模板→应用模板到页”命令，这样会弹出“选择模板”对话框，在对话框的“模板”列表中选择一个模板，然后单击“选定”按钮。（2）打开已经存在的文档和“资源”面板的模板项，在