用Dreamweaver批量做网页
2008-02-23 05:57:32来源:互联网 阅读 ()
做网站,麻烦在更新,特别是大规模更新,工作量很大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。
告诉您这个秘密吧,他们很多是在“批发”网页,并且您的机器中也有这样的“批发站”呢!这个好东东就是――模板。常见的网页制作工具:FrontPage、DreamWeaver中都有这项功能。如用DreamWeaver4.0以是的版本制作网站时,使用模板就能减少大量的重复劳动。
一、建立模板
1、创建模板页面
最简单的办法是将一个网页另存为模板文档,通过执行命令:File→SaveasTemplate,DreamWeaver会在网站根目录中建立一个模板文档夹――Templates来保存该模板。
当然,也能够新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的NewTemplate按钮,输入文档名,就建立了一个空模板;再单击OpenTemplate按钮打开该模板,保存后自动存放于网站模板文档夹Templates中。
新建、打开的模板页面和普通的网页没什么两样,同样能够加入表格、层、图片、动画、脚本,配置页面属性等。
举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文档,他们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。
准确地说他只是个没有可编辑区域的“准模板”,下面再设定可编辑区域。
2、设定可编辑区域
设定模板可编辑区域,一般来说有两种方法。
新建可编辑区域:选择命令:Modify→Template→NewEditableRegion。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
标记某一区域为可编辑区域:选择命令:Modify→Template→MarkSelectinasEditableRegion。假如某区域已有一些文字,并且希望在以后新建的超文本文档中部分保留其内容,先选中该区域再执行标记命令即可。
取消可编辑状态:选择命令:Modify→Template→UnmarkEditableRegion。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。
举例:在大片空白区中随便单击一下,执行Modify→Template→NewEditableRegion命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→MarkSelectinasEditableRegion命令,输入名称:exp。能够看到可编辑区显示为浅蓝色,保存即完成模板制作。
二、使用模板
1、根据模板新建页面
命令:File→NewFromTemplate。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。
2、对一个已有内容的页面应用模板
命令:Modify→Template→ApplyTemplatetoPage。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(ChooseEditableRegionforOrphanedContent)。要是不想保留则能够选择“(none)”。
举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→ApplyTemplatetoPage命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。
3、更新模板以全面更新站点
基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出任何使用了该模板的页面,询问是否要更新。
另外一种方法是执行Modify→Template→UpdatePages命令。从UpdatePages对话框中选择一个站点或站点的某一种模板(同一站点中能够使用多个模板),单击右侧的Start按钮,软件会自动搜索和模板相关联的网页并进行更新。很方便!
举例:Test模板左侧图像中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要他,同时还想将任何页面中的该图片均删除。就能够打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: 深入学习和使用Dreamweaver
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash