CSS设计网站导航菜单的四种优势


虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键,但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人,又不会夺走网站内容的焦点。

  不幸的是,目前还有很多网站在使用过时的导航菜单方式,这样使网站可用性大打折扣。如果导航菜单过分的依赖图片那会失去一定的用户,比如那些网速慢或浏览器设置关闭读取网页图片功能。但是,并不意味着导航一定要朴素简单才能提高访问性及网站可用性。

  现在暴风彬彬归纳基于CSS导航菜单的四个优点分析:

  一、减少代码量

  结合CSS和XHTML来制作导航菜单会比使用Javascript或图片来实现同样效果更加节省代码(CSS可以结合一些图片来制作导航而且代码量很小,而完全使用图片的导航代码量也要多很多)。代码量晓得网站会更有益于搜索引擎的索引排名,而且读取速度会快很多。

  二、亲和力

  基于CSS的导航菜单对用户来说不但更有可用性,而且更有亲和力。如果用户关闭读取图片和(或)CSS的功能,网站仍然可以以简洁的方式浏览,内容结构及网站可用性不会受到影响。有极少数用户使用的旧浏览器虽然不支持CSS,但网站导航菜单却仍然能够访问。

  三、无限的设计方案

  使用CSS来设计导航菜单并不会限制你的设计。事实上,CSS会提供更加灵活的导航设计方案,当用CSS来设置背景图时也能实现各种视觉效果。

  四、大量的脚本资源

  如果你不想自己从头开始设计基于CSS的导航菜单,那么有大量的免费脚本资源可以拿来使用。但暴风彬彬并不提倡使用这些脚本资源,因为这样的话你会和其它成百上千的网站使用同样的导航菜单。不过有一些菜单可以自定义样式(颜色、字体、尺寸及背景图)来符合你自己的网站风格



相关阅读:
Oracle failsafe与rac两者之间的不同之处
FreeBSD的硬盘分隔策略
js网页侧边随页面滚动广告效果实现
Javascript base64编码实现代码
限制复选框的最大可选数
如何为 Discuz! X2 配置伪静态规则[超详细]
Oracle关于位图索引的创建与应用
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
AJAX实现web页面中级联菜单的设计
用Linux架设FTP服务器(4)
Google AJAX Language API开发者参考
基于jquery的表头固定的若干方法
Linux系统与Windows系统目录结构差异
用grep恢复误删的文本文件
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4