Categories


Tags


博客网站导航的制作

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

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

来源:月光博客


Public @ 2014-02-19 16:11:43

什么是死链&;死链的标准

页面已经无效,无法对用户提供任何有价值信息的页面就是死链接,包括协议死链和内容死链两种形式:1)协议死链:页面的TCP协议状态/HTTP协议状态明确表示的死链,常见的如404、403、503状态等。2)内容死链:服务器返回状态是正常的,但内容已经变更为不存在、已删除或需要权限等与原内容无关的信息页面。目前内容死链召回存在召回率的风险,所以建议各位站长尽量使用协议死链,以保证平台工具更好地发挥其作用

Public @ 2011-08-11 15:36:58

【院长帮帮忙】第四期:URL构成越简单越平常越好

SEO不是事后工作,在站点在建设之初就要考虑到如何对搜索引擎友好。在院长看来,与其出手阔绰、花大价钱买个域名,不如找个经验丰富的SEO人员在站点结构等基础工作上多下工夫——这期院长帮帮忙,说的正是一个大家容易忽略的细节问题:url构成。先说结论吧:url构成(或者叫url规则)越简单越平常,百度处理起来越顺畅,越容易正确生效。院长收到的case是这样的,站长反应:跳转适配的PC页和移动页,内容可以

Public @ 2016-05-05 15:22:03

导航栏所需要的五大元素

看看现在的互联网,不管是商业网站还是个人网站,也不管是网站的风格是简洁还是繁复,是卡通还是实,不管这些网站是什么样子,它们都有导航栏。为什么每个网站都有导航栏?这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。导航栏一般包括五个元素导航栏所需要的五大元素 网站设计 建站教程 第1张(卢松松

Public @ 2011-08-27 16:11:43

导航结构是什么?导航结构优化方法

导航结构是啥网站导航的作用就是引导用户快速找到主要信息,指引用户到达目标页面,一个好的导航对于吸引用户和搜索引擎优化都非常重要。导航结构的作用1、引导用户访问指定页面。其中全局导航、分类导航、辅助导航都是根据这个目的进行的。2、告诉用户所在网页位置。这个在面包屑导航中得到了充分的体现,它帮助用户识别当前浏览的页面与网站整体内容间关系,及其与网站中其它内容的联系和区分。3、理清网站各内容与链接间的联

Public @ 2015-09-17 16:11:43

更多您感兴趣的搜索

0.614511s