Dreamweaver如何修改图片相对路径
假定新建HTML之后插入C盘图片切换到代码模式显示的是file///C|……(省略)想请问的是如何把该图片的地址修改为相对路径?本人是新手+菜鸟表达能力和理解能力都有限麻...
假定新建HTML之后 插入C盘图片 切换到代码模式 显示的是file///C|……(省略)
想请问的是 如何把该图片的地址修改为相对路径?
本人是新手+菜鸟 表达能力和理解能力都有限
麻烦不要把那些理论拿出来讲 反而解决不了问题 耽误大家的时间是何必?
我需要的是详细的过程讲解 (分不多 就50) 谢谢了
> hnlfw
谢谢了
顺便感谢irika3和bird1981 虽然不是你们说的那样|||| 展开
想请问的是 如何把该图片的地址修改为相对路径?
本人是新手+菜鸟 表达能力和理解能力都有限
麻烦不要把那些理论拿出来讲 反而解决不了问题 耽误大家的时间是何必?
我需要的是详细的过程讲解 (分不多 就50) 谢谢了
> hnlfw
谢谢了
顺便感谢irika3和bird1981 虽然不是你们说的那样|||| 展开
4个回答
展开全部
不用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的相对路径来定位文件
如果不懂什么是相对路径,下面的看一下
相对路径:
分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面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的相对路径来定位文件
展开全部
所谓相对路径,就是相对于自己的目标文件位置。
例如:
“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”前不用再加上“/”字符。
例如:
“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”前不用再加上“/”字符。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
如果你想改成相对路径:
比方:我的根目录是D盘下的news文件夹,我的图片是在news文件夹里子文件夹hotnews里的images里,代码里显示的是url(../Images/dongtai.gif),你把前面的代码改成url(/hotnews/images/dongtai.gif)就可以了。如果图片在news文件夹下的Images里,那就改成url(/Images/dongtai.gif)。应该是这样,你试试
比方:我的根目录是D盘下的news文件夹,我的图片是在news文件夹里子文件夹hotnews里的images里,代码里显示的是url(../Images/dongtai.gif),你把前面的代码改成url(/hotnews/images/dongtai.gif)就可以了。如果图片在news文件夹下的Images里,那就改成url(/Images/dongtai.gif)。应该是这样,你试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
只要你在Dreamweaver中建立了站点,保存该网页的时候,都会自动把图片复制到站点文件夹,图片地址也自动修改为相对地址
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询