Dreamweaver4神童教程之十四

Dreamweaver4神童教程——模板
摘自赛迪网（小雷）

　　在一个网站中，可能有着数百甚至上千个网页，然而并非任何的页面布局都是不相同，一般说来网页分成若干级，首页是第一级，分栏目页面是第二级，具体的内容页面是第三级。以"互动学校"为例子，首页为大家提供了"互动学校"总的栏目划分和最近的更新文章，其下是细分的栏目二级页面，如"多媒体"，"网站建设"，等等，主要是该类网络资源的集成列表；最下面的是具体的内容页面。内容页面全部采用的是上面是标志，左面为交互方式，如"发送给朋友"，"查看讨论"等等，右面是具体的内容的格式。如图一：（详情请见 20.htm ）

图一

　　在这种内容页面中，变化的只是内容，左面交互方式和上面的标志都没有变化，而这种情况，我们就能够利用模板机制快速生成网页，在建立新网页时只需输入有变化的"内容"部分，而不需再制作网页的其他部分，从而节省了大量的时间和精力。

　　利用模板制作的网页，更有一个特别有用的功能：当您对模板不满意，只需修改模板， Dreamweaver 就能自动更新任何用模板制作的网页，而无需一个一个地进行修改！

一．模板制作：

　　模板的制作跟制作普通网页相似，但他只是制作网页中一起的部分，而有所变动的部分则留出空白也供以后的编辑使用。

　　模板制作完毕后，保存时记着选择"保存为模板"（Save As Templates）命令；保存后一定还要记着对可编辑区域进行配置（也就是配置有变动内容的区域），其命令是 Modify/Templates/New Editable Region ，如图二：

图二

　　设定好可编辑区域后，最后再用 Save 命令保存所做的修改。

二．模板示例：

下面，我们来制作"互动学校"内容页面的模板，最终效果如图三：

图三

图三中，具体的内容部分（Content）和相关文章列表部分是会发生变化的可编辑区域（Editable Region），其他区域是固定的。

模板的制作：

　　现在我们不用制作一个新的页面，只需用 Dreamweaver 打开 20.htm 并将其另存为一个新文档，然后将其中的内容和相关文章列表清除，结果如图四：

图四

　　现在将本文档保存为模板（File/Save As Template），并在弹出的窗口中确定保存位置和模板名字。如图五：

图五

　　模板保存后就得确定可编辑区域了，用鼠标点一下内容区域，然后点按 Modify/Templates/Editable Region ，随后会弹出一个对话窗口，让我们对此可编辑区域设定名字以便调用。这里，我们输入 Content。如图六：

图六

同理，将"相关文章"区域定为可编辑区域，并起名为"Relative"。

　　最后，将当前模板进行保存（File/Save），这时会弹出如图七的面板，提示您本模板将改变任何原模板（就是未设定可编辑区域时的那个模板）的样式，不管他，直接点按 OK 。

图七

　　现在打开保存本模板的文档夹，您将会发现多了一个 Template 文档夹，而其中有个模板文档，正是我们创建的模板，点击他能够用 Dreamweaver 打开。如图八：

图八

三．模板的使用：

　　模板使用很简单，只需用 File/New From Template ，在弹出的对话框中找到想用的模板就行了。如图九：

图九

要输入的内容，必须在可编辑区域进行，非可编辑区域无法进行操作。

示例：

　　现在我们使用刚才做好的模板文档（Templates/Temp-1）。

New Frome Template ，找到 Temp-1 文档。

　　文档打开后，用鼠标选中{Content}，然后将要替换的内容拷贝进去；选中{Relatvie}，然后将相关文章列表拷贝进去，最后就成了如 20.htm 网页文档。

四．总结：

　　模板机制的建立，让网页设计和内容服务分成两个单独的步骤，有利于工作效率的提高，同时让我们将更多精力放在精良的内容服务上，因此，大家应该养成使用模板的习惯，尤其是那些经常进行更新的网站，在模板的帮助下，您将发现只需改变一个文档，能够让成百上千个网页改头换面！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有