我是一个网页制作刚入门者,我用d
这是个初学者容易出的问题, 本人刚学的时候也没搞懂, 我们老师只说让我们做网页的时候一定要把图片和网页放在一个文件夹, 移动时也要把图片和网页一起拷走,否则看不到图片。后来才知道是绝对路径相对路径的问题。 举例说明如下:
比如你做了一个网页保存在D盘(或其他盘)某个文件夹中, 而你的图片保存在我的文档\图片收藏里。现在你往你的网页中插入一幅图片(17。jgp),等到代码如下(在Dreamveaver代码窗口下查看):(这就是绝对路径) 编辑好后在IE中浏览网页,正常显示。 但是当你把网页( m)拷到其他机子(如你在网上申请的空间),就看不到图片了,为什么呢?因为网页要连接我的文档\图片...全部
这是个初学者容易出的问题, 本人刚学的时候也没搞懂, 我们老师只说让我们做网页的时候一定要把图片和网页放在一个文件夹, 移动时也要把图片和网页一起拷走,否则看不到图片。后来才知道是绝对路径相对路径的问题。
举例说明如下:
比如你做了一个网页保存在D盘(或其他盘)某个文件夹中, 而你的图片保存在我的文档\图片收藏里。现在你往你的网页中插入一幅图片(17。jgp),等到代码如下(在Dreamveaver代码窗口下查看):(这就是绝对路径) 编辑好后在IE中浏览网页,正常显示。
但是当你把网页( m)拷到其他机子(如你在网上申请的空间),就看不到图片了,为什么呢?因为网页要连接我的文档\图片收藏里的 g这张图片,但是现在这台机器的我的文档\图片收藏里并没有 g这张图片(因为你没有拷过来),你想,网上的空间商怎么会让你把你网站的图片放在他的文档里面呢,人人都是这样,那不是乱了。
结论:所谓绝对路径,就是相对与根目录的文件存放的地址。如上面的例子就是C:\Documents and Settings\kuloo\My Documents\My Pictures意思是 g放在相对于C盘的Documents and Settings(文档与设置)kuloo用户(我的系统是WinXp)\My Documents(我的文档)文件夹My Pictures(图片收藏)中。
那无论你把 m放在D盘或移到E盘,甚至放到其他机子上,它也要访问C:\Documents and Settings\kuloo\My Documents\My Pictures\ g
那怎么解决这个问题呢? 这就要使用相对路径了。
那什么是相对路径呢?
这就是大一时我们老师让我们要把图片和网页放在同一个文件夹的缘故了。
所谓相对路径,就是相对与文件夹的文件存放的地址。举例说明:
在E盘新建一个文件夹MyWeb,再在MyWeb文件夹里面建一个images文件夹(这是初学者应该养成的习惯),然后新建网页, 保存在MyWeb里面, 同时先把所有网站要做到的图片(如例中的 g)放到images文件夹下。
这时候你再往页面上插入图片,注意选择图片时一定要从images文件夹里。这样得到的就是相对路径了。这时候代码视图里看到的代码就是意思是相对于 m这存放的个文件夹同一层的images文件夹里的 g这张图片。
特别注意:在网页里插图片并不代表图片就真的在网页上了,事实上只是一个连接,当你运行网页时它会把文件夹中的图片连接并显示在网页上,这根Word是不一样的。可能大多数遇到这个问题的人就是没搞清楚这一点。
明白这一点过后你就该知道, 如果你要把你的网页上传到你在网上的服务器空间(或者移到别人的机器),你就得把所有网页和图片一起移动,如上例中你就应该把 m和images文件夹一起移走,而且不能改变他们的位置(如你把 g从images中移到别处,或者 m与images文件夹不是放在同一个位置)
关于相对路径作点补充:"images/ g"表示 m与图片文件夹在同一层,如果要访问下一层或者上一层怎么办呢?举例说明:
如你在MyWeb文件夹中新建一个文件夹AboutMe再在里面新建一个网页 m用做自我介绍,这时候你要连接images里面的一张照片,得到的代码这个"。
。/"就代表上一层的意思。例如你在AboutMe/ m这个自我介绍页面上肯定就会有一个"首页"的连接,就是连接到MyWeb/ m,这个代码就是首页
那连接下一层呢?例如主页你肯定有一个"关于本人"的一个连接,连接到AboutMe/ m,那这个连接的代码就是关于本人
PS:上面这些HTML代码不懂也没关系,可以慢慢学,在DREAMVEAVER或FRONTPAGE里面很容易实现这些功能的,只要养成上面提到的习惯就是了。
你的这个问题,如果你只是要把网站拷到其他机子上, 只要把MyWeb这个文件夹整个拷走就没问题了,如果你是要上传到网上,那你就把MyWeb里面的 m及images、AboutMe两个文件夹及里面的图片和网页全部上传。
做网站还有很多习惯要养成,欢迎与本人探讨
Email: kuloo1216@ 。收起