atitit.导航的实现最佳实践and声明式编程
atitit.导航的实现最佳实践and声明式编程
1. 顶部水平栏导航
2. 竖直/侧边栏导航
3. 选项卡导航
4. 面包屑导航
作者:: 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
5. 标签导航
标签导航
标签经常被用于博客和新闻网站。它们常常被组织成一个标签云,导航项可能按字母顺序排列(通常用不同大小的链接来表示这个标签下有多少内容),或者按流行程度排列。
标签是出色的二级导航而很少用于主导航。他可以提高网站的可发现性和探索性。标签云通常出现在边栏或底部。如果没有标签云,标签则通常包括于文章顶部或底部的元信息中,这种设计让用户更容易找到相似的内容。
6. 搜索导航
出式菜单和下拉菜单导航
7. 分面/引导导航
分面/引导导航(也叫做分面检索或引导检索)最常见于电子商务网站。基本上来说引导导航给你提供额外的内容属性筛选。假设你在浏览一个新的LCD显示器,引导导航可能会列出大小,价格,品牌等选顶。基于这些内容属性,你可以导航到匹配你的条件的项。
引导导航在拥有巨大数量货物的大型电子商务网站中是非常宝贵的。用户通过直接搜索通常很难找到他们想要的东西,并且增加了用户漏掉一个产品的或能性。例如他们可能搜索一个灰褐色的产品,但你可能将它标记了灰色或褐色,虽然它可能就是用户想要的东西。
8. 页脚导航
9. 20. 在不同页面上使用同样的导航代码
许多网页上都有导航菜单,当进入某页时,菜单上相应这一项就应该变灰,而其他页亮起来。一般要实现这个效果,需要写程序或专门为每一页做设计,现在靠CSS就可以实现这个效果。
首先,在导航代码中使用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
相关文章
- 【C/C++学院】(23)Mysql数据库编程--C语言编程实现mysql客户端
- python函数式编程
- 面向切面编程AOP[三](java AnnotationAwareAspectJAutoProxyCreator实现了什么功能)
- iOS网络编程实践--NSStream实现TCP Socket iPhone客户端
- 面向接口编程实现不改代码实现Redis单机/集群之间的切换
- Socket网络编程(2)--服务端实现
- python_网络编程初探(cs架构+TCP协议)
- 使用Java 8的二元函数BiFunction,采用函数式编程思维实现List元素的自定义排序功能
- Atitit. Async await 优缺点 异步编程的原理and实现 java c# php
- VB.net:VB.net编程语言学习之ADO.net基本名称空间与类的简介、案例应用(实现与SQL数据库编程案例)之详细攻略
- Algorithm之PrA:PrA之LP线性规划算法经典案例剖析+Matlab编程实现
- Python:利用python编程实现三维图像绘制展示(六面体旋转、三维球柱状体、下雪场景等)
- Python的IDE:基于Eclipse/MyEclipse软件的PyDev插件配置python的开发环境(不同python项目加载不同版本的python)—从而实现Python编程图文教程之详细攻略
- 【项目实战】并发编程之Java集合框架中的一个线程安全的队列实现 ——BlockingQueue入门介绍
- VB编程:VB支持XP256色的ico图标工具ArtIcons Pro附序列号-60_彭世瑜_新浪博客
- 【编程实践】使用golang 解析json字符串代码 / 使用 golang 实现一个HashSet / 使用C语言实现KMP算法,并加上非常详尽的注释。
- 【编程实践】Golang 实现雪花算法
- 【编程实践】使用 Kotlin HTTP 框架 Fuel 实现 GET,POST 接口 kittinunf.fuel【极简教程】
- 【Groovy】编译时元编程 ( 编译时处理 ASTTransformation 接口实现 | 配置 ASTTransformation )
- 387集Go语言核心编程培训视频教材整理 | 面向对象编程(三)
- LabVIEW编程LabVIEW控制EMERSON 1700质量流量计例程与相关资料
- Linux守护进程的编程实现
- 用eclipse javaEE编程时,不管什么程序都会出现这个错误[SetContextPropertiesRule]{Context} Setting property 'source' to 'org.eclipse.jst.jee.server:bookstore' did not find
- 服务器端编程
- Python编程系列---初始Python编程基础