第二十五节 使用模板
模版可被理解成一种模型。用这个模型可方便的做出很多页面,然后在此基础上每个页面进行改动,加入个别的内容。为了统一风格,一个网站的很多页面都要用到相同的页面元素和排版方式,模版的出现就是避免在重复的在每个页面输入或修改相同的部分。
要创建模版,可直接新建,也可把一个已存在的网页页面设为模版。 点击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…即可。
分享到: