dw替换多个html标签,DW查找替换的技巧

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

Dreamwaver的查找替换功能十分强大,它的查找替换对话框中甚至可以用精确的“查询语言”来控制查找过程。我们在Dreamwaver中调出“查找对话框”的快捷键是Ctrl+H,默认形式的查找对话框如下图所示:

a4c26d1e5885305701be709a3d33442f.png

如图所示各个输入框的作用是:最上面的“Find”指查找的范围,在它的选择中有三项,第一项是在当前文件内查找,第二项指在当前的Site中查找,第三项是在指定文件夹中查找,如果我们选中了此项就要点击右面的文件夹状按钮指定文件夹;下面的“Find”中我们选择查找的类型,如果选“Text”是指查找类型为文本(非Html代码),其它几项依次为在Html代码中查找,高级文本查找,包含Tag的查找;右边的输入框中要输入待查找的内容;下面一点的

“Replace”指要替换为什么内容。

好,这里我们还是举一个例子来说明如何使用查找功能。假设我们想把正文文本中的“dreamwaver”替换为“Dreamwaver”,而如果只用“Text”查找,我们就会把“

a4c26d1e5885305701be709a3d33442f.png

设置好后,点击“Replace

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

下面看看包含Tag的查找替换。首先把例子中要实现的效果说一下,假设我们的网站中所有的图片都设置了“alt”属性(只有背景图和个别补角的图不设置此属性),但由于原来做网页时没有注意设置图片的“Border”属性值为0,个别图片在浏览时出现边框而影响了浏览效果,所以想要把所有的已设“alt”值的图片的“Border”值设为

0,而在图片很多的情况下我们是不可能一张张的图去改的,这时如果利用Dreamwaver包含有Tag的查找替换功能,就能很简单的解决问题。

a4c26d1e5885305701be709a3d33442f.png

如图所示我们先选定文件夹,然后设包含在img标签内的,具有“alt”属性并且符合“alt=any

value”做为查找条件,再把“Action”设为“Set Attribute”“

Border”“0”,这个设置的意义是对符合条件的图片其“Border”属性统一设为“0”,点击“Replace

All”按钮。很快,查找替换就完成了,你看33张图片被准确无误的修改,所以说只要巧用Dreamwaver的查找替换,许多看起来复杂的工作也会变的非常轻松。

Dreamwaver允许我们把设计好的查找替换作为一个查询文件存储起来,点击如图中所示的按钮,在弹出的“保存为”对话框中输入文件名,点击确定完成。这样我们下一次遇到类似的查找替换操作时,就不必在设置一次,只要打开上次保存的文件就行。

例子举完了,但实际的情况中也许要靠我们自己去发现解决问题的方法。另外要提醒的是进行查找替换时,被操作的文件不要处于被编辑的状态,否则有可能会出现替换出错的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值