隨著團隊搭建好信息架構(gòu)以及主要的內(nèi)容類別，網(wǎng)站圖表也會將制作信息層級形象地展示出來，并且?guī)椭鷮⒔M織概念傳達(dá)給團隊和利益相關(guān)人以及項目的發(fā)起者。這個傳達(dá)信息的角色在項目中至關(guān)重要，因為隨著網(wǎng)站的制作過程，網(wǎng)站圖表會經(jīng)歷從討論和規(guī)劃文檔到實際網(wǎng)站藍(lán)圖的反復(fù)演變。
 
網(wǎng)站圖表可以是最簡單的層級“組織圖表”，也可以是更為復(fù)雜、信息量豐富的用于在用戶訪問時指示網(wǎng)站的主要分類地圖，不過，它還扮演著概述網(wǎng)站目錄和文件結(jié)構(gòu)的角色。著名信息架構(gòu)師Jesse James Garrett為網(wǎng)站圖表開發(fā)過一個廣泛應(yīng)用的視覺詞匯(該詞匯已經(jīng)成為了約定俗成的標(biāo)準(zhǔn))，這些符號被廣泛地用于描述網(wǎng)站結(jié)構(gòu)、交互關(guān)系以及用戶決策點。


 
成熟的網(wǎng)站圖表的主要元素包括:
 
●內(nèi)容結(jié)構(gòu)和組織，即重要的網(wǎng)站內(nèi)容分類以及子分類。
 
●邏輯功能分組或者結(jié)構(gòu)性關(guān)系。
 
●網(wǎng)站各個層級的“單擊深度”，即在訪問一個指定頁面需要單擊多少次?
 
●頁面類型或者模板(菜單頁面、重要內(nèi)容、進(jìn)入點，等等)。
 
●網(wǎng)站目錄和文件結(jié)構(gòu)。
 
●類似于數(shù)據(jù)庫RSS或者應(yīng)用程序之類的動態(tài)數(shù)據(jù)元素。
 
●重要的導(dǎo)航術(shù)語以及受控詞匯?？阪溄雨P(guān)系，網(wǎng)站的內(nèi)部和外部鏈接。
 
●用戶訪問的級別，必需的登錄，或者其他受限區(qū)域。
 
最開始，網(wǎng)站圖表很簡單，不過它可能會進(jìn)行兩個不同的演變:可以發(fā)展成為一個將正在創(chuàng)建中的網(wǎng)站的結(jié)構(gòu)綜合地介紹給客戶和利益相關(guān)人的概念性網(wǎng)站圖表，也可以發(fā)展成為技術(shù)、編輯和圖形設(shè)計團隊使用的更為復(fù)雜的能當(dāng)做用戶界面、目錄和文件結(jié)構(gòu)指南的藍(lán)圖圖表。
 
展示了同一網(wǎng)站的兩個網(wǎng)站圖表，其中一個是簡單的用于演示和概述的網(wǎng)站圖表，另一個則是更為詳細(xì)的由網(wǎng)站開發(fā)團隊使用的網(wǎng)站圖表。這些網(wǎng)站圖表可以使用諸如Adobe Ilustrator之類的繪圖軟件來制作，但是人們通常使用更為專業(yè)的圖表軟件(諸如Microsoft Visio、ConceptDraw 或OmniGraffle)來制作。
 
網(wǎng)站文件和目錄結(jié)構(gòu)
 
目錄中創(chuàng)建網(wǎng)站，所以通常程序員首先都會查看網(wǎng)站圖表來了解網(wǎng)站文件是 在你的項目從規(guī)劃轉(zhuǎn)向網(wǎng)頁制作時，網(wǎng)站圖表也非常有用。因為要在wb服務(wù)反映網(wǎng)站圖表中顯示的主要內(nèi)容劃分和結(jié)構(gòu)。如何被分割成服務(wù)器上的多個目錄(文件夾)的。網(wǎng)站制作的目錄和子目錄模式都應(yīng)該中的信息將被添加到網(wǎng)站圖表中，因為網(wǎng)站目錄和子目錄都被存放于服務(wù)器上，主要目錄和文件使用的準(zhǔn)確名字 所以團隊里的每個人都有-個現(xiàn)成的對應(yīng)網(wǎng)站命名規(guī)則和文件位置的當(dāng)前引用。