欢迎访问第1万维网网站!用户名: 密码: [忘记密码]

合作代理 | 在线咨询

您的位置: 第一万维网 >> dreamweaver教程 >> 正 文

第二十五节 使用模板

来源:第一万维网   更新时间:2010-2-20 11:56:48

模版可被理解成一种模型。用这个模型可方便的做成很多页面,然后在此房基上每个页面进行改动,从事少数的内容。为了统一风格,一度网站的很多页面都要用到相同的页面元素和排字方式,模版的出现就是防止在重复的在每个页面贸易或修改相同的部分。


要创建模版,可直接新建,也可把一度已存在的主页页面设为模版。 点击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…即可。

(第一万维网责任编辑:陈中)

最新图片新闻文章

网友正在看下面的相关文章

快捷操作

本栏目最新文章

业界新闻

第一万维网公告

本站最新图片文章

第一万维网QQ客服

为了给您提供更加方便快捷的服务请选择您的服务专员,点击QQ号码即可。
企业在线客服QQ:800015119

第一万维网快速服务导航