导航的兑现最佳实践and表明式编程

atitit.导航的完毕最佳实践and注脚式编程

1. 顶部水平栏导航
1

2. 竖直/侧边栏导航
1

3. 选项卡导航
1

4. 面包屑导航
1

5. 标签导航
1

6. 找寻导航
2

7. 分面/率领导航
2

8. 页脚导航
3

9. 20. 在差距页面上行使同样的导航代码
3

10. 定论半数以上网站接纳不仅一种导航设计情势3

11. 参考\
4

 

1. 顶部水平栏导航

2. 竖直/侧边栏导航

3. 选项卡导航

4. 面包屑导航

笔者:: 老哇的爪子 Attilax 艾龙,  EMAIL:1466519829@qq.com

皇冠直营现金网官方网,转发请注明来源: http://blog.csdn.net/attilax

 

5. 标签导航

标签导航

标签日常被用来博客新浪息网站。它们平时被公司成三个标签云,导航项只怕按字母顺序排列(常常用不相同尺寸的链接来表示那个标签下有多少内容),或许按流行水平排列。

标签是尽善尽美的二级导航而很少用于主导航。他得以拉长网站的可发现性和革命性。标签云经常出现在边栏或底层。借使没有标签云,标签则一般包罗于文章顶部或底部的元音讯中,这种布置让用户更便于找到相似的情节。

 

6. 搜寻导航

出式菜单和下拉菜单导航

 

7. 分面/指导导航

分面/指引导航(也号称分面检索或指引检索)最常见于电子商务网站。基本上来说辅导导航给您提供额外的始末属性筛选。假若你在浏览多个新的LCD显示屏,指点导航只怕会列出大大小小,价格,品牌等选顶。基于这几个内容属性,你可以导航到特出你的标准的项。

因势利导导航在全体伟大数量货物的大型电子商务网站中是那一个敬爱的。用户通过直接搜索经常很难找到她们想要的东西,并且扩充了用户漏掉2个成品的或能性。例如他们或者搜索一个铬茶青的出品,但你只怕将它标志了深紫或黄铜色,尽管它只怕就是用户想要的事物。

 

8. 页脚导航

9. 20. 在差距页面上应用同一的导航代码

重重网页上都有导航菜单,当进入某页时,菜单上相应这一项就应该变灰,而任何页亮起来。一般要兑现那些职能,要求写程序或专门为每一页做规划,未来靠CSS就足以兑现这么些效果。

 

 

第3,在导航代码中接纳CSS类:
Home

About us

Contact us
下一场分别为每一页的Body指定一个id,和上面类同名。如。

接下来设计CSS如下:

#home .home, #about .about, #about .about
{
commands for highlighted navigation go here
}

此地,当id设为home时,.home就会起成效,相当于class设为home的那一行导航条就会显得出特殊效果来。其他页也是如此。

10. 结论半数以上网站拔取不仅一种导航设计方式

一大半网站选取不仅一种导航设计情势。例如一个网站可能会用顶部水平栏导航作为着力航系统,并行使竖直/侧边栏导航系统来援救它,同时还用页脚导航 来作冗余,增添页面的便利度。当选取你的导航系统基于的导航设计形式时,你必须挑选匡助你的消息结构以及网站特色的方案。导航是网站设计的基本点部分,它的 效果必须有安如太山的根基设计

 

 

11. 参考\

在不一致页面上行使相同的导航代码_attilax_博客园博客.htm

网站导航设计方式指南(1–6) – 站长之家.htm

相关文章