您当前的位置: 首页 > 网页设计 > Dreamweaver教程 > 第二十五节 使用模板

第二十五节 使用模板

作者:guanchaofeng 来源:不详 发布时间: 2009-03-28 10:36 点击:
模版可被理解成一种模型。用这个模型可方便的做出很多页面,然后在此基础上每个页面进行改动,加入个别的内容。为了统一风格,一个网站的很多页面都要用到相同的页面元素和排版方式,模版的出现就是避免在重复的在每个页面输入或修改相同的部分。 要创建模版

第二十五节 使用模板

模版可被理解成一种模型。用这个模型可方便的做出很多页面,然后在此基础上每个页面进行改动,加入个别的内容。为了统一风格,一个网站的很多页面都要用到相同的页面元素和排版方式,模版的出现就是避免在重复的在每个页面输入或修改相同的部分。


要创建模版,可直接新建,也可把一个已存在的网页页面设为模版。 点击Dreamweaver主窗口菜单栏的Window\Templates,或直接用快捷键Ctrl+F12,即弹出模版面板。


(模版面板)
模版面板中会显示所在本地站点中所有的模版名称。
点击模版右下角的图标,这时面板上多出名为untitled的一项,这时可将untitle改为其它的名称。

在模版面板上双击这一项,即多出一个Dreamweaver窗口,可开始对这个模版的编辑。
对模版的编辑和对网页页面的编辑基本一样,只是要划出可编辑区和锁定区,这将在稍后讲到。
编辑结束时点击菜单栏的File\Save As Template,弹出对话框来保存这个模版。 在对话框上Site后的下拉选单里选择保存到哪个本地站点。 Dreamweaver将把模版文件保存在本地站点里Templates文件夹中。若本地站点还没有这个文件夹,Dreamweaver将自动生成这个文件夹。


对模版进行编辑时,要设置可编辑区和锁定区。
可编辑区,即是该模版被应用时,这个区域的内容可被改变;锁定区,即是该模版被应用时,这个区域的内容不能被改变。
要将已存在的内容标记为可编辑区,选中这个内容,点击菜单栏的Modify\Templates\ Mark Selection as Editable…,弹出一个对话框。在Name后输入你给这个编辑区的命名。
要输入新的内容作为可编辑区,移动光标至需输入内容的位置,再点击菜单栏的Modify\Templates\New Editable Region…,弹出对话框。在Name后输入你给这个可编辑区的命名。
可以把图像、文本、表格、层、Behavior等页面元素设成可编辑区。注意,可把整个表格及表格里的内容设置成一个可编辑区,也可把某一个表元及其中的内容设置成一个可编辑区,但不能把几个不同的表元及其中的内容设置为同一个可编辑区。层和层里的内容是分开的页面元素,把层设为可编辑区,则模版应用时层可移动;把层里的内容设为可编辑区,则模版应用时层里的内容可被编辑。
除可编辑区外的区域都是锁定区。 要将可编辑区改为锁定区,点击菜单栏的Modify\Templates\Unmark Editable Region…,则弹出一个对话框。 所在模版所有可编辑区的名称都将在这个对话框上显示出来,选择需要改变的可编辑区,点击OK按钮即可。


要应用模版,可直接新建一个使用了模版的页面,也可在一个已存在的页面上应用模版。
直接新建一个使用模版的页面,可点击菜单栏的File\New from Template,弹出一个选择模版对话框。 在对话框上,从Site后的下拉选框中选择一个本地站点,从Templates后面选择这个站点里的模版,然后点击select按钮即可。
在一个已存在的页面上应用模版,需先打开模版面板,在面板上选择需添加的那个模版,点击左下方的Apply按钮即可。
在应用了页面中,锁定区被亮度显示,不能被编辑。可编辑区的内容能被编辑。 但此时可用编辑HTML源文件的方法编辑模版的锁定区。


给页面应用了模版后,就可使用自动更新功能。
先改变这个模版,然后可让Dreamweaver自动更新应用了这个模版的页面。点击菜单栏的Modify\Templates\Update Current Page,即是更新当前页面。
若需要同时对所有页面进行更新,应点击菜单栏的Modify \Library\Update Pages…,这时弹出一个对话框。 这时应在Update后选择Templates。 在Look in 后选择Entire Site是对整个站点的页面进行更新。选择后,然后在紧跟其后的下拉选框中选择一个本地站点。 在look in后选择Files That Use…是对应用了特定模版的所有页面进行更新。选择后,然后在紧跟其后的下拉选框中选择一个模版。 然后点击Start按钮即可开始更新。 若选中Show Log前的选框,则更新后将显示完成情况的报告。
完成后,点击Close按钮即关闭这个对话框。
若要切断一个含有模版的页面与模版之间的联系,点击菜单栏的Modify\Template\ Detach from Template…即可。
分享到:
本文"第二十五节 使用模板"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4