• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 网站开发 >> DREAMWEAVER教程 >> 文章内容
 

精彩推荐

 
 

本类推荐文章

 
 

本类阅读排行

  • 轻松拥有自己的站内搜索引擎
  • 关于Dreamweaver MX 2004的P..
  • 表格边框魔鬼教程
  • 用户登录的实现-Dreamweaver..
  • Dreamweaver MX进阶教程(二..
  • Dreamweaver MX进阶教程(六..
  • 巧用Dreamweaver制作复杂交换..
  • 在 DW 中插入 Flash 的参数详..
  • DW MX 设计留言本实战(5)
  • 驯服不听话的网页表格
  • 寻找Dreamweaver鲜为人知的小..
  • Dreamweaver MX进阶教程(四..
  • Dreamweaver MX进阶教程(七..
  • Dreamweaver MX教程:在居中..
  • Dreamweaver MX进阶教程(八..
  • JS 216网页安全色调色板 DW ..
  • Dreamweaver里使用层的一些建..
  • 关于Dreamweaver MX 2004的P..
  • Dreamweaver MX教程:在居中..
  • UBB 转换函数演示
 
 

Dreamweaver定义模板批量制作网页

  • 日期:2008-03-05     人气:     出处:视觉中国     作者:
  • 字体大小:
  • 小
  • 中
  • 大

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

 

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

  一、建立模板

  1、创建模板页面 网页教学网

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

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

网页教学网

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

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

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

  2、设定可编辑区域

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

  新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。 Webjx.Com

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

网页教学网

相关文章
  • Dreamweaver 8 代码视图状态到设计视图状态转换速度很..
  • Dreamweaver CS4新增相关功能介绍
  • Dreamweaver CS4新特性之JavaScript
  • Dreamweaver CS3网页制作之CSS布局规则
  • Dreamweaver网页制作技巧
  • 通过Dreamweaver学习了解CSS
  • 写给喜欢用DW编写CSS人的一些建议
  • Dreamweaver制作网页13种技巧详解
  • DreamWeaver,经典50问(1)
  • DreamWeaver,经典50问(2)
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号