首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>DW>用Dreamweaver制作模板并批量制作web网页
用Dreamweaver制作模板并批量制作web网页
来源: 发布时间:2008-03-17 发布人: 浏览: 人次   字体: [ ]  
做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。

 

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

  一、建立模板

  1、创建模板页面

  最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

  当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。

  新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片动画、脚本,设置页面属性等。

  举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。

  准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

  2、设定可编辑区域

  设定模板可编辑区域,一般来说有两种方法。

  新建可编辑区域:选择命令: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。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。


共2页: 上一页 1 [2] 下一页
相 关 文 章   发布商链接
·dreamweaver一些新的CSS相关使用特性...
·图解Dreamweaver CS4 Beta版的试用小...
·Dreamweaver设置单元格固定宽度及其b...
·DreamWaver制作的网页无法播放背景音...
·如何通过CSS控制页面元素精确定位下...
·用Dreamweaver制作网页时关于文字自...
·Dreamweaver实例:随机播放背景音乐
·利用Dreamweaver快速批处理图片链接
·Dreamweaver网页制作技巧:使用模板...
·用DreamweaverMX实现网站批量更新
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·Dreamweaver设置单元格固定宽
·图解Dreamweaver CS4 Beta版...
·dreamweaver一些新的CSS相关...
·Dreamweaver乱码问题分析及其
·Dreamweaver8制作网页中常用...
·用DreamweaverMX实现网站批量
热 门 文 章
·DreamWaver制作的网页无法播...
·如何通过CSS控制页面元素精确...
·Dreamweaver实例:随机播放背...
·Dreamweaver设置单元格固定宽...
·Dreamweaver网页制作技巧:使...
·Dreamweaver8制作网页中常用...
·Dreamweaver乱码问题分析及其...
·用Dreamweaver制作网页时关于...
·利用Dreamweaver快速批处理图...
·dreamweaver一些新的CSS相关...
·用DreamweaverMX实现网站批量...
·图解Dreamweaver CS4 Beta版...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .