• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 网页设计制作之改进超级链接效果

网页设计制作之改进超级链接效果

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含链接,效果,超级,改进,网页,the,to,is,使用,颜色,be,下划等相关知识,佚名 希望在学习及工作中可以帮助到您
Hyperlinks enable people to jump instantly from page to page, or site to site. Such power can create anxiety.
超链接可以使访问者从一个页面跳转至另外一个页面,或从一个站点跳转至另外一个站点。但是,这种频繁的跳转可能使人们产生焦虑。

To help users browse with confidence, links should be absolutely clear and explicit.
为了方便用户更好的浏览页面,超链接必须绝对的简洁明了。
Principles
法则
1. Text hyperlinks should be clearly distinguishable from normal text.
超链接文字必须与普通的内容文字相区别
2. Any mouseover behaviour should have a highlighting effect.
鼠标移动到超链接上时必须要显示突出效果
3.Hyperlink content should be as short as possible, yet long enough to identify either:
超链接的具体内容必须要言简意赅(短而精):
<!--[if !supportLists]-->· <!--[endif]-->Where you'll go [跳转地址]
<!--[if !supportLists]-->· <!--[endif]-->What you'll get [希望获取什么内容]
<!--[if !supportLists]-->· <!--[endif]-->What you want to happen [希望产生什么效果]
4. Hyperlinks with different targets should be clearly distinguishable.
指向不同目标的超链接必须要清晰可辨
5. Hyperlinks should give an indication of any unanticipated consequences, e.g.:
对点击超链接后会出现的特殊情况加以解释,如:
<!--[if !supportLists]-->· <!--[endif]-->Links to files [链接至一个文件]
<!--[if !supportLists]-->· <!--[endif]-->Links that open or close windows [点击链接后会打开或关闭窗口]
What do you make a link?
考虑一下制作这个超链接的目的是什么
Hyperlink content example: Amapproved.com
超链接内容举例:Amapproved.com
A site for locating approved Aston Martins, and it's good on the whole. This is the search results screen. Guess how you get from search results to see the details on a particular vehicle? The only link is the vehicle model (in the Vehicle summary column).
这个案例是Aston Martins [阿斯顿·马丁] 汽车的网站。可以这样说,它的整体外观设计堪称经典。这是一个搜索结果显示页面。那么现在,你想象一下,该如何通过搜索结果的方式来查阅有关车辆的详细介绍。这里仅有的超链接就是关于“Vehicle summary column [

您可能想查找下面的文章:

  • 浅谈HTML空链接的作用
  • HTML基础知识——设置超链接的样式简单实例
  • HTML中的超链接标签使用教程
  • 通过html为FLASH加链接的实现代码(div层)
  • html 用超链接打开新窗口其可控制窗口属性
  • 超链接的宽度和高度直接设置不起作用的解决方法
  • 在HTML里为FLASH加链接并兼容各大浏览器的方法
  • 图片作为背景并且是链接的写法(背景图片加链接)
  • 使用a链接时如何阻止超链接跳转
  • a链接刷新页面与js刷新页面用法示例介绍

相关文章

  • 2017-08-05HTML中table表格标签的基础学习教程
  • 2017-08-05html ReadOnly 和 Enabled 区别
  • 2017-08-05html借助marquee实现文字左右滚动
  • 2017-08-05修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
  • 2017-08-05Div的一些设置关于边框和透明度的
  • 2017-08-05HTML打折计算价格实现原理与脚本代码
  • 2017-08-05漂亮样式表在XHTML+CSS网页制作中的应用
  • 2017-08-05折叠的table行元素bug
  • 2017-08-05谈html mailto(电子邮件)实际应用
  • 2017-08-05HTML绘制用户注册页面

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页常用代码 比较基础的东西
    • HTML blockquote 标签使用与美化
    • 几个老式播放器的嵌入代码
    • 编写email邮件的HTML页面原则小结
    • 常用html元素总结包括基本结构、文档类型、头部、主体等等
    • HTML用正则表达式检验表格的实例代码
    • map标签的参数详细介绍及使用示例
    • 多个div中table的tdwidth设置一样也不法对齐
    • html实现文字绕排示例(html图文混排)
    • HTML head 头标签详细介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有