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


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