文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设DreamWeaverDreamweaver定义模板批量制作网页
精品推荐
特别推荐
·玩转Dreamweaver速记CSS属性
·在DW中使用CSS样式表来设置网页
·利用DW8掌握网页代码基本格式
·用Dreamweaver8制作网页中常用的过度效果
·级联删除的触发器代码解释
·DW滤镜样式的语法规则
·Dreamweaver初学者常见问题解答
·12个Dreamweaver鲜为人知的小秘诀
·巧妙运用Dreamweaver进行网页制作技巧
·网页导航设计九大注意事项
·Dreamweaver技巧12条
·DreamWeaver 经典
·寻找Dreamweaver鲜为人知的小秘诀
·在DW中插入Flash的参数详解
·Dreamweaver层使用八定律
·用Dreamweaver MX 2004的Flash动画元素
·DW 技巧简单几问几答
·Dreamweaver MX实例:插入交替图像按钮
·在DreamWeaver中应用CSS样式表技巧两则
·Dreamweaver MX 2004的一句话技巧
热点TOP10
·DW表格使用经验谈
·用Dreamweaver MX制作导航下拉菜单
·如何在Dreamweaver中进行数据库连接
·用Dreamweaver3进行数据的导入与排序
·用Dreamweaver定义模板批量制作web网页
·在DW中使用CSS样式表来设置网页
·玩转Dreamweaver速记CSS属性
·Ultradev教程5.3:简单网站后台
·Dreamweaver MX 2004设计留言本实战
·入门:用Dreamweaver简单描述制作网页的基本步骤
·12个Dreamweaver鲜为人知的小秘诀
·用Dreamweaver MX 2004制作ASP动态网站(投票系统篇)
·菜鸟学用DreamWeaver做ASP1
·修改注册表解决Dreamweaver乱码
·Dreamweaver的应用源格式技巧
·用Dreamweaver8学习网页滚动字幕的制作
·DW制作ASP程序时数据库的几个问题
·dreamweaver制作可控制的横向滚动
·为何用Dreamweaver MX开发Asp.Net不太适应
·Dreamweaver技巧12条

Dreamweaver定义模板批量制作网页

日期:2008年2月16日 作者: 查看:[大字体 中字体 小字体]


做网站,麻烦在更新和改版,特别是大规模更新,如果不是用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。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。
  
  二、使用模板批量制作网页

  1、根据模板新建页面

  命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

  2、对一个已经有内容的页面应用模板

  命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

  举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

  3、更新模板以全面更新站点

  基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

  另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!


[1] [2] 下一页 




上一篇:倾斜鼠标翻转导航的问题

下一篇:强化Vista服务安全策略

Dreamweaver定义模板批量制作网页 相关文章:
·使浏览网页速度马上就变快的方法
·DIV CSS网页布局实例:十步学会用CSS建站
·上网冲浪选谁更好 七款主流网页浏览器评测
·为什么iexplore.exe在打开网页时CPU使用会100%?
·40种网页常用小技巧
·网页小技巧:如何去除超链接的下划线
·网页屏蔽(左右键,代码等)的非JS方法
·网页里嵌入JavaScript 验证空,汉字,字母,数字,长度输入
·CSS网页设计非常有用技巧
·IE无法浏览网页的常见原因及解决方法
Dreamweaver定义模板批量制作网页 相关软件:
·Dreamweaver 网页设计
·古典网页模板
·photoshop cs 超梦幻网页创意宝典
·系列语言网页设计
·东方网页王III 正式版
·日本几例网页模板
·现代风格的网页模板
·推荐-改变网页背景图片
·网页合并器
·价值万元的网页模板系统

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn