当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 超级链接a的表现形式和打开方式

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

HTML/XHTML教程 中的 超级链接a的表现形式和打开方式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 168 ::
收藏到网摘: n/a


相关文章:超级链接a的提示方式和打开方式
表现形式
用户或设计师遇到的麻烦:
1.用户分不清是否是链接,得鼠标移到目标上如果变成手形才能确定是链接。
2.统一链接颜色不利于界面设计。
分析:
以baidu/google为代表的蓝色加下划线是为最经典的链接样式,很直接的体现了可点/已点过。但是不同的网站各有风格,不可能都做成那样的链接样式,会对设计产生很大的限制。我把链接分为推荐点击(文章标题等)、提示可点击(作者名、“更多”、段落内的链接等)、功能性链接(导航、按钮等)。
解决办法:
推荐点击性链接,设置一个默认链接颜色,让人一看到这种颜色的字体就知道是个链接是可以点击的,比如蓝色。保证这个颜色比普通文字颜色要深一些,这样容易分辨。
提示可点击性链接,这种链接颜色往往要设计成跟周围文字一样,所以加下划线是最好的办法。
功能性链接,比如导航链接和按钮这种是一看就知道可点的,并不需要以颜色和下划线来区分,可以自定义设计。
打开方式
用户遇到的麻烦:
1.弹出窗口太多,整个屏幕被占满,甚至会把电脑都卡住了。
2.全是本页面跳转,想看上一页面的其它内容要后退。
分析:
大部分传统型的网站喜欢弹出式链接,以占领用户的屏幕为目的- -|,而2.0的网站喜欢本页面跳转,认为弹出是非常不友好的。用户为什么要到上一页面去点另外的链接?因为当前页面没有上一页面的链接或上一页面存在同级可筛选的内容比如文章列表。最理想的打开方式对于用户来说应该是合理的本页跳转或打开新选项卡。
解决办法:
列表式的链接,比如一组新闻标题,类似这种链接用弹出式打开窗口。
功能性链接,比如导航、类别、分页、“更多”等类似链接以本页面跳转打开窗口。
外链,比如友情链接段落内文字链,用弹出式打开窗口。
用户自行选择打开,右键“在新选项卡中打开”或设置浏览器“始终在新选项卡中打开弹出窗口”。