教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 网页设计 >> Dreamweaver >> 巧用Dreamweaver模板统一站点风格 RSS订阅
巧用Dreamweaver模板统一站点风格
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
   话说阿蒙的主页建设的也差不多了,不过问题也出现了,为了使整个网站的风格保持一致,很多网页的版式都是相同的,但是每次都做一个版面风格相同的网页势必很麻烦,况且阿蒙本来就是一个懒人。鸣涧看不过去了,告诉阿蒙还是使用模板吧,这样可以方便许多。

  阿蒙不解,模板是什么意思啊?打个比方吧,在一批版面风格类似的网页中,比如网页上面的标题、导航都是相同的,而下方的正文部分不同,那么就可以使用模板了,建模板可以将网页中无需变化的对象固定下来,然后再用来应用到其他风格类似的网页中。这样就可以实现,只修改部分页面就可以快速实现网页制作了。下面就来介绍一下如何制作模板。

  制作一个网页

  首先需要制作好一个网页(如图1),制作这个网页过程中,需要注意的是,凡是页面上无需变化的部分都预先制作好,并确定在固定的位置上。将需要填写正文文本内容的部分预留出空间,比如文章的标题区和文本正文区。

巧用Dreamweaver模板统一站点风格
图1 哪些是固定的,哪些是变化的?

  保存模板

  执行菜单“File→Save As Template”命令,选择“另存为模板”,在打开的系统对话框中输入模板名称后单击“Save”按钮。保存后,此时窗口中的标题栏已经发生变化,在标题栏中出现了“<>”的字样,表示当前编辑的页面已经是模板了。

  设置模板可编辑区

  最重要的工作就是设置模板可编辑区域,否则的话,使用此模板生成的页面将是无法编辑的。首先我们选中页面标题区的单元格,然后执行菜单“Modify/Templates/New Editable Region”命令建立一个新的可编辑区。此时会打开一个对话框(如图2),输入可编辑区域名称为“edit1”,然后按下“OK”按钮,这样页面中就生成了一个{}包围的可编辑区域的标记,表示当前区域为可编辑区。同样道理设置好正文可编辑区域。并将模板保存退出。

巧用Dreamweaver模板统一站点风格
图2 填入可编辑区名称

  应用模板

  在
图3 模板的应用就是这么简单

  更新模板

  有的时候需要修改某个模板,改变网页的风格。此时可以打开模板文件,然后进行修改即可。模板修改并保存后,系统还会弹出一个对话框(如图4),提示是否同时更新模板所关联的相应网页,此时只要单击“Update”按钮即可立即将所有采用此模板制作的网页同时更新,从而实现了修改一个页面即可使整个网站面貌焕然一新,大大地提高了工作效率。

巧用Dreamweaver模板统一站点风格
图4 轻松一点就修改了一批网页

  阿蒙狠狠地拍了一下头,哈,原来如此啊。鸣涧拍了拍阿蒙的脑袋,“嘿嘿,这些日子以来,我给你介绍了Dreamweaver一些常用的基本操作,日后就经常练习吧,到此你就算毕业了。”

来源:编程技术-十度教育
作者:
关键字:
发表日期:2006-10-18 10:48:33

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:利用DreamweaverMX制作弹出菜单   下一篇:用Dreamweaver制作活动菜单条


2008-8-28 7:35:41
本文的相类似文章
在学习中进步 在进步中成长 教程中国相随您的成长之路
华腾联合科技股份有限公司版权所有
广告联系:Rosibo@163.com