利用Ｄｒｅａｍｗｅａｖｅｒ实现Ｗｅｂ网页批量变换.docVIP

利用Ｄｒｅａｍｗｅａｖｅｒ实现Ｗｅｂ网页批量变换 　　摘 要：在网站的制作过程中，经常会制作很多布局结构和版式风格都很相似但内容不同的页面，对于这种类型的页面，如果逐一修改则效率会非常低下。本文将通过对Dreamweaver 8.0中模板功能的使用来实现网页的批量变换。 　　关键词：Dreamweaver 8.0；模板；可编辑区域 　　中图分类号：TP393.07文献标识码：A 　　 　　Batch Transformation of Web Pages Using Dreamweaver 　　SUN Sha-sha，WEI Pei-wen 　　 (1. Henan Vocational School of Commerce，Henan Zhengzhou 450002；2.Xinlian College of Henan Normal University，Henan Xinxiang 453002） 　　Key words: batch transformation;web pages;dreamweaver 　　 　　在现在这样的网络信息时代，大家最离不开的恐怕就是各种各样的网站了。经常上网的同志会发现有些网站经常变换风格，真不知道那些勤奋而有创意的站长是如何给网站整个大变身的，难道是一个一个网页逐一修改的吗？其实啊，他们是在“批发”网页，这个秘密武器就是模板。在常用的网页制作工具中如Frontpage、Dreamweaver等都有这样的模板功能。今天我们就来简单介绍一下在Dreamweaver 8.0中如何利用模板来实现对网页的批量变换。 　　 　　1 模板的特点 　　 　　首先，模板可以生成大批风格相近的网页。模板可以帮助设计者把网页的布局和内容分离，就好像我们先做好了一个模子，再将不同的内容放进去就变成不同的网页了。其次，一旦模板修改将自动更新使用该模板的一批网页。这是因为从模板创建的文档都与该模板保持了链接状态，所以会随着模板的改变而改变。 　　 　　2 模板的创建 　　 　　说了模板的这么多好处，那我们该怎么来创建模板呢。 　　创建模板的方法很多，第一种呢，我们可以把已经完成的网页保存为模板。方法如下：打开要作为模板的网页→选择“文件”“另存为模板”命令，此时其扩展名为.dwt。→在“另存为”文本框中输入模板名→单击“保存”按钮将其保存，此时，选择“窗口”“资源”命令，在“资源”面板中可以见到刚创建的模板。 　　第二种办法就是从空白页开始来创建模板，具体方法如下：在“资源”面板中单击左侧的“模板”按钮→单击“资源”面板下方的“新建模板”→选定该模板，然后单击面板下方的“编辑模板”，这样就可以创建新模板了。 　　 　　3 创建模板的可编辑区域 　　 　　刚才说的是创建模板的空壳子，现在就要说到模板的核心部分了，一个模板是必须要设定可编辑区域和锁定区域的，否则模板是没有意义的。那什么是可编辑区域，什么是锁定区域呢？在网站众多风格相似的网页中，每页都一样的部分我们可以设为锁定区域，每页不同的部分可以设为可编辑区域。具体方法如下： 　　(1)在已经创建好的模板文件中通过表格设置、布局设置、文字设置，其方法和普通网页是一样的。这时候做好的模板如果用的话，所有部分都是不可修改的。 　　(2)将光标定位到想要插入可编辑区的地方，选择“模板”“可编辑区域”。 　　(3)在弹出的“新建可编辑区域中”对话框中，输入该区域的名称，单击“确定”。 　　(4)可编辑区域在模板中由高亮度显示的矩形边框环绕，边框颜色可以在参数中设置，在该区域左上角的选项卡中还会显示该区域的名称。 　　 　　4 使用模板创建页面 　　 　　现在就到了模板大显身手的时候了，那么怎么将模板应用到网站的所有页面中去呢？ 　　4.1在新页面中使用模板 　　⑴文件?O新建命令，在出现的对话框中单击“模板”标签。 　　⑵单击包含该模板的站点，在中间列表框即可看到该站点的模板了。 　　⑶选定该模板，即可在右侧的“预览框”中看到该模板。 　　⑷单击下方的“创建”即可打开网页编辑窗口。此时，除了设置的可编辑区能够修改外，其他区域无法被选择和修改。 　　（5）在可编辑区域输入内容后，我们就可以将此网页保存起来，再用相同的办法创建其他网页。从制作效果就可以看出来利用模板创建网页，能够大大提高工作效率。 　　4.2在现有文档上应用模板 　　打开已有的网页，选择“修改”?O“模板”?O“套用模板到页命令”，这时候会出现一个“选择模板”对话框，在对话框的模板列表中选择要应用的模板，单击“选定”即可。 　　 　　5 修改模板及更新页面 　　 　　假如过了一段时间，又想给网站换新风格了，这时候就可以通