Visio網站圖形(2/2):自動產生網站映射

透過網址的輸入,讓Visio解析該網址的網站地圖,作為網站管理的輔助工具圖表。

透過[網站地圖]範本的使用,產生HTTP伺服器、網路伺服器或本機硬碟上的網站之網站地圖,以快速掌握Internet或Intranet網站,透過網站地圖的協助,可以幫助網站管理人員維護網站並排除網站的部份疑難。譬如:使用網站地圖可以分析網站的組織並將內容分類,在沿用不熟悉的網站時,這份網站地圖更顯得特別有用。
 
Hint
在網站地圖中,每個圖形代表網站上的連結,而且每個圖形包括關於連結類型與網路位置的資訊。其中,圖形所包括的超連結,可以直接從圖形瀏覽至該圖形代表的網站或網頁連結。在產生現有網站的網站地圖後,就可以使用該網站地圖來排除網站的疑難雜症。譬如:可以找出代表損毀連結的圖形,並檢視搜尋這些連結時出現的錯誤訊息。
 
規劃概念性的網站地圖
建置並組織良好的網站,必須從計畫著手,而制定計畫的第一個步驟便是關於大圖樣的腦力激盪,也就是必須表示網站的目的、內容及整體組織。此時,Microsoft Visio的[概念性網站]範本,將是您的最佳幫手。藉由建立新網站的高階、概念性圖表來激發相關討論,也可以使用這類圖表來重新組織現有網站。因此,即使您不是專業的IT人員,或網站管理人員,也可以透過〔概念性網站〕繪圖範本而進行網站的規劃。例如:專案人員或企劃人員,甚至企業老闆與經理人員,都可以利用此繪圖範本,進行概念性網站的視覺化圖形製作。
在[檔案][開新檔案]的選擇下,點選範本[類別]裡的[軟體與資料庫]類別。
 
 
提供有[網站地圖]範本,可以在連線上網後,迅速產生既有網站或企業網站(Intranet)的網站地圖,包括本端系統上測試或開發用途的網站。而且,亦可設定只有選定的HTML 網頁、ASP 網頁、圖形檔案等等連結才被映射繪製成圖。
 

例如:在選擇了〔網站地圖〕後,便可進入〔產生網站地圖〕對話方塊,即可在連線後直接鍵入HTTP網站伺服器位址。若是建立在本機的網站,則可以藉由〔瀏覽〕按鈕的點按,選擇首頁檔案位置。當然,若要設定搜尋條件,則可以按一下對話方塊內的〔設定〕按鈕,開啟〔網站地圖設定值〕對話方塊來設定。例如:在[產生網站地圖]對話方塊裡的[位址]內輸入網址,例如:[http://www.gotop.com.tw],再點按[設定]按鈕,可進入[網站地圖設定]對話方塊。

 

進入[網站地圖設定]對話方塊,點按[配置]索引標籤。透過〔配置〕索引標籤的選擇,可以決定要繪製的網站地圖是包含整個網站還是特別指定的層級數目與最大的超連結數目,也就是產生網站地圖的資訊來源與搜尋的層級深度之設定。
 
點按[副檔名]索引標籤,利用〔副檔名〕索引標籤的選擇,可以勾選要搜尋哪些內容(對應的副檔名群組)來產生網站地圖。
 
點按[通訊協定]索引標籤,透過〔通訊協定〕索引標籤的選擇,還可以勾選想要啟動哪些通訊協定的搜尋。
 
 
點按[屬性]索引標籤,藉由〔屬性〕索引標籤的選擇,勾選要搜尋連結的屬性。
 
 
點按[進階]索引標籤,利用〔進階〕索引標籤的選擇,可以勾選搜尋條件以及HTTP的驗證資訊。
 
 
一旦產生網站地圖後,您就可以輕鬆導覽整個網站的架構以及內容,甚至使用不同的圖形來修改圖表的內容與外觀。譬如:您可以改變網站圖形的版面,以折疊的支狀構造讓您在頁面上輕易且精確地調整網站架構。
透過樹狀結構的方式展現網站地圖,並提供網站的清單視窗,以及篩選器視窗,可以讓您勾選想要篩選哪些網頁元件進行檢視。
 
 
嶄新的網站地圖解決方案更添加了幾分地圖標示的功能。譬如:在任何一個網頁圖形上,若看到「+」符號按鈕,便代表您可以再擴展該網頁底下的子網頁。只要以滑鼠點按一下該符號按鈕,Microsoft Visio的網站地圖解決方案將會自動重新建立網際網路的即時連線,並搜尋下一個層級的網頁與連結,然後再補充繪製該部分的網站地圖。或者,您也可以利用滑鼠右鍵點按一下該網頁圖形,再從快顯功能表中點選〔展開超連結〕指令,也可以進行相同的操作。
對於含有「+」符號按鈕,代表其含有下層的子網頁,但並未展開;對於含有「-」符號按鈕,代表其下層的子網頁已經都展開了,若點按此符號按鈕,則可以摺疊其子網頁的顯示。譬如:滑鼠右鍵點按網頁圖形後,從快顯功能表中選取[展開超連結]指令。
 
 
如果網站的結構複雜而且網頁層級與篇幅龐大,則為了閱讀的便利與良好的分頁控制,您甚至可以將所繪製的整個網頁分支,自動設置在新的繪圖頁面上,同時自動產生超連結效果。例如,您可以針對有分支成子網頁的網頁,進行自動分頁的指令操作。
以滑鼠右鍵點按含有子網頁分支的網頁,即可從快顯功能表中點選〔製作子網頁〕指令。
 
 
隨即,該網頁的下方將自動產生一個含有朝右白色箭頭的藍色圓形按鈕圖形,而該網頁下方的分支網頁則自動搬移到新的繪圖頁面上。以此範例為例,產生新的繪圖頁為頁面[頁-2],此藍色圓鈕圖形即為超連結控制。您可以利用滑鼠右鍵點按此圓鈕圖形後,點選快顯功能表上的〔移至頁-2〕指令,自動切換到剛剛新產生的繪圖頁面上,而搬移到此新繪圖頁面的分支網頁立即顯示在您面前。
[頁-1]裡已經產生分頁的網頁圖形,其中的藍色圓鈕圖形可以控制切換到分支網頁的繪圖頁面;而原本在[頁-1]繪圖頁面上的子網頁已經移到[頁-2]繪圖頁面上了,在此[頁-2]繪圖頁面上亦顯示了在[頁-1]裡所分之出來的整個子網頁架構,因此,[頁-2]繪圖頁面上也擁有一個朝左白色箭頭的藍色圓鈕圖形,可以控制切換到其上層網頁的繪圖頁面(也就是頁-1)。