【牛腩新闻发布系统】——母版页图片路径问题


        在牛腩新闻发布系统中,制造可变宽度的圆角框一集中,我们是从中引用了母版页,但这时运行出来的网页中的图片并不能正常显示。根据视频讲的我们可以知道,我们需要修改母版页中的图片路径,那么,问题来了:路径修改后仍然是存在问题的。


    先看一下在没有修改路径前,网页是这个样子的:


【牛腩新闻发布系统】——母版页图片路径问题_第1张图片


    可以看出两张图片都不能正常地显示出来,视频中也说了,这种情况是正常的,我们需要修改母版页中图片的路径,根据提示,我对图片的路径进行了修改,对图片添加了上一级目录,如下:

<div id="top">
            <a href="Default.aspx">
                <img src="/web(1)/images/niunanlogo.jpg" /></a>
            <a href="http://www.tg029.com" target="_blank">
                <img src="/web(1)/images/tg029logo.gif" /></a>
        </div>


    这样一来,不但效果没出来不说,连原来没有问题的网页也出了问题,所有的网页图片全都变成了上图所示的样子。把我的小牛给藏起来了。通过寻求帮助,问题最终还是解决了,如下:

<div id="top">
            <a href="Default.aspx">
                <img src="../images/niunanlogo.jpg" /></a>
            <a href="http://www.tg029.com" target="_blank">
                <img src="../images/tg029logo.gif" /></a>
        </div>

    

      看出来了吗?只是把图片路径中在最原来的基础上添加了“../”,这样我们的网页图片就成功显示出来了,还是很有效果:

【牛腩新闻发布系统】——母版页图片路径问题_第2张图片

        有了这个问题,又为什么会这样呢?这就涉及到了我们之前也总提到的相对路径和绝对路径的问题。


    路径问题


      绝对路径

        绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径一般在CGI程序的路径配置中经常用到,二在制作网页中实际很少用到。所以在我们的系统中,我们就要避免使用绝对路径。

      相对路径

        相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。 来看几种常用的相对路径表示方法:
           “.”代表目前所在的目录;
           “../”表示源文件所在目录的上一级目录;
           “../../”表示源文件所在目录的上上级的目录,以此类推;
           引用下级目录的文件,直接写下级目录文件的路径即可。
          

    在使用的过程中,我们还是会遇到各种各样的问题,总结的很片面,但这是对我这段学习遇到的问题的自我认为很好的记录方法,也可以进一步帮助我扩展知识面。将前后学到的知识汇总之后,我们会收获一个巨大的宝库。






你可能感兴趣的:(相对路径,绝对路径)