RELATEED CONSULTING
相关咨询
Choose a way to contact us
service time:9:30-18:00
You may encounter the following questions
关闭右侧工具栏
Dreamweaver定义模板批量制作网页_Dreamweaver教程_网页制作
  • 作者:美国服务器
  • 时间:2018-12-10 15:55
  • 来源:图林云


  •    定义模板   
最新Dreamweaver教程,图林云提供
========================================
Dreamweaver教程,美国服务器
========================================

做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。

告诉你个秘密吧,其实只要用好模板工具,就能很好地“批发”网页。常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动。

一、建立模板

1、创建模板页面

最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。
========================================
Dreamweaver教程,美国服务器
========================================
当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。代理服务器(Proxy Server)
========================================
Dreamweaver教程,美国服务器
========================================
新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。
========================================
Dreamweaver教程,美国服务器
========================================
举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。
========================================
Dreamweaver教程,美国服务器
========================================
准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

2、设定可编辑区域

设定模板可编辑区域,一般来说有两种方法。
========================================
Dreamweaver教程,美国服务器
========================================
新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
========================================
Dreamweaver教程,美国服务器
========================================