dw整个网站html文件怎么放一起,Dreamweaver模板如何批量做网页
Dreamweaver模板如何批量做网页
dreamweaver提供了快速建立网站框架的方式,我们可以通过简单预设模板来达到快速的架构一个简易网站的目的。下面是小编为大家搜索整理的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按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!
举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。
【Dreamweaver模板如何批量做网页】相关文章:
dw整个网站html文件怎么放一起,Dreamweaver模板如何批量做网页相关推荐
- 在dw怎么关联css文件,重新设置Adobe Dreamweaver的文件关联解决办法
Dreamweaver 在初始安装完毕,第一次运行的时候,会弹出个如下的对话框: 在这里大家可以很方便地设置Dreamweaver 所关联的文件格式(比如:html,php,js,css,jsp,as ...
- dw自定义html模板,用DW编辑网站模板的方法
用DW编辑网站模板的方法 在Site中打开body.dwt网站模板文件,将会发现跟body.htm页面好像没什么分别,但其实是不一样的,在body.htm中是无法添加可编辑区域的.大家知道DW编辑网站 ...
- 用dw制作php网站模板,如何用DW编辑网站模板
如何用DW编辑网站模板 使用DW制作网页时候,网页的框架往往在某些方面有固定的格式,像是导航栏.banner条,如果每制作一个网页就要重新设计这些内容是很耗时间的,下面是小编为大家搜索整理的如何用DW ...
- 如何在DW中运行PHP文件
如何在DW中运行PHP文件 需要两步, 第一步安装appserver软件,第二步在DW中配置站点. 目录 如何在DW中运行PHP文件 一.安装appserver 二 .DW配置站点 三.后记 一.安装 ...
- 怎么用dw修改PHP网页模板,【网站模板如何使用】从网站下载的网页模板在dwcs6中如何修改使用?什么是网页设计模板,如何利用网页设计模板?...
[网站模板如何使用]从网站下载的网页模板在dwcs6中如何修改使用?什么是网页设计模板,如何利用网页设计模板?下面就和小编一起来看看吧! 从网站下载的网页模板在dwcs6中如何修改使用? 新建ASP网 ...
- 百度站长HTML添加301错误,搜索资源平台(百度站长)添加网站 使用文件验证 验证失败,原因:未知原因:301的解决办法...
搜索资源平台(百度站长)添加网站 使用文件验证 验证失败,原因:未知原因:301的解决办法 之前使用过百度站长后台添加新的网站时,从没遇到过问题,一般都是选择第一种验证方式(文件验证),文件验证应该是 ...
- 采集网站特殊文件Meta信息
采集网站特殊文件Meta信息 元(Meta)信息是描述文件的属性的特殊信息,如文件的所有者.联系方式.机构名.邮件地址等信息.而网站中常常会有共享的文档文件,如PDF.Excel.Word.这些文件均 ...
- windows服务器网站日志,windows服务器网站日志文件
windows服务器网站日志文件 内容精选 换一换 华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. ...
- 如何分析网站日志文件
很多新手站长对于如何分析网站日志文件一筹莫展,打开.log日志文件看到的只有密密麻麻的数字和字母,细看能看出是什么含义,但是想要系统科学的去进行分析太耗时间,这时一般只能借助于第三方日志分析软件,而下 ...
- 19HTML5期末大作业:动画漫影视网站设计——动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 课程设计网页规划与设计 计算机毕设网页设计源
HTML5期末大作业:动画漫影视网站设计--动画漫展学习资料电影模板(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常 ...
最新文章
- linux 内核模块 编译错误 include/linux/mmzone.h:18:26: fatal error: linux/bounds.h: No such file or director
- php获取mysql数据菜鸟_PHP操作数据库
- 【转】UGUI研究院之缓存策略让UI打开更快(三十)
- 深入理解Spark 2.1 Core (十二):TimSort 的原理与源码分析
- PHP常用方法很有意义的博客网址
- 光纤收发器相比其他数据交换器有哪些优势?
- java 格式化 布尔型_这么久才知道Java中的format很强大!
- 为什么Python不支持 i ++ 语法
- JavaScript快速入门(三)——JavaScript语句
- vscode 使用技巧(持续更新)
- 暗通道去雾及C++实现
- 计算机电缆静电,ZR-DJFPVP计算机电缆
- 6. HBase优化
- FTP服务器vsftpd配置详解
- 轻量级的java HTTP Server——NanoHttpd
- android 手势密码 开发,Android自定义控件实现手势密码
- python ar_四种AR的实现方式
- 【Word】下载的word文档(doc格式)编辑后出现(同文件名.files)的文件夹--解决办法
- 云效平台性能测试功能:一个基于Jmeter的性能压测平台
- 店开天下,阿里云助力客如云数据中台建设