当前位置:软件学习 > Dreamweaver >>

如何在Dreamweaver中使用模板

      跟随Internet的普及,好多人可以不满足于仅仅上网冲浪,而希望深入地参与其中。现在,拥有个人的Web网站可以成为一种潮流。虽然制作一个简单的页面并不困难,可就是制作出超凡脱俗的网站就不当简单了,所以大家特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助。

      一般在一个网站中会有几十甚至几百个风格基本相似的页面,可能每次总重新设定页面结构还有一样栏目下的导航条、各类图标就显得相当麻烦,可就是大家可以借助Dreamweaver MX 2004的模板功能来简化操作。还有模板的功能可以把页面布局和内容分离,在布局设计好之后用其存储为模板,这种一样布局的页面可以通过模板创建,所以可以极大提高工作效率。

      一、制作模板

       制作模板和制作一个普普通通的页面完全一样,只是不就得把页面的所有部分总制作完成,仅仅就得制作出导航条、标题栏等每个页面的公有部分,而把中间区域用页面的具体内容来填充。

       第1步:先在Dreamweaver MX 2004中运行“File→New”命令,接着根据图1所示的窗口中紧跟着选定“Template page→HTML template”按钮,点击“Create”按钮之后就好创建一个模板文件。

如何在Dreamweaver中使用模板

第2步:在页面设计视图下插入页面框架、导航条、Flash标题等所有页面公有的元素(图2),接下来运行“File→Save”命令用这种模板保存下来。

如何在Dreamweaver中使用模板

        小提示:可以先下载一个中意的页面,接下来在Dreamweaver MX 2004中打开它,仅仅保留框架等元素之后通过“File→Save as Template”命令用其保存为模板,这种可以省去好多制作模板的时间。

       为了避免编辑时候误操作而导致模板中的元素变化,模板中的内容默认为不可编辑,只有把某个区域或者某段文本设置为可编辑状态之后,在由该模板创建的文档中才可以改变这种区域。先用鼠标选取某个区域(也可以每个页面不一样内容的区域),接着运行“Modify→Templates→New Editable Region”命令,并且在弹出的对话框中为这种区域设定一个名称,这种就完成了编辑区域的设置。

       小提示:设定好编辑区域之后就得运行“File→Save”命令保存所做的修改。

        二、使用模板

       有了模板之后,接下来就要在编辑页面时候使用它们了。只要在Dreamweaver MX 2004主窗口中运行“File→New”命令就好看见图1所示的新建窗口,接着进入“Templates”标签就好查观察可以保存的模板,根据中选取一种还可以在右部的预览区进行预览(图3),最后挑选一款中意的模板并点击下部“Create”按钮打开这种模板。

如何在Dreamweaver中使用模板

       在打开的模板中,不可以编辑的区域用呈高亮状态显示,可就是有些位置是锁定区域,却不可能高亮显示,这主要是因为图片正好盖住了背景的颜色。对于这种情况,可以运行“Edit→Preferences”命令,在弹出窗口的“Category”列表中选取“Highlighting”一项,接着在右部区域中选取“Locked regions”旁边的“Show”按钮(图4),并且设定高亮显示色为蓝色,这种就可以很清楚地分辨出模板中的锁定区域了。

如何在Dreamweaver中使用模板

       小提示:可能仍然看不见高亮显示效果,还可以紧跟着选中“View→Visual Aids→Invisible Elements”命令。

       最后,大家只要在可编辑区域添加页面的内容就可以了,打个比方添加多数文字说明或者是插入相应的图片,最后通过“File→Save”命令保存页面就好。

       三、修改和更换模板

        在通过模板创建了如果干个页面之后,可能就得更改页面或者增加栏目,再对所有的页面手工修改则相当麻烦,所以大家可以通过Dreamweaver MX 2004的模板修改功能来处理这种疑问。打个比方大家对模板进行了修改之后,运行“File→Save”命令来保存模板,这时候会弹出提示框询问是不是更新所有使用了该模板的页面(图5),确认之后就会显示出更新的页面总数还有更新的时间等信息。

如何在Dreamweaver中使用模板

 

        还有,Dreamweaver MX 2004还提供了一个为页面更换模板的功能,这种更换模板有点像给人换衣服,只要把各种模板制作好,接下来想穿哪件就穿哪件。可就是模板也不可能随便可以更换的,可以更换模板的条件是被更换的页面必须是通过模板创建的,何况页面中的可编辑区域个数和名称必须与要更换模板的可编辑区域个数和名称相一致。打个比方一个页面中有3个可编辑区域,名称分别为t1、t2、t3。还有还有一个模板,不管这种模板什么结构,只要它也有3个可编辑区域,并且名称也是t1、t2和t3,当就可以用它来为原先的页面更换新模板,而页面中3个可编辑区域的内容则相应保持不变。具体的更换模板做法也很简单,只要运行“Windows→Templates”命令打开模板面板,这种时候可以根据上部区域挑选合适的模板,接下来点击“Apply To Page”按钮,这种就可以相当快完成模板更换操作了。

       小提示:使用这种功能可以为网站首页分别制作夏天和冬天两个版本,这种可以相当方便地更换模板。

       还有模板的类似内容还好多,可就是限于篇幅只可以选取部分介绍,希望大家可以举一反三,彻底领会到模板的精妙所在。

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,