Dreamweaver3之一学就会（九）

5D精英网 机器猫
2000年 第33期 

    这期是Dreamweaver3之一学就会系列教程的最后一篇。在此系列的连载期间，机器猫收到了600多封热心读者的E－mail。感谢大家对机器猫的热情支持，使我将教程进行到底。同时，机器猫也有幸认识了很多新朋友。在这期教程我们介绍库（Library）和模板（Template）的使用。
#1    摩和模板
    做一个网站，有时候很重要的一点就是整个网站的风格要统一。一些网页的版式都是相同的（如^33040201a^1）。
　　图1中标题和下面的一排按钮，还有表格的编排方式，还有里面已经制作好的9磅CSS样式，这些风格都是固定的。新作一张网页上面这些都不变，而只要替换文字和一些图片就行了。按照我们的习惯方法是重新做一张，经过漫长和痛苦的等待，终于做成了和前面一模一样的网页。这时发现还有N张网页也要同样制作。咚！机器猫的一个朋友应声倒地，机器猫转头面向观众，他明白了，你明白了没有 :）。这时候，我们就需要用到模板，它可以将网页中不变的元素固定下来，然后用来应用到其他的网页上去。这样我们只要修改相应的部分就可以了，无需再痛苦万分而一切重来。模板可以由一个网页来生成。制作过程如下。
　　1.制作好一个页面。
　　上面凡是不需要变化的元素都统一在图上做好（如^33040201b^2）。
　　2.选择菜单File→Save As Template（另存为模板）。
　　系统弹出对话框。在Save As文本框中填写模板名字，按Save。
　　3.如果仔细观察标题栏的话会发现标题栏上已经发生了变化（如^33040201c^3）。<<Template>>表示现在编辑的是模板了。模板的扩展名也是.dwt。
    4.接下来我们要做的一个重要工作就是设置可编辑区域。如果现在直接存盘的话，这个模板生成的页面是无法进行内容修改的，因为没有指定什么地方是可以修改的。只有设置了可编辑区域，我们以后编辑网页的时候才能够对网页进行修改。在这个例子中，三个表格中的单元格要求可以替换内容的，因此就对这三个单元格设置为可编辑区域。在一个单元格中单击，选择菜单Modify→Templates→New Editable Region（新可编辑区域）。在系统弹出的对话框中填入可编辑区域名称，按OK。在页面中就生成了一个{}包围的可编辑区域的标记。
　　5.同样方法制作其他两个单元格为可编辑区域。
　　6.保存模板，系统弹出提示框，“对模板进行了修改，保存后是否自动更新所有应用该模板的网页”。选择是，系统会进行搜索，并报告搜索结果，确认即可。
　　如何应用一个模板到页面呢？
    1.新建一个空白页面。
    2.选择菜单window→Templates打开模板面板。单击做好的模板。按面板上的Apply按钮即可（如^33040201d^4）。
    3.其中，页面中的黄色部分就是模板的不可编辑区域。将页面中{}包含的部分删去。填上相应的内容。一个页面就做好了（如^33040201e^5）。
　　由此可见模板有很多的好处。1.可以生成大批的风格相近的网页。2.一旦模板修改了，就修改了一批网页。模板修改完毕存盘时，会跳出一个对话框提示是否要把修改的模板重新应用到网页上去。选择Update按钮，就把模板全部重新应用了，这样，修改了一个页面就修改了整个网站的页面，大大提高了效率。要编辑模板只要在模板面板中双击模板即可。
　　有的时候我们制作了一个应用模板的网页。但是我们想对网页的不可编辑区域进行修改的话，需要把模板和网页进行分离。在网页中选择菜单Modi→Template→Detach From Template分离模板即可。这时就和一般的网页一样可以自由编辑了。
　　和模板有异曲同工之妙的就是库。模板可以用来制作整体网页的重复部分。库就是面向网页局部重复部分的。例如，在某些页面上要写上 XXXX版权所有，欢迎mail我之类的话。每次重复输入这些东西是让人恼火的。我们可以把这些东东做成库部件。以后重复使用。制作方法：我们以制作版权信息为例。
　　1.输入文字和信息。
　　2.选择菜单window→Library打开库面板，选中文字，拖进入面板，命名即可（如^33040201f^6）。图中黄色部分即为库部件，已经变为一个整体了。
　　以后要插入库部件的时候，只要在库面板中单击改部件，选择Insert按钮就可以完成部件插入。编辑部件只要在面板中双击部件就可以了。同样修改了一个部件，系统会提示，是否重新应用到所有使用库部件的页面。按Update按钮即可完成。大家应注意到，一旦使用了库和模板之后。在站点根目录下就多了两个目录。Templates目录为模板目录，所有扩展名为dwt的模板都存放在里面。Library目录为库目录，库部件扩展名为.lbi。关于库和模板的更多技巧可以到www.newdot.net下载技术手册。
    学习似乎到这里就结束了，其实远远没有。任何一个软件在一大群爱好者的手下会创造出无限的技巧来。同样Dreamweaver也是如此。
　　好了，到此Dreamweaver3之一学就会教程就结束了。感谢大家耐心地阅读。有什么问题欢迎发E－mail给机器猫：rudolf@21cn.com。

 