IT技术江湖   操作系统   安全技术   平面设计   Web开发   数据库   互联网   搜索引擎   网络广告   
引擎技术江湖  BLOG  合作联系
本站
Google
IT技术江湖
首页>Web开发>网站设计> 详细讲解网站制作中关于链接的制作方法
  • IT技术江湖
  • 详细讲解网站制作中关于链接的制作方法
    http://www.hack1st.com 来源: 2008-03-22 阅读: 评论

      可以说,互联网就是由一个个链接进行信息流通的。没有连接的网站如同一潭死水,毫无生气。当一个访客进入你的网站,在浏览的过程中,如果你的内容不引起访客的兴趣,那你就要意识到,在某个标记上加一个链接,否则,你将会失去一位访客。而这位访客带来的和带走的不仅仅是一个人的信息,其潜在的信息是不可估量的。

      很多人害怕加了一个外部的连接(指向其他网站的连接)就会直接流失一位访客,或者给其他网站带来了所谓的IP。作为一个站长,不应该小气,不应该强制性的留着用户。应该让用户自主选择。互联网就是一个宝库,由人们去发掘分享以及收藏。当你分享了一个外部的连接,如果这个连接给访客带来了感兴趣的信息,那么访客一方面会记住这个感兴趣的网站,另一方面也会继续留意,留意那个给他带来感兴趣内容的网站。

      我们一起来发掘并且分享链接这道美味的大餐吧。

      1、亮起你的链接。

      千万不要设置一个<a>和<p>的font color相同。你应该用一种对比色,来刺激用户:这是一个链接。

      2、为你的链接加一个hover。

      如果你已经用颜色来区分了<a>和<p>,那么,请进一步为这个<a>加上合适的hover,让这个链接在激活的时候,产生变化,让用户确信,这是一个连接。

      3、不要试图改变鼠标的样式。

      很多站长为了个性,试图改变用户的鼠标样式。但这样的方式不可取,通常令到一个浏览者区别某个图片或者文字是否带有连接,鼠标样式是一个重要因素之一。

      4、为你的连接加上title。

      <a href="http://webjx.com">网页教学网</a>已经可以产生了一个连接,但,在毫无任何提示下,这个连接会怎么被人理解呢?在多数浏览者进入一个陌生的网站,他们在接触每一个连接的时候,都会潜意识把鼠标停留在这个连接一秒,以便试图发现一些他们想要的信息。试问,注重用户体验的你,会让你的访客失望吗?

      所以我们正确的写法<a href="http://webjx.com" title="网页教学网--专业网页教学站点">网页教学网</a>

      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://tech.ddvip.com" title="豆豆技术应用" target="_self">内部连接</a></span>
    <span class="link_blank"><a href="
    http://tech.ddvip.com" title="豆豆技术应用" target="_self">外部连接</a></span>

      链接是一件很愉快的事情,友好的连接会节省用户的浏览时间,也节省了站长的工作量。发现一个好网站,用连接去说明,比直接搬那网站的内容过来要好。

      还有,链接不是AD,链接的作用在于分享,若浏览者不喜,可以不点。关键是你是否分享了。

    上一篇:对于网页制作中的乱码问题的解决  
    下一篇:全世界的专家给网站开发人员的一些建议

    ·网友互动--用户名: (新注册) 密码: 匿名评论 [所有评论]
    评论内容:(用户发表意见仅代表其个人意见,评论内容与本站立场无关,请自觉遵守互联网相关政策法规)
    关注此文读者还看过
    • ·如何制作一个网站?做网站必备六步
      ·策划设计制作网站应该注意的九大原则
      ·网页设计之视觉信息传达分析
      ·复杂网站重新设计的简单方法
      ·网页表单的Web标准解决方案
      ·全世界的专家给网站开发人员的一些建议
      ·详细讲解网站制作中关于链接的制作方法
      ·对于网页制作中的乱码问题的解决
      ·怎么系统的学习Web标准?
      ·Vista般漂亮!Live Spaces中文首页更新
    最新更新
    • ·如何制作一个网站?做网站必备六步
      ·策划设计制作网站应该注意的九大原则
      ·网页设计之视觉信息传达分析
      ·复杂网站重新设计的简单方法
      ·网页表单的Web标准解决方案
      ·全世界的专家给网站开发人员的一些建议
      ·详细讲解网站制作中关于链接的制作方法
      ·对于网页制作中的乱码问题的解决
      ·怎么系统的学习Web标准?
      ·Vista般漂亮!Live Spaces中文首页更新
    文章关注度排行
    ·网页设计之视觉信息传达分析
    ·详细讲解网站制作中关于链接的制作方法
    ·对于网页制作中的乱码问题的解决
    ·网页表单的Web标准解决方案
    ·网站站长:网站改版应注意的事项
    ·新鲜视觉体验——另类网站版式设计欣赏
    ·互动网站设计需知
    ·复杂网站重新设计的简单方法
    热点推荐
    网站站长:网站改版应注意的事项
    网站站长:网站改版应注
    新鲜视觉体验——另类网站版式设计欣赏
    新鲜视觉体验——另类网
    企业网站英文版制作几个关键注意事项
    企业网站英文版制作几个
    网页也需要呼吸 设计中的留白讨论
    网页也需要呼吸 设计中
    八种不能建设的个人网站
    八种不能建设的个人网站
    GOOGLE官方对网站设计方案的一些建议
    GOOGLE官方对网站设计方
    频道推荐
    • ·网站站长:网站改版应注意的事项
    • ·新鲜视觉体验——另类网站版式设计欣赏
    • ·互动网站设计需知
    • ·企业网站英文版制作几个关键注意事项
    • ·网页也需要呼吸 设计中的留白讨论
    • ·八种不能建设的个人网站
    • ·GOOGLE官方对网站设计方案的一些建议
    • ·界面设计表达需要注意尺度
    • ·谈谈做网站的经验
    • ·一名网站设计师的自我修养
    本站精华
    网站站长:网站改版应注意的事项
    网站站长:网
    一名网站设计师的自我修养
    一名网站设计
    网页也需要呼吸 设计中的留白讨论
    网页也需要呼
    • ·新鲜视觉体验——另类网站版式
    • ·企业网站英文版制作几个关键注
    • ·Web的内容、结构与表现漫谈
    • ·八种不能建设的个人网站
    • ·GOOGLE官方对网站设计方案的一
    • ·网页也需要呼吸 设计中的留白
    • | 网站导航 | 联系QQ | 编辑邮箱 | RSS订阅 | 友情链接 | 官方blog
    • 版权所有:IT技术江湖 @2007-2008
    • powered by www.hack1st.com online services. all rights reserved.京ICP备07005766号