八

八、统一风格，建立系列网页——模板和库 (1)

作 者 : 阿文

　　Templates ，模板的概念应该是很熟悉的了，我们在操作 Word 或是 FrontPage 的时候都碰到过类似的概念。

　　模板是给你提供一个标准页面，它的固定模式，例如页面布局、字体排列等不变，只是改变各个页面内容，这有助于你成批地建立页面风格相同的网页，从而使网站风格得到统一。

为了便于理解，本节将通过 Dreamweaver 现成的实例来加以说明。 选择 Windows/ Templates ，打开 Templates 面板。有可能它是空的，什么都没有，那是因为你的 Site 定向不对。按照第一课所介绍的增加一个 New Site ，本地路径为 C:\Program Files\Macromedia\Dreamweaver 2\Tutorial\Olivebranch_site\ （如你的 Dreamweaver 并不装在 C:\Program Files\ 下面，则做相应的改变）。然后打开这 个 Site ，再按 Ctrl+F11 ，现在好了，面板里至少提供了三个预置的模板：

　　双击第二个模板 cat_product_winter ，打开它。如图所示 ，页面中那些蓝色被选内容就称为 Editable Region （可编辑区域），它定义了字体形状、大小和颜色，或者指定了可以插入图像、插件等。 当编辑页面的时候，只有可编辑区域才可以更改内容，并且其式样按照事先定义的不变。

　　建立 一个新的可编辑区域，可以把鼠标定义在任意位置，选择 Modify/ Templates/New Editable Region ，给它一个名字，在编辑页面的时候，这里可以输入内容，而其式样并未指定。此 外还可以通过选定一些已经设定了式样的内容，然后选择 Modify/Templates/Mark Selection as Editable ，建立新的可编区域。

　　删除某一个可编区域，选择 Modify/Templates/Unmark Editable Region ，在弹出的对话框中指定待删区域的名称即可。

　　此时模板已有了相应的改动，为以防万一，不要损坏原有模板，可以选择主菜单 File/Save as ，把这个模 板另存为 cat_product_winter000.dwt 。

　　根据该模板建立页面，通过 File/New From Template ，在对话框中选择模板名称，按 Select 键。 新建页面与模板的布局、色彩、式样等等都一模一样。用鼠标点击各个部分，发现有些地方可 以点得进去并插入内容，有些地方则无法插入光标，即被禁止编辑。在可以进行更改的区域内更改页面内容，按此步骤可以建立风格统一而内容不同的系列页面。