怎样放置网页导航栏

网站建设中,网页导航栏的位置非常重要,怎样设计放置导航栏的位置成为重中之重。
导航栏既是网页设计中的重要部分,又是整个网站设计中一个较独立的部分。一般来说,网站中的导航栏在各个页面中出现的位置是比较固定的,而且风格也较为一致。导航栏的位置对网站的结构及各个页面的整体布局起着举足轻重的作用。

导航栏一般有四种常见的显示位置:左侧、右侧、顶部和底部。有的在同一个页面中运用了多种导航栏,例如,有的在顶部设置了主菜单,而在页面的左侧设置了折叠式的折叠菜单,同时又在页面的底部设置了多种链接,这样便增加了网站的可访问性。当然,导航栏并不是在页面中出现的次数越多越好,而是要合理运用,使页面达到总体的协调一致。

第一屏及导航栏的位置

所谓的第一屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多大呢?其实这是未知的。一般来讲,800*600的屏幕显示模式(这也是最常用的),在IE安装后默认的状态(即工具栏地址等没有改变)下,IE窗口内能看到的部分为778px*435px,我们以这个大小为标准就行了,毕竟,在无法适合所有人的情况下,我们只能为大多数人考虑。说了那么多,无非是一个标准的问题,第一屏当然要放最主要的内容,关键是,我们要对第一屏能显示的面积有个估计,而不仅仅以自己的屏幕为准。其实网页制作的一个很麻烦的地方就是浏览者的屏幕是未知的。

网站导航栏的设计

一个网站最重要的部分就是整个网站的导航。没有它,无论在哪个页面中,用户都会发生卡在这个页面离不开的状况。首先,在网站的导航结构上,投入足够的时间和很多规划是非常重要的。虽然这是常识,但仍然有很多设计师在网站设计时想当然地设计网站导航。摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性,这些是你制作导航设计时需要考虑的。在没有CSS的状况下,你的导航设计应该也是可用的,这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器,但它们在很多的移动设备上还是流行的。也许更为重要的是,对屏幕用户来说,没有CSS的导航功能照样可用访问。在没有客户端技术情况下,导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。