月光博客 » 网站建设 » 博客网站导航的制作

博客网站导航的制作

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

  书中讲了一些原先令很多人忽视的网站设计要素,例如“信息架构”一章,阐述了“标签”(元数据)是组织信息的基础,让我对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源代码点这里下载,具体导航页面显示效果,可参见我博客各个页面的右上角的“更多”按钮。

顶一下 ▲()   踩一下 ▼()

相关文章

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

发表留言