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

从基础到精通:认识网站301重定向的那些事

网站301重定向是指将旧的URL地址重定向到新的URL地址上,主要是为了避免搜索引擎和用户访问失效的页面,同时还可以保留原有的页面权重和排名。 以下是了解网站301重定向的一些基础知识: 1. 什么是301重定向? 301重定向是一种HTTP状态码,它平稳地将原始URL指向一个新的URL地址,使搜索引擎和用户自动跳转到新的页面。 2. 为什么需要301重定向? 301重定向可以帮助用户访

Public @ 2023-05-30 05:50:20

网站结构优化:所谓F型结构是指什么

F型结构是一种网页布局方式,顾名思义,它的布局和字母“F”类似。网页中的主要内容通常位于页面的顶部和左侧,而次要内容则位于页面的中部和右侧。这种布局方式可以使用户更容易地扫描和阅读网页,并快速了解主要内容。F型结构也可以帮助网站优化,将重要信息放在用户最容易看到的位置,提升网站的用户体验和转化率。

Public @ 2023-06-27 21:00:32

网站导航怎么设计?网站导航设计注意事项

清晰的导航系统是网站设计的重要部分之一。网站导航的作用就是引导用户快速找到主要信息,指引用户到达目标页面,合理的导航设计大大提升用户的体验感,提高搜索引擎对网站的友好性。站在SEO角度上,网站导航怎么设计?1、文字导航使用HTML文字导航,文字链接对搜索引擎阻力最小的抓取通道,因此不要在导航上给搜索引擎设置任何的障碍。2、锚文本包含关键词为了提升关键词的排名,可以针对某些关键词做锚文本,记住避免过

Public @ 2020-07-11 16:11:45

博客网站导航的制作

要制作一个博客网站导航,您可以按以下步骤进行操作: 1. 首先,确定导航栏的样式和布局。您可以选择水平导航栏、垂直导航栏或下拉菜单等样式,并根据您的网站风格和需求来设计导航栏的外观。 2. 创建一个HTML文件,并在文件中添加导航栏的HTML代码。您可以使用和标签来创建导航链接列表,并使用标签来添加具体的导航链接。 3. 根据需要,您可以为每个导航链接添加样式,例如设置字体、颜色和背景等。

Public @ 2023-07-21 05:50:34

更多您感兴趣的搜索