网站设计做好超级链接的重要性
作者:GoL 来源:I'm GoL 发布时间:2007-09-14 11:19:00
可以说,互联网就是由一个个链接进行信息流通的。没有连接的网站如同一潭死水,毫无生气。当一个访客进入你的网站,在浏览的过程中,如果你的内容不引起访客的兴趣,那你就要意识到,在某个标记上加一个链接,否则,你将会失去一位访客。而这位访客带来的和带走的不仅仅是一个人的信息,其潜在的信息是不可估量的。
很多人害怕加了一个外部的连接(指向其他网站的连接)就会直接流失一位访客,或者给其他网站带来了所谓的IP。作为一个站长,不应该小气,不应该强制性的留着用户。应该让用户自主选择。互联网就是一个宝库,由人们去发掘分享以及收藏。当你分享了一个外部的连接,如果这个连接给访客带来了感兴趣的信息,那么访客一方面会记住这个感兴趣的网站,另一方面也会继续留意,留意那个给他带来感兴趣内容的网站。
我们一起来发掘并且分享链接这道美味的大餐吧。
1、亮起你的链接。
千万不要设置一个<a>和<p>的font color相同。你应该用一种对比色,来刺激用户:这是一个链接。
2、为你的链接加一个hover。
如果你已经用颜色来区分了<a>和<p>,那么,请进一步为这个<a>加上合适的hover,让这个链接在激活的时候,产生变化,让用户确信,这是一个连接。
3、不要试图改变鼠标的样式。
很多站长为了个性,试图改变用户的鼠标样式。但这样的方式不可取,通常令到一个浏览者区别某个图片或者文字是否带有连接,鼠标样式是一个重要因素之一。
4、为你的连接加上title。
<a href="http://imgol.com">已经可以产生了一个连接,但,在毫无任何提示下,这个连接会怎么被人理解呢?在多数浏览者进入一个陌生的网站,他们在接触每一个连接的时候,都会潜意识把鼠标停留在这个连接一秒,以便试图发现一些他们想要的信息。试问,注重用户体验的你,会让你的访客失望吗?
所以我们正确的写法<a href="http://imgol.com" title="I'm GoL - Enjoy design Enjoy life">
5、区分target。
对于一个连接,很多人都给连接定义一个target。最常用的target是_self和_blank。(先不讨论target是否符合W3C,在中国网络使用者习惯中,有必要使用target)而我们有必要区分_self和_blank的样式吗?答案是:没必要,但是为了培养你的用户的习惯,你最好区别。
_self是在同一页面进行切换的连接,我把它称之为内部连接。
_blank是新建一个页面进行切换的连接,我把它称之为外部连接。
在培养一个用户在你网站的使用习惯,你必须让他们知道,哪个是内部的连接,哪个是外部的连接。
我们用css定义一下。
.link_self a {color:red}
.link_self a:hover {color:black}
.link_blank a {color:blue}
.link_blank a:hover {color:black}
当我们实现内部连接和外部连接的区分时,我们应该这样写html代码:
<span class="link_self"><a href="http://imgol.com" title="I’m GoL - Enjoy design Enjoy life" target="_self">内部连接</a></span>
<span class="link_blank"><a href="http://imgol.com" title="I’m GoL - Enjoy design Enjoy life" target="_self">外部连接</a></span>
链接是一件很愉快的事情,友好的连接会节省用户的浏览时间,也节省了站长的工作量。发现一个好网站,用连接去说明,比直接搬那网站的内容过来要好。
还有,链接不是AD,链接的作用在于分享,若浏览者不喜,可以不点。关键是你是否分享了。
原文出处:http://imgol.com/show-294-1.html
猜你喜欢
- SQL Server 2005的新功能为动态管理对象,它们是在指定时间返回某个数据库实例的特殊状态信息的数据库视图或函数。这些对象允许数据库
- 这个是我在蓝色看到的,楼主想实现图片按比例缩放的功能(缩略图),把图片固定在一定的宽高范围内,不会变形,失真。例如:缩略图的框是94px*9
- 1.INSERT (往数据表里插入记录的语句) INSERT INTO 表名(字段名1, 字段名2, ……) VALUES ( 值1, 值2
- chat.html <html> <head><title>asp之家-简单聊天&l
- 原文作者:青女 附注及色样添加:Quester西式的色名及色样表,可以参见以下链接 (Java 类色彩兼容):http
- 前一段时间就安装了AspJpeg 2.0,一直没有时间去测试,直到昨天晚上因为服务器无法访问才在本机测试下,特分享下测试结果,只针对GIF图
- ORA-00600:internal error code,arguments:[num],[?],[?],[?],[?] 产生原因:这种错
- ajax编程获取Google的PageRank3(PR值)及所在目录,想给你的站增加Google PR查询的功能吗?如果你不会就看看本文吧,
- ASP页面延迟的两个简单方法 asp延时第一种 代码如下:<% Response.Buffer = Tr
- 阅读系列教程上一篇:FrontPage2002简明教程二:文字与图像的处理通常网页的布局使用到的是FrontPage 2002中的表格和框架
- 如何制作一个分页程序?确实,翻页程序可以相互借鉴,但具体到每一需求,还是有较大差别的。代码入下,供参考:<%language=&quo
- 先前在DW教学-Dreamweaver量身打造Wordpress留言板(一) 教学文章中,已经成功的把前端留言机制与界面搞定了,虽然有了留言
- 希腊Web 设计师Christos Chiotis 发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是
- 前段时间在网上找了一个“完美的”JavaScript对象克隆的函数,感觉还不错,但随后便出现了一些问题,发现这个克隆并不好用,在使用发现了如
- form无论是在网站的制作中,还是在网站的重构中,我们都会频繁地“碰面”,当“碰面”的次数多了,反而觉得他更让人迷茫,有种熟悉的“陌生”,越
- 一般我们是利用Session对象来防止通过“刷新”增加计数器的访问量的,看看下面的做法;<%If IsEmpty(Sessi
- “到底是什么将艺术和设计分开的?”这样一个话题听起来费解,长时间以来, 也已经被讨论过无数次。艺术家和设计师都是通过共通的知识和素养来创造视
- 我们小组讨论的话题是tab(标签)在使用时的禁忌。在讨论的开始,大家很快产生了六个感兴趣的话题:如何处理海量的tab?在浏览器中关掉tab之
- alt的准确含义是,当照片不存在或者load错误时的提示。但同时img也同时支持alt和title,再有某些浏览器的错误解析,因此经常被误导
- 要想在不宽裕的页面展现丰富的内容,现在通用的做法使用tab,在一块区域通过tab切换来更换该区域的内容。这篇文章分析了tab设计很在理,今天