青青子衿, 悠悠我心, 但为君故, 沉吟至今
« 从Google Docs下载任意格式文档的方法Google Docs和微软Live Office对比 »

博客网站导航的制作

  今天看完一本不错的书《锦绣蓝图:怎样规划令人流连忘返的网站》,此书主要针对的是网站规划,是很值得信息架构师学习的一本书,前端设计和开发人员也值得一读。

  书中讲了一些原先令很多人忽视的网站设计要素,例如“信息架构”一章,阐述了“标签”(元数据)是组织信息的基础,让我对Tags的作用有了新的认识,而在“导航之道”一章,阐述了一个简单的道理:好的页面导航能让用户找到自己想要的东西。

  关于导航的设计,让我想到自己博客的导航缺陷,我发现我的博客缺少一个很容易让人找到信息的导航页面,而Tags的设计也不合理,全是英文而没有中文,于是我就立刻开工,修改了目前的标签结构,同时设计了一个“更多”的全局导航按钮,用于显示网站的全局导航。

  全局导航使用“分类”+“标签”的形式实现,标签的内部名称Name保留英文,而其外部名称Intro则修改为中文,同时修改Function目录下的c_system_base.asp文件,在BlogReBuild_Tags函数里,将Tags(objRS("tag_ID")).Name修改为Tags(objRS("tag_ID")).Intro,这样大部分的标签就以中文方式显示了。

  站点导航使用了一段简单的代码实现,首先需要修改blog_tag表,将里面的tag_ParentID内容修改为改Tag对应的目录ID,目前只能针对一篇文章一个Tag来修改,具体可以使用以下代码实现。

  For i = 1 To 100
  strSQL = "SELECT log_cateid,count(*) as sumnum FROM blog_Article where log_tag='{" + CStr(i) + "}' group by log_cateid order by count(*) desc "
  Set rs = conn.execute(strSQL)
  strSQL = "update blog_tag set tag_ParentID='" + CStr(rs("log_cateid")) + "' , tag_Order='" + CStr(rs("sumnum")) + "' where tag_id=" + CStr(i)
  conn.execute (strSQL)
  Next

  之后就可以使用一个页面来实现Tag的显示了,其ASP源代码点这里下载,具体导航页面显示效果,可参见我博客各个页面的右上角的“更多”按钮。



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/2207.html
  • 文章排行:
  • 2.猪八戒
  • 目前还看不懂代码。以后回头看。
  • 2010/6/12 22:04:26   支持(19)反对(5) 回复
  • 4.随享
  • 非常不错。。值得学习。。哈哈
  • 2010/6/13 9:41:58   支持(15)反对(6) 回复
  • 6.奶牛
  • 好的导航时博客的门面,做得好会在用户体验上有很大的提升~~~
  • 2010/6/12 2:01:20   支持(14)反对(7) 回复
  • 8.海南园林网
  • 月光博客的模板很舒服,我一直在用。。。
    Songer.Zh 于 2011-10-27 19:52:11 回复
    从哪里偷的,快快献上连接!
  • 2010/6/11 23:46:53   支持(7)反对(3) 回复
  • 9.泥博客
  • 我的博客也少这一样,但修改起来好麻烦。插件快快出来吧。
  • 2010/6/12 13:45:52   支持(10)反对(6) 回复
  • 10.老实人博客
  • 这个问题是要好好注意一下。也就是说,搞个网站导航之类的东西了。我的也没有好好的搞,要学习一下。
  • 2010/6/13 16:00:05   支持(12)反对(8) 回复
  • 12.飞妹
  • 楼主的导航就很不错呀,你都是一直用这个吗
  • 2010/6/12 9:33:37   支持(11)反对(8) 回复
  • 13.雪狼子
  • 不错,学习了!内容丰富的网站或者博客来说比较适合,本身内容少的就没有多少必要了!
  • 2010/6/12 14:02:26   支持(7)反对(4) 回复
  • 14.美瞳
  • 的确不错噢!非常值得一看!
  • 2010/6/12 23:59:14   支持(8)反对(5) 回复
  • 16.loveyu
  • 怎么评论显示提交错误,还是学习了吧!
    andy 于 2010-6-12 23:59:53 回复
    ...
  • 2010/6/11 23:22:04   支持(12)反对(10) 回复
  • 18.邂逅你的美丽
  • 月光能不能再谈谈CMS的导航如何优化呢
  • 2010/6/12 10:17:06   支持(7)反对(5) 回复
  • 19.popo
  • 我看了下左侧的导航,很细。但不知道是否也让客户感觉很多,繁琐呢?
  • 2010/6/12 12:40:07   支持(8)反对(6) 回复
  • 20.小高
  • 说的太简单了,初学者看不懂。
  • 2010/7/14 17:33:37   支持(7)反对(5) 回复
  • 21.陈冠男的博客
  • 对于多标签的文章是不是就不能用了啊?会不出错呢。
  • 2011/5/28 11:44:20   支持(9)反对(7) 回复
  • 22.浙江树人大学
  • 学习了,博主的文章每篇都很值得看
  • 2010/6/12 15:42:48   支持(12)反对(11) 回复
  • 23.女少先队员的男朋友
  • 导航这个东西 我博客都没有的说
  • 2010/6/12 22:12:21   支持(13)反对(12) 回复
  • 24.炎龙博客
  • 思维是对的,但是仅靠一个“更多”按钮似乎还欠缺点什么,也许是不符合阅读习惯或者有更好的方式来诠释这一理念。
  • 2010/6/13 20:20:02   支持(9)反对(8) 回复
  • 26.ckqee
  • 占位阅读 哈哈
    沈学良 于 2010-7-13 1:14:45 回复
    很棒!学习了
  • 2010/6/11 22:31:12   支持(8)反对(8) 回复
  • 27.陆晓东
  • 看了几篇 没太懂 感觉月光写的不够详细 不太适合初中级zblog选手啊~~
  • 2010/6/12 23:26:57   支持(9)反对(9) 回复
  • 28.点点更健康
  • 当一个牛X的程序员懂得信息架构的时候就可以
  • 2010/6/13 15:02:41   支持(7)反对(7) 回复
  • 29.如何
  • 月光的技术很好很强大.SEO更是出神入化
  • 2010/6/14 16:40:48   支持(5)反对(5) 回复
  • 30.雪风的博客
  • 仔细研究了月光的博客布局与分类,学习中,看着很舒服 可以我的是WP,月光是Z-BLOG否则可以用月光的主题
  • 2010/6/17 22:14:56   支持(9)反对(9) 回复
  • 31.怀旧啊
  • 找机会 去看看 那本书。。。受益匪浅
  • 2011/7/7 13:19:34   支持(4)反对(4) 回复
  • 32.肖振杰博客
  • 来了就得支持下,但值得一问:博客导航还有多大价值呢?
  • 2014/11/15 19:03:26   支持(4)反对(4) 回复
  • 34.漂博远方
  • 很像网站地图,确实方便了不少!
  • 2010/6/12 9:49:55   支持(8)反对(9) 回复
  • 35.yoja
  • 很好。话说月光这个主题很多年了,换换主题吧
  • 2010/6/12 12:57:11   支持(9)反对(10) 回复
  • 36.zhaoniupai
  • 站点导航说的不大详细,搞半天没搞好
  • 2010/7/3 13:22:06   支持(4)反对(5) 回复
  • 37.乐衣先生
  • 最初看你的博客,感觉像一个网站,导航栏怎么那么多的内容,现在看你这么多,还是有道理。
  • 2010/9/4 22:42:13   支持(5)反对(6) 回复
  • 39.赢在中国
  • 好的导航能让读者快速找到自己需要的东西
  • 2010/6/13 13:13:29   支持(10)反对(12) 回复
  • 40.maoyuheng
  • 月光博客的模板很舒服,我一直在用。。。
  • 2010/6/24 19:33:40   支持(4)反对(6) 回复
  • 44.zhaoniupai
  • 暂时维持原状吧,等有时间再搞。另外,月光博客手机版的评论功能能否打开,经常手机看。
  • 2010/6/16 9:13:59   支持(5)反对(9) 回复
  • 45.tomcaT
  • 确实很有新意,好的网站导航,能高效的访问需要的信息。
  • 2010/6/11 22:31:13   支持(6)反对(11) 回复
  • 46.mifia
  • 有适合Blogger使用的代码吗?Blogger今日有重要更新了,可惜大家都快忘了他了
  • 2010/6/11 23:27:49   支持(5)反对(10) 回复
  • 47.王琪博客
  • 一直在想实现这个问题,谢谢月光博客的总结。。。
    打算叫朋友做起来。。一直在看着月光博客的发展。
  • 2010/6/12 7:44:43   支持(6)反对(11) 回复
  • 48.日记男孩
  • 不错学习了, 网站导航做好了确实对提升用户体验有很大的帮助
  • 2010/6/12 8:53:04   支持(8)反对(15) 回复
  • 49.myway
  • 感觉可以更美观点。不过基本就那样咯
  • 2010/6/12 18:55:38   支持(3)反对(10) 回复
  • 50.旺旺
  • 最新看片神器,可以在线播放不用下载 ww w.sensen.asia
  • 2013/12/2 23:35:50   支持(4)反对(11) 回复
  • 51.小杰博客
  • 很值得学习,研究
    回去研究一下自己的 小杰博客 去
  • 2010/6/14 13:03:48   支持(5)反对(13) 回复
  • 52.ifenwen
  • 很不错哦 等以后分类多了 也弄一个
  • 2010/6/12 10:48:55   支持(8)反对(19) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.