什么是网站相对路径?绝对路径?
如果您刚刚开始接触网页设计,是不是经常发生这样的问题呢?做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到图片,css样式表失效等错误。这种情况下多半是由于你使用了错误的路径,在应该使用相对路径的地方使用了绝对路径,导致浏览器无法在指定的位置打开指定的文件。
下面我们就来谈一下最让初学者头疼的相对路径与绝对路径的区别问题。
什么是绝对路径:
大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c: /website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.pckings.net/img/photo.jpg来确定文件位置的方式也是绝对路径。
另外,在网站的应用中,通常我们使用”/”来表示根目录,/img/photo.jpg就表示photo.jpg文件在这个网站的根目录上的 img目录里。但是这样使用对于初学者来说是具有风险性的,因为要知道这里所指的根目录并不是你的网站的根目录,而是你的网站所在的服务器的根目录,因此当网站的根目录与服务器根目录不同时,就会发生错误。
什么是相对路径:
让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面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来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。
另外我们使用“../”来表示上一级目录,“../../”表示上上级的目录,以此类推。(学习过dos的朋友可能更容易理解)
再看几个例子,注意所有例子中都是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的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:../img/images/photo.jpg
这种写法是不正确的,在此例中对于index.htm文件来说../img/images/photo.jpg所代表的绝对路径是:c:/website/web/img/images/photo.jpg。
正确写法:可以使用../../img/images/photo.jpg的相对路径来定位文件
例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:../../img/photo.jpg
这种写法是不正确的,在此例中对于index.htm文件来说../../img/photo.jpg所代表的绝对路径是:c:/website/img/photo.jpg。
正确写法:可以使用../img/photo.jpg的相对路径来定位文件
总结:通过以上的例子可以发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都可以忽略,不做考虑。只要考虑他们不同之处就可以了。
如何修改样式表的路径:
使用文本编辑器打开htm文件,查看源代码,在源代码的开头部分<head>……</head>标记中间找到<link rel=”stylesheet” href=”test.css” type=”text/css”>。“Href=”后面的内容就是css的路径,我们可以根据以上的知识进行相对路径的转换。
例:
c:/website/web/xz/index.htm
c:/website/css/test.css
在此例中index.htm中联接test.css文件,可以使用../../css/test.css的相对路径来定位文件,完整的代码标记是:<link rel=”stylesheet” href=”../../css/test.css ” type=”text/css”>
错误写法举例:../../../css/test.css
这种写法是不正确的,在此例中对于index.htm文件来说../../../css/test.css所代表的绝对路径是:c:/css/test.css
最后,为了避免在制作网页时出现路径错误,我们可以使用dreamweaver的站点管理功能来管理站点。只要使用菜单命令site-new site新建站点并定义站点目录之后,它将自动的把绝对路径转化为相对路径,并且当你在站点中移动文件的时候,与这些文件关联的连接路径都会自动更改,实在是非常的方便。
Dreamweaver Extensions扩展插件系列10+窗口控制
1.Abrir Janela Pop-Up 弹出窗口行为,可定制窗口相对于屏幕左上角的距离。
2.Adv Open Window 具有许多选项的打开窗口行为。
3.Always on Top 使浏览器窗口总是保持在最前面。
4.Animate Browser Window 动态调整窗口至指定的大小
5.AutoResizable OpenWindow 根据屏幕分辨率自动调整打开窗口的大小。
6.CN Show PopUp Window 打开一个模态对话框窗口。
7.ChromelessWin 创建可拖动的平面边框窗口。
8.Close Browser Window 插入关闭浏览器链接到页面中。
9Close Button 插入关闭浏览器窗口按钮。
10.Close Child Window Extension 插入关闭窗口的文本链接、图像链接或按钮。
11.Close Popup Window 关闭弹出窗口。
12.Close Popup Window Link 插入关闭弹出窗口链接。
13.Close onBlur 当窗口失去焦点时关闭它。
14.JustSo Picture Window 自适应图像大小的弹出窗口。
15.Kill scroll 去除窗口滚动条。
16.MFX_FullScreen 打开一个新的全屏浏览器窗口。
17.Move Window 移动浏览器窗口。
18.Open Browser Window 可设置窗口居中的Open Browser Window行为。
暂时不提供下载地址如有需要可以留言,留言下E-mail地址!
Dreamweaver Extensions扩展插件系列5+网页安全
1.Disable View Source Code 禁止用户通过右键来查看源代码.
2.Find Parent Frameset 确保页面总是显示在其所在的框架集中.
3.Frame Buster 防止你的页面被包含在别人的框架帧中.
4.Image Protect 图像保护. 5.Page Protect 页面保护.
6.Super SafeSurf 设定网页的内容安全级
暂时不提供下载地址如有需要可以留言,留言下E-mail地址!
茶油历史文化
中国生产油茶历史悠久!
油茶原产中国,早在公元前汉武帝时,就开始栽种油茶野茶油距今已有二千多年的历史,因其稀有的资源和对人体健康的特殊功效,历来为皇家指定进贡品,在明清时期尤为盛行,当时只有皇族贵戚才能一品野茶油的妙处,野油茶树在全世界唯中国独有,所以说中国的野茶油就是世界的野茶油,是大自然赋予华夏大地的瑰宝。今天,野茶油树资源得到很好的保护和发展,油茶产业展翅腾飞,必将为华夏儿女的健康饮食筑起一道天然屏障。 油茶是一种常绿、长寿树种,一次种植,收获期长达百年以上,一般栽后8-10年郁闭成林,她有美化环境,保持水土、涵养水源、调节气候的生态效益。油茶树平均高为1.55-2.4米,冠幅平均为1.52-2.99 平方米。属六本科,据《本草纲目》记载:“茶籽,苦寒香毒,主治喘急咳嗽,去疾垢……”在抗病性上基本没有发现病害。油茶果从开花到授粉到果实成熟需经历秋、冬、春、夏、秋五季之雨露,尽吸天然养分,日月精华,营养价值极高,在民间素有“抱子怀胎”之美誉,堪称人间奇果.
php调用JS实现跳转函数
<?php
function msg($msg,$case=”,$page_to=’index.php’) {
switch ($case)
{
case ‘1′:
echo”<script LANGUAGE=’javascript’>alert(’$msg’);</script>
<meta http-equiv=’refresh’ content=’0;url=$page_to’>”;
break;
case ‘0′:
echo”<script LANGUAGE=’javascript’>alert(’$msg’);</script><meta http-equiv=’refresh’ content=’0;url=javascript:onclick=history.go(1)’>”;
break;
case ‘2′:
echo”<script LANGUAGE=’javascript’>alert(’$msg’);</script><meta http-equiv=’refresh’ content=’0;url=login.php’>”;
break;
default :
echo”<script LANGUAGE=’javascript’>alert(’$msg’);</script><meta http-equiv=’refresh’ content=’0;url=javascript:onclick=history.go(-1)’>”;
break;
exit;
}
}
?>
Dreamweaver Extensions扩展插件系列10+管理浏览器
1.Add To Faves 添加页面到收藏夹中,支持IE和Netscape。
2.Add To Favorites 加入页面到IE收藏夹中。
3.Add Old Browser Message 加入一条只有较早的不支持W3C DOM的浏览器(4.0及其以下版的所有浏览器)才可见的信息。
4.ColorDepth Redirect 基于显示器颜色深度重定向浏览器到不同的页面。
5.Favorites Icon 定制页面收藏夹图标
6.Go Away Old Browsers 重定向使用较旧浏览器(不支持W3C DOM)的用户到指定页面。
7.Resolution Redirect 基于屏幕分辨率转向不同的页面。
8.On Browser Type Go 根据不同的浏览器转向不同的页面。
9.Browser Sniffer 基于用户浏览器转向不同的页面。
10.Favorites Fever 收藏页面。 11.IE Favicon 定制IE收藏夹图标。
12.set home page 设置浏览器主页暂时不提供下载地址如有需要可以留言,留言下E-mail地址!
最欠扁的十二个脑筋急转弯!
题目:蓝色的刀和蓝色的枪谜底:刀枪不入(blue) 题目:身穿着金色衣服的人谜底:一名惊人题目:数字“3”在路上走呀走…翻了一个跟斗…接着又翻了一个… 谜底:三番五次题目:一条狗过了独木桥之后就不叫了谜底:过目不忘(汪)题目:第十一本书谜底:不可思议(book 11) 题目:牛狗猪羊比赛赛跑…跑到终点后…牛狗猪都喘得不得了…只有羊不喘气谜底:扬眉吐气(羊没吐气) 题目:避孕药的主要成份是什么?谜底:抗“生”素题目:放烟火时为什么不会射到星星?谜底:因为星星会”闪” 题目:一个离过很多次婚的女人,该怎么称呼她?谜底:前 “公” 尽弃题目:一只蜜蜂叮在挂历上谜底:风(蜂)和日丽(日历)题目:一只熊走过来谜底:有备而来(有bear来)题目:羊给老鹰打电话?谜底:阳奉(羊phone)阴违(鹰:喂)
49个影响网站排名的因素
内部因素 1. URL中出现关键词 2. 网页Title中出现关键词 3. 常规内容中出现关键词 4. 在页面的第一段中出现关键词 5. 在页面的最后一段中出现关键词 6. Heading 标签 比如h1,h2中出现关键词 7. 站内的连结中出现关键词 8. 导向相关内容的汇出连结 9. 汇出连结中出现关键词 10. 图片文件名中出现关键词 11. Alt卷标中出现关键词 12. comment中出现关键词 13. 合理的频率更新内容 14. 内容对搜寻引擎的展示位置 15. 网站结构循环PR,而非散发PR 16. 关键词进行适当的修饰(加粗、斜体等)外部因素 1. 大量的导入连结 2. 从高PR值得网页获得导入连结 3. 从相关内容网站获得导入连结 4. 导入连结指向的网页有具体内容 5. 锚文字中有关键词 6. 锚文字周围有相关词 7. 锚文字存在于文章或句子中 8. 导入连结的时间长度,一般导入连结的存在时间有3-6个月 9. 单向连结的价值高于交换连结 10. 导入连结的页面的汇出连结小于100个,流出连结越少越好 11. 连结来自不同IP 12. 合理的导入连结增长频率你需要避免的事情 1. 关键词堆积 2. 所有的锚文字都相同 3. 使用CSS或背景色隐藏内容,这是十恶不赦的大恶 4. 使用JavaScript跳转 5. 相同ip之下的网页直接进行大量交换连结 6. 桥页和Cloaking,诱导搜寻引擎的爬虫,这是十恶不赦的大恶 7. 成人内容,违禁药品,赌博相关内容 8. 内容重复 9. 连向作弊的网站 10. 站内的绝大部分网页有相同的网页title 11. 加入到Link Farm或则Link交换类网站 12. 使用被惩罚过的域名 13. 网站建立在被惩罚的IP上尽量避免的问题 1. 地址中存在动态变量 2. 单一图片和Flash的网站 3. 用Javascript制作的网站导航条或目录 4. 用图片做网站导航而不加ALT标签 5. 〈head〉〈/head〉之间有太多的代码 6. 存在太多与网站主题无关的内容 7. 导入连结中购买连结占多数 8. 和作弊的网站在同一服务器上文章來自克理斯的seo評論
SQL2000数据库还原–选单用户才行!
今天下午还原公司的一个SQL2000数据库文件,一直提示,数据正在使用还原出错,试着停用sql再还原也不行!最后终于解决,以下是解决方法:首先 选中你要还原的数据库名–属性–选项–访问–选中单用户–确定然后再进行还原就可以了. 还原完成后记住要选择成多用户.
Google—10周年
1998年9月7日,Larry Page和Sergey Brin创立了Google公司,专注于提供一个更优秀的搜索引擎。你可以通过互联网档案馆瞧瞧10年前的Google。Google拥有的相对更好搜索引擎技术,在90年代后期从无数竞争对手中脱颖而出,并最终开发出一个成功的广告模式,和遵循“不作恶”的准则。Google目前雇用了约2万名员工,市值1500亿美元,获得或开发了许多的突破性技术。在全球的搜索引擎市场Google牢牢占据第一的位置,不过在中国,由于国情和文化特殊性,依旧是“百度更懂中文”。大家可以看看10年前的google http://web.archive.org/web/19981111183552/google.stanford.edu
首字母”Z”比首字母”A”收到的垃圾邮件要少
剑桥大学安全专家Richard Clayton的最新研究(PDF)发现,用户电子邮件地址的首字母直接影响到他们收到的垃圾邮件数量的多寡少。邮件地址首字母顺序越靠后,收到的垃圾邮件越少。研究分析了英国一家ISP Demon Internet公司8周的电子邮件通讯,总共超过5亿的邮件,其中56%都是垃圾邮件。Clayton将首字母为A的称为“Aardvarks组”,首字母为Z的称为“Zebras组”,他发现Zebras组收到的20%是垃圾邮件,Aardvarks组收到的35%是垃圾邮件文章出自 http://it.solidot.org/it/08/09/01/0047215.shtml
Dreamweaver Extensions扩展插件系列10+图像处理
1.Accessible Image Object
在插入图像时即可设置其ALT与LONGSRC属性。
2.Advanced Random Images
随机显示指定图像列表中的图像。
3.Animate Image 动画图像。
4.Automatic Alt
自动以Alt属性设置所有图像。
5.Banner Image Builder
创建随机切换的横幅广告图序列。
6.Background that Fit
可自调尺寸以适应窗口大小的背景图。
7.Daily Images
轮转显示图像列表中的图像,每天一个。
8.Flash_image
转换图像为swf文件。
9.Flash Image
鼠标移入/移出图像时,以淡入淡出效果显示。
10.Float Image
飘浮图片。
11.Random Image
随机显示图像序列。
12.Reset Image Sizes
恢复文档中的 jpeg 与 gif 图像为其原大小。
13.Set Alt Text
一次性设置所有图像的alt属性。
14.Set Image Title
设置选中图像的 title 属性。
15.Set Titles From Alts
以页面中所有图像的alt属性值设置title属性。
16.dHTML Slideshow
以幻灯片形式显示图片
17.dHTML Slideshow Fullsize in Page
以幻灯片形式显示图片,并在页面中显示全尺寸图片
18.dHTML Slideshow Fullsize in Popup
以幻灯片形式显示图片,并在弹出窗口中显示全尺寸图片
暂时不提供下载地址如有需要可以留言,留言下E-mail地址!