勾引客'BLog
为网站建设|网页设计|SEO搜索引擎优化|网络推广事业而努力奋斗

利用Dreamweaver实现网页设计的批量制作

在现在这样的网络信息时代,大家最离不开的恐怕就是各种各样的网站了。经常上网的同志会发现有些网站经常变换风格,真不知道那些勤奋而有创意的站长是如何给网站整个大变身的,难道是一个一个网页逐一修改的吗?其实啊,他们是批量制作的网页,这个秘密武器就是模板。在常用的网页设计制作工具中如Frontpage、Dreamweaver等都有这样的模板功能。今天我们就来简单介绍一下在Dreamweaver中如何利用模板来实现对网页的批量变换。

1 模板的特点

首先,模板可以生成大批风格相近的网页。模板可以帮助网页设计者把网页的布局和内容分离,就好像我们先做好了一个模子,再将不同的内容放进去就变成不同的网页了。其次,一旦模板修改将自动更新使用该模板的一批网页。这是因为从模板创建的文档都与该模板保持了链接状态,所以会随着模板的改变而改变。

2 模板的创建

说了模板的这么多好处,那我们该怎么来创建模板呢。

创建模板的方法很多,第一种呢,我们可以把已经完成的网页保存为模板。方法如下:打开要作为模板的网页选择“文件”“另存为模板”命令,此时其扩展名为.dwt。在“另存为”文本框中输入模板名单击“保存”按钮将其保存,此时,选择“窗口”“资源”命令,在“资源”面板中可以见到刚创建的模板。

第二种办法就是从空白页开始来创建模板,具体方法如下:在“资源”面板中单击左侧的“模板”按钮单击“资源”面板下方的“新建模板”选定该模板,然后单击面板下方的“编辑模板”,这样就可以创建新模板了。

3 创建模板的可编辑区域

刚才说的是创建模板的空壳子,现在就要说到模板的核心部分了,一个模板是必须要设定可编辑区域和锁定区域的,否则模板是没有意义的。那什么是可编辑区域,什么是锁定区域呢?在网站众多风格相似的网页中,每页都一样的部分我们可以设为锁定区域,每页不同的部分可以设为可编辑区域。具体方法如下:

  1. 在已经创建好的模板文件中通过表格设置、布局设置、文字设置,其方法和普通网页是一样的。这时候做好的模板如果用的话,所有部分都是不可修改的。
  2. 将光标定位到想要插入可编辑区的地方,选择“模板”“可编辑区域”。
  3. 在弹出的“新建可编辑区域中”对话框中,输入该区域的名称,单击“确定”。
  4. 可编辑区域在模板中由高亮度显示的矩形边框环绕,边框颜色可以在参数中设置,在该区域左上角的选项卡中还会显示该区域的名称。

4 使用模板创建页面

现在就到了模板大显身手的时候了,那么怎么将模板应用到网站的所有页面中去呢?

4.1在新页面中使用模板

  1. 文件∣新建命令,在出现的对话框中单击“模板”标签。
  2. 击包含该模板的站点,在中间列表框即可看到该站点的模板了。
  3. 选定该模板,即可在右侧的“预览框”中看到该模板。
  4. 单击下方的“创建”即可打开网页编辑窗口。此时,除了设置的可编辑区能够修改外,其他区域无法被选择和修改。
  5. 在可编辑区域输入内容后,我们就可以将此网页保存起来,再用相同的办法创建其他网页。从制作效果就可以看出来利用模板创建网页,能够大大提高工作效率。

4.2在现有文档上应用模板

打开已有的网页,选择“修改”-“模板”-“套用模板到页命令”,这时候会出现一个“选择模板”对话框,在对话框的模板列表中选择要应用的模板,单击“选定”即可。

5 修改模板及更新页面

假如过了一段时间,又想给网站换新风格了,这时候就可以通过修改模板来更新页面。找到“模板”资源,双击即可打开该模板。可以通过右击在快捷菜单中选择“模板”-“新建可编辑区域”-“删除模板标记”来添加或删除可编辑区域。

那如何把新模板用到以前的页面中去呢,方法也很简单,在保存模板时,会自动询问是否更新所有连接该模板的网页,单击“更新”即可了。

最后需要提醒大家注意的就是,新建和使用模板前需定义站点,定义站点的重要性就不言而喻了,因为模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

网站分类

我的音乐

最近发表

Copyright 2008 GoingKer.com Some Rights Reserved.

湘ICP备08103215号 Z-Blog