创建并使用模板

极海网络  发布于:2014-11-22  浏览:

摘要:模板可以为网站提供一致性高度可控性的页面,与Word文档中的模板一样,模板中也包含了如下几大区域。 可编辑区域:这是使用模板的用户的可编辑部分,这也是网站中内容变化的一部分。 重复区域:文档布局的一部分,允许添加和删除重复区域的副本,它可分为重复区域和重复表格。 可选区域:在文档中可出现也可不出现的部分内容。 可编辑标签属性:用于对模板中的标签属性解除锁定,可以在基于模板的页面中编辑。 可以在一个页面中同时设置多种区域。为了创建模板,Dreamweaver提供了两种可选的方法: 基于现有的Web页创建模板:可以将一个现有的Web页另存为一个模板,这是目前笔者常用的方法。 从零开始创建一个新的空白模板:可以从新建菜单的模板;分类中选择模板进行创建。 下面将创建一个网站,演示如何使用模板来简化网站开发的
 
     模板可以为网站提供一致性高度可控性的页面,与Word文档中的模板一样,模板中也包含了如下几大区域。
     可编辑区域:这是使用模板的用户的可编辑部分,这也是网站中内容变化的一部分。
     重复区域:文档布局的一部分,允许添加和删除重复区域的副本,它可分为重复区域和重复表格。
     可选区域:在文档中可出现也可不出现的部分内容。
    可编辑标签属性:用于对模板中的标签属性解除锁定,可以在基于模板的页面中编辑。
     可以在一个页面中同时设置多种区域。为了创建模板,Dreamweaver提供了两种可选的方法:
    基于现有的Web页创建模板:可以将一个现有的Web页另存为一个模板,这是目前笔者常用的方法。
     从零开始创建一个新的空白模板:可以从新建菜单的"模板";分类中选择模板进行创建。
     下面将创建一个网站,演示如何使用模板来简化网站开发的过程,步骤如下所示。
     (1)打开Dreamweaver,单击"站点l新建站点";菜单项,创建一个名为Template的网站。该站点可指向本书配套光盘的Template文件夹,笔者在这个文件夹中准备了一些网页的素材。
     (2)双击打开Index.html网页,然后单击主菜单中的"文件I另存为模板";菜单项,从弹出的"另存为";窗口中选择模板文件,如图5.47所示。
     注意:模板保存在网站根文件夹下的Templates文件夹中,在基于模板创建网页时,Dreamweaver将从该文件夹中查找可用的模板文件。
     在确定了所要创建的模板之后,单击"保存";按钮,Dreamweaver将提示更新模板链接,Dreamweaver可以确保模板中的链接的正确性。模板文件保存为以.dwt为扩展名的文件,表示这是一个Dreamweaver的模板。
     (3)现在具有了一个不可编辑的模板,为了让模板页允许编辑,需要插入一个可编辑区域,在示例中将允许用户在一个表格单元格中编辑内容,因此首先使用标签选择器选中< td>标签,然后单击插入面板常规标签页中的"模板";下拉箭头,从中选择"可编辑区域";项,Dreamweaver将弹出一个对话框允许用户输入可编辑区域的名称,在此输入"ContentrRegion";,单击"确定";按钮,一个可编辑区域就成功创建了。
     注意:可编辑区域可以存在于页面中的任何位置,对于表格来说,整个表格< table>或某个单元格< td>可创建为可编辑区域,但不能将多个单元格标记创建为一个可编辑区域。
     (4)用同样的方式插入一个重复区域,并命名为RepeatRegion,现在具有了两个模板区域,呈现的效果如图5.48所示。
  
   (5)现在具有了一个可编辑和重复区域的模板,模板一经创建,就可以从资源面板中的模板中看到,可以将模板应用到一个已经存在的网页,也可以基于现有模板创建一个新网页。下面将基于index.dwt模板创建一个名为main.html的网页。单击主菜单的"文件新建";菜单项,从弹出的窗口中选择"模板中的页";分类,在"站点";列表中选择Template,"站点‘Template’的模板";列选择index,如图5.49所示。
     (6)将新建的网页保存为main.html,在文档视图中可以发现,除了可编辑区域是可以编辑的之外,重复区域和模板中的其他部分都是不能编辑的,甚至在代码编辑器中不可编辑的部分都是灰色。这使得用户可以仅关注可编辑区的内容,非常快速地创建自己变化的部分。
     除了可编辑区域是允许用户编辑的之外,Dreamweaver对其他部分进行了锁定,如果对模板进行了更新,Dreamweaver也会提示用户更新所有应用了模板的网页,这也大大方便了用户后期的维护操作。
 
 
 

文章链接:http://www.jihai.com/a/jiaocheng/dreamweaver/201411/697.html
标签:以为(1)创建(50)并(4)可(9)模板(5)使用(75)提供(17)
作者:极海网络 来源:未知 发布于2014-11-22 17:56
您可能喜欢的文章

热门模板
热门阅读
热门插件