Slickmap CSS 可幫你輕易美化網站地圖，使用時只需要使用 HTML 的 unordered list 製作 sitemap 的內容，加入 css 檔及依照其指引設定，就可以製作出如下圖一般美觀的 sitemap。
筆者嘗試用 Slickmap CSS 修改客戶的網站地圖，真的很客易，一般情況下製作網站地圖時都經已用了 unordered list，修改的不多。首先要數清楚在主頁之下有多少個大分類，然後修改 css 檔內 #primaryNav li { width: ; } 的數字，即 100% 除以分類數目，以示範的 sitemap 為例主頁之下有5大分類，因此 width 就是 20%。之後只需要把最外圍的 ul 加入 id 為 primaryNav，及用一個 div tag (class 為 sitemap) 把整個 list 放入就可以了。此外你可把不屬於 sitemap 結構的連結加入另一個 id 為 utilityNav 的unordered list 內，就會出現在頁面的右上角。香港網站常設有多語言版本，在這處加入其他語言版本的連結就很合適。
在以上的示範中，由於不想加入不存在的連結，以 internal target (或稱為 bookmark) 取代，在實際製作時當然要加入正式連結。
Slickmap CSS 只可以處理多至3層的 sitemap 結構，而其亦不支援 IE，不過筆者試過 IE7 看，問題不是很大，只是沒有圓角及不能用文字顯示連結的 URL，大家要清楚這兩點。
不知道大家製作 sitemap 的用途是什麼，如果是用來和製作網站的各單位溝通，sitemap 當然是很有用的工具，令各部門對網站的結構有統一的概念。但如果依靠 sitemap 來幫助網站訪客尋找資料，則這想法我並不認同。個人認為網站的導航列，網頁的結構及提示，甚至時下很流行的 functional footer，對訪客的幫助更大。因此網站應該先考慮改善 / 增加使用以上的元素，令資料更易被訪客找得到，及增加 pageview per visit。
留言
寫下留言