怎么用Dreamweaver查找或替换的技巧

所属分类: 网页制作 / Dreamweaver 阅读数: 1780
收藏 0 赞 0 分享

  在开发建设网站的过程中,也许我们会遇到这样的情况,当我们的网站已经进行了相当一部分,却发现还需要对某些细节进行修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamwaver中的查找替换能够帮助实现这些修改。

  Dreamwaver的查找替换功能十分强大,在它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是“Ctrl+H”,各个输入框的作用是:最上面的“Find”项用来指出查找的范围,有3个选项,第一项是在当前文件内查找,第二项指在当前的Site中查找,第三项是在指定文件夹中查找,如果我们选中了此项就要点击右面的文件夹状按钮指定文件夹;下面的“Find”项用来选择查找的类型,如果选“Text”是指查找类型为文本(非HTML代码),其他几项依次为在HTML代码中查找、高级文本查找、包含Tag的查找;右边的输入框中要输入待查找的内容;下面的“Replace”指要替换为什么内容。

  让我们举一个例子来说明如何使用查找功能。假设我们想把正文文本中的“dreamwaver”替换为“Dreamwaver”,如果只用“Text”查找,就会把< title>中的“dreamwaver”也替换掉,我们不希望这样。所以我们采用了“高级Text查找”,将查找条件(“+”、“-”按钮右的内容)设为“Inside Tag”和“Font”,意思是查找在Font标签内的文字“dreamwaver”,然后将其替换为“Dreamwaver”。需要说明的一点是查找级别选项必须选为“Match Case”,也就是必须完全匹配查找条件,否则文字中的大小写区别将被忽略。

  设置好后,点击“Replace All”,查找替换过程就开始了,替换完毕后所有被替换的地方会显示在替换信息列表中,文件前的小绿点表示替换成功。

  那怎样实现包含Tag的查找替换呢?假设我们网站中所有的图片都设置了“alt”属性(只有背景图和个别补角的图不设置此属性),但由于做网页时没有注意设置图片的“Border”属性值为“0”,个别图片在浏览时出现边框而影响了浏览效果,所以要把所有的已设“alt”值的图片的“Border”值设为“0”,而在图片很多的情况下我们是不可能一一去改的,这时如果利用Dreamwaver包含有Tag的查找替换功能,就能很简单地解决问题。

  我们先选定文件夹,然后设包含在img标签内的,具有“alt”属性并且符合“alt=any value”作为查找条件,再把“Action”设为“Set Attribute”、“ Border”、“0”,这个设置的意义是对符合条件的图片其“Border”属性统一设为“0”,点击“Replace All”按钮。很快,查找替换就完成了,图片属性就会被准确无误地修改。

  需要提醒的是进行查找替换时,被操作的文件不要处于被编辑的状态,否则有可能会出现替换出错的问题。

更多精彩内容其他人还在看

DW怎么设置网站的背景图像?

Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,今天小编为大家分享DW怎么设置网站的背景图像方法,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享

DW怎么做热点链接?dw热点链接制作方法图解

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

dreamweaver怎么做一个简单的网页?

dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么批量修改网页相同的内容?

Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容的方法
收藏 0 赞 0 分享

dreamweaver cs6怎么新建HTML5格式的页面?

dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么在网页中显示一个圆角矩形?

Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver8调出新建、打开两个命令的快捷工具栏

今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
收藏 0 赞 0 分享

DW在html中插入css样式方法

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式,下面小编就为大家介绍DW在html中插入css样式方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

8款替代Dreamweaver的开源网页开发工具

这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多