网站设计如何揪出网页的无效链接

2016-02-19 17:31 7 1 收藏

下面是个简单易学的网站设计如何揪出网页的无效链接教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

  在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者无法找到网页的提示,出现如此现象一般都是因为链接文件的位置发生变化、被误删除或者文件名的拼写错误造成的。

  为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计制作后,一定要认真地检查是否存在失效链接,以便及时修改。

  将无效链接扼杀在上传前

  为了预防网站上传后出现无效链接,在上传前我们可以使用FrontPage2003的超链接报表功能来检查整个网站的链接情况,如果遇到无效链接还可以及时编辑修复。首先我们要把需要检查链接的站点设置为FrontPage2003的网站,运行FrontPage2003,选择文件→新建→由一个网页组成的网站进入网站模板窗口,单击浏览指定到你的站点目录,确定后即可打开整个网站。

  执行视图→报表→问题→超链接,弹出对话框询问是否验证网站中的超链接,单击是验证所有超链接,包括指向站内网页的内部链接和指向外部网站的外部链接,稍等一会儿FrontPage2003就会将验证结果显示出来(图1)。验证结果包括链接所在的网页、网页标题、链接目标和类型等。

  

  图1

  对于无效链接,FrontPage2003会在状态栏下标注中断,选中并双击一个中断的无效超链接,在弹出的超链接编辑窗口中就可以对错误的超链接进行修复了。我们可以直接键入正确的链接地址或在浏览中选择指定到正确的文件,如果在其他网页中也有这个相同的错误链接,我们可以勾选对所有网页进行更改,然后点击替换按钮即可修复网站中所有包含这个无效链接的网页了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  时刻监视网站无效链接

  网站上传运行后,如果网站中引用了大量的外来网站内容的链接,而我们又无法控制外来内容链接的有效性,我们只有经常对网站测试其链接的可靠性,以避免无效链接的出现。若要继续使用FrontPage2003对网站无效链接进行检查,还需要将网站全部下载到本地,这样会显得很麻烦,这里我们推荐使用一个小工具Xenu Link Sleuth(下载地址:http://down.ddvip.com/view/11811245377815.html)来对网站进行在线检查。

  打开软件,执行File→Check URL打开一个对话窗口,输入你要检查的网站地址,OK后软件就会自动访问网站并验证每个链接地址,验证结束后就会将结果显示在验证列表中(图2),对于无效的链接,软件会以红色字体加以区别。在失效链接的右键菜单中选择Properties,然后在Properties窗口中的Pages linking to下可以查看到哪些网页使用了这个无效链接,对这些网页单独下载加以修复就可以了。

  

  图2

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  提示:验证结束后,软件还可以生成一份详细的无效链接报告,包括无效链接页面以及使用无效链接的页面等以供修复时查阅。

来源:http://www.tulaoshi.com/n/20160219/1615420.html

延伸阅读
标签: 设计 快递
从Google、可口可乐到联邦快递、肯德基,让我们一起来看这些最经典的Logo设计如何返璞归真,相信我,你会返回来重新看一遍的! 联邦快递 迪士尼 BURGER KING 可口可乐 肯德基 乐高 耐克 百事可乐 麦当劳 YouTube
最终效果图: 1.在PS中新建一个文档,768*800px,并填充#1e2528. 2.添加LOGO,在左上角,并给它新建一个图层.     3.新建一个图层.并使用图层样式为其添加一个渐变效果.   4.tulaoShi.com使用减淡工具,并设置10%的不透明度,给图像加个高光.如图: 5.现在加入菜单文字.使用文字工具并设置如图,颜色#444b44. ...
标签: Web开发
设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。 版面指的是浏览器看到的完整的一个页面(可以包含框...

经验教程

97

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部