Dreamweaver如何修改图片相对路径

2024-11-19 09:03:55
推荐回答(4个)
回答1:

不用DW就行。用记事本打开HTM文件。 记事本下面的编辑 替换。全都 替换就可以。

如果不懂什么是相对路径,下面的看一下
相对路径:

分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下:
c:/website/index.htm
c:/website/img/photo.jpg

如果你使用绝对路径c:/website/img/photo.jpg,那么在自己的计算机上将一切正常,因为确实可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件,但是当你将页面上传到网站的时候就很可能会出错了,因为你的网站可能在服务器的c盘,可能在d盘,也可能在aa目录下,更可能在bb目录下,总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么,在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢?对,应该是用相对路径,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。

另外使用“../”来表示上一级目录,“../../”表示上上级的目录,以此类推。

再看一个例子,注意所有例子中都是index.htm文件中联接有一张图片photo.jpg。

例:
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:img/photo.jpg
这种写法是不正确的,在此例中,对于index.htm文件来说img/photo.jpg所代表的绝对路径是:c:/website/web/img/photo.jpg,显然不符合要求。
正确写法:使用../img/photo.jpg的相对路径来定位文件

回答2:

所谓相对路径,就是相对于自己的目标文件位置。
例如:
“s1.htm”文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.htm”来说,是在同一个目录的,那么要在“s1.htm”文件里使用以下代码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。

再举一个例子,假设“s1.htm”文件所在目录为“E:\book网页布局代码第2章”,而“bg.jpg”图片所在目录为“E:\book网页布局代码第2章img”,那么“bg.jpg”图片相对于“s1.htm”文件来说,是在其所在目录的“img”子目录里。
注意:相对路径使用“/”字符作为目录的分隔字符,而绝对路径可以使用“”或“/”字符作为目录的分隔字符。由于“img”目录是“第2章”目录下的子目录,因此在“img”前不用再加上“/”字符。

回答3:

如果你想改成相对路径:
比方:我的根目录是D盘下的news文件夹,我的图片是在news文件夹里子文件夹hotnews里的images里,代码里显示的是url(../Images/dongtai.gif),你把前面的代码改成url(/hotnews/images/dongtai.gif)就可以了。如果图片在news文件夹下的Images里,那就改成url(/Images/dongtai.gif)。应该是这样,你试试

回答4:

只要你在Dreamweaver中建立了站点,保存该网页的时候,都会自动把图片复制到站点文件夹,图片地址也自动修改为相对地址