锐客网

  1. 首页 > 睿知 > >

Dreamweaver定义模板批量制作网页

睿知


Dreamweaver定义模板批量制作网页

文章插图
Dreamweaver定义模板批量制作网页

文章插图

做网站 ， 麻烦在更新和改版 ， 特别是大规模更新 ， 如果不是用cms系统 ， 手工工作量非常大 。
Webjx.Com
告诉你个秘密吧 ， 其实只要用好模板工具 ， 就能很好地“批发”网页 。常见的网页制作工具如DreamWeaver中都有这项功能 ， 使用模板就能减少大量的重复劳动 。
一、建立模板
Webjx.Com
1、创建模板页面
Webjx.Com
最简单的办法是将一个网页另存为模板文件 ， 通过执行命令：File→Save as Template ， DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板 。
当然 ， 也可以新建一个模板：Window→Templates ， 会出现的Templates面板 ， 单击右下角的New Template按钮 ， 输入文件名 ， 就建立了一个空模板;再单击Open Template按钮打开该模板 ， 保存后自动存放于网站模板文件夹Templates中 。
新建、打开的模板页面和普通的网页没什么两样 ， 同样可以加入表格、层、图片、动画、脚本 ， 设置页面属性等 。

举例：这里以制作一个模板为例来说明 。在该页面中 ， 我们希望左侧的网站标识图和底部的导航图出现在每个页面中 。其中标识图由两幅图片叠加而成 ， 导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件 ， 它们在每个页面中都不变 。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同 。为了保持页面整洁 ， 我们用表格来布置这些元素 。
准确地说它只是一个没有可编辑区域的“准模板” ， 下面再设定可编辑区域 。Webjx.Com
2、设定可编辑区域
设定模板可编辑区域 ， 一般来说有两种方法 。
Webjx.Com
新建可编辑区域：选择命令：Modify→Template→New Editable Region 。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域 。
标记某一区域为可编辑区域：选择命令：Modify→Template→Mark Selectin as Editable Region 。如果某区域已经有一些文字 ， 并且希望在以后新建的超文本文件中部分保留其内容 ， 先选中该区域再执行标记命令即可 。
取消可编辑状态：选择命令：Modify→Template→Unmark Editable Region 。执行该命令后会弹出一个对话框 ， 其中有当前已有的可编辑区域列表 ， 选中要取消的区域名称 ， 确认即可 。
举例：在大片空白区中随便单击一下 ， 执行Modify→Template→New Editable Region命令 ， 在弹出对话框中输入名称：Main;选中左下角本页说明下面的文字 ， 执行Modify→Template→Mark Selectin as Editable Region命令 ， 输入名称：exp 。可以看到可编辑区显示为浅蓝色 ， 保存即完成模板制作 。
.Cro128 { display:none; }
二、使用模板批量制作网页
1、根据模板新建页面 网页教学网
命令：File→New From Template 。弹出对话框 ， 从模板列表中选取模板 ， 出现的新页面中除可编辑区外均有淡黄色背景 ， 是不能进行修改的部分 。空白的Main编辑区可直接进行插入表格、文字、图片等操作 ， Exp编辑区保留有原来的文字 ， 修改或重新编辑均可 。Webjx.Com
2、对一个已经有内容的页面应用模板
命令：Modify→Template→Apply Template to Page 。选择模板后还会弹出一个对话框 ， 让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content) 。要是不想保留则可以选择“(none)” 。
举例：我们先新建一个普通页面 ， 输入：“CIW电脑工作室” ， 执行Modify→Template→Apply Template to Page命令 ， 选择模板test ， 现有内容保存区域选择Main ， 确认后可看到页面自动变成了模板页的形式 ， 而“CIW电脑工作室”这一行字就出现在主编辑窗口中 。

推荐阅读


上一篇：公蟹怎么处理方法 公蟹怎么处理

下一篇：最强蜗牛巨龙基因模拟训练怎么开