今天看完一本不錯的書《錦繡藍圖：怎樣規劃令人流連忘返的網站》，此書主要針對的是網站規劃，是很值得信息架構師學習的一本書，前端設計和開發人員也值得一讀。
書中講了一些原先令很多人忽視的網站設計要素，例如「信息架構」一章，闡述了「標籤」（元數據）是組織信息的基礎，讓我對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源代碼點這裡下載，具體導航頁面顯示效果，可參見我博客各個頁面的右上角的「更多」按鈕。
留言列表
