博客網(wǎng)站導(dǎo)航的制作
今天看完一本不錯的書《錦繡藍(lán)圖：怎樣規(guī)劃令人流連忘返的網(wǎng)站》，此書主要針對的是網(wǎng)站規(guī)劃，是很值得信息架構(gòu)師學(xué)習(xí)的一本書，前端設(shè)計和開發(fā)人員也值得一讀。
書中講了一些原先令很多人忽視的網(wǎng)站設(shè)計要素，例如“信息架構(gòu)”一章，闡述了“標(biāo)簽”（元數(shù)據(jù)）是組織信息的基礎(chǔ)，讓我對Tags的作用有了新的認(rèn)識，而在“導(dǎo)航之道”一章，闡述了一個簡單的道理：好的頁面導(dǎo)航能讓用戶找到自己想要的東西。
關(guān)于導(dǎo)航的設(shè)計，讓我想到自己博客的導(dǎo)航缺陷，我發(fā)現(xiàn)我的博客缺少一個很容易讓人找到信息的導(dǎo)航頁面，而Tags的設(shè)計也不合理，全是英文而沒有中文，于是我就立刻開工，修改了目前的標(biāo)簽結(jié)構(gòu)，同時設(shè)計了一個“更多”的全局導(dǎo)航按鈕，用于顯示網(wǎng)站的全局導(dǎo)航。
全局導(dǎo)航使用“分類”+“標(biāo)簽”的形式實現(xiàn)，標(biāo)簽的內(nèi)部名稱Name保留英文，而其外部名稱Intro則修改為中文，同時修改Function目錄下的c_system_base.asp文件，在BlogReBuild_Tags函數(shù)里，將Tags(objRS("tag_ID")).Name修改為Tags(objRS("tag_ID")).Intro，這樣大部分的標(biāo)簽就以中文方式顯示了。
站點(diǎn)導(dǎo)航使用了一段簡單的代碼實現(xiàn)，首先需要修改blog_tag表，將里面的tag_ParentID內(nèi)容修改為改Tag對應(yīng)的目錄ID，目前只能針對一篇文章一個Tag來修改，具體可以使用以下代碼實現(xiàn)。
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
之后就可以使用一個頁面來實現(xiàn)Tag的顯示了，其ASP源代碼點(diǎn)這里下載，具體導(dǎo)航頁面顯示效果，可參見我博客各個頁面的右上角的“更多”按鈕。
來源：月光博客
