如何制定網(wǎng)站規(guī)劃設計方案顯然是網(wǎng)站建設所必需的，但從理論上也難以準確解讀。為了讓這個討論有一個清晰的上下文。下面是一個簡單的例子，以及基于上述內(nèi)容的策劃和實戰(zhàn)。例如：有一家公司叫“元豐鞋業(yè)”，生產(chǎn)銷售各種款式的鞋子。公司想要創(chuàng)建一個網(wǎng)站。用戶通過訪問公司網(wǎng)站，可以獲得產(chǎn)品信息、公司形象、公司理念，也希望通過網(wǎng)絡得到用戶的反饋。

根據(jù)他們的要求，首先確定網(wǎng)站建設的目的：網(wǎng)站必須提供公司各部門的信息，并得到用戶的反饋。并根據(jù)公司的產(chǎn)業(yè)結構和建站目的，確定典型的訪問群體為普通消費者?；拘畔⑹枪镜男麄鲀?、產(chǎn)品信息、公司新聞和聯(lián)系方式，以及網(wǎng)絡的技術限制。根據(jù)目前整體網(wǎng)絡用戶情況，所有頁面均以33.6Kbps的速率通過調制解調器下載。并確定Internet Explorer 5.0版本的瀏覽器為基本用戶瀏覽器。

接下來要做的就是對整個網(wǎng)站的內(nèi)容進行分類和羅列，確定網(wǎng)頁的主題。一般來說，網(wǎng)站放置的內(nèi)容分為兩類：第一類是頂級內(nèi)容（頂級文件），它是構建網(wǎng)站首頁的關鍵。內(nèi)容，訪問者進入網(wǎng)站時首先看到的內(nèi)容。首頁內(nèi)容主要包括以下內(nèi)容：公司標識、公司名稱、公司理念、公司新聞、公司簡介、最新產(chǎn)品信息、公司聯(lián)系方式、網(wǎng)管聯(lián)系方式、網(wǎng)站版權信息、網(wǎng)站導航圖標。

第二類是子級內(nèi)容（文件內(nèi)容），包括各個下級網(wǎng)頁的內(nèi)容，如產(chǎn)品信息、部門信息、工作手冊和演示文件，甚至數(shù)據(jù)庫。產(chǎn)品信息頁內(nèi)容：公司產(chǎn)品的詳細信息，包括鞋型、圖片、價格等。 部門信息頁內(nèi)容：提供公司各部門的信息，包括部門職責、負責人、聯(lián)系電話等。用戶反饋頁面內(nèi)容：提供一個表格供用戶直接填寫信息，包括反饋的內(nèi)容，用戶或訪問者的聯(lián)系方式等。完成網(wǎng)站內(nèi)容分類后，如下工作是組織各個頁面的層級關系和邏輯關系，通常使用表格來完成這項工作，用戶或訪問者的聯(lián)系方式。首先從用戶或訪問者的角度考慮，設計一個訪問Web的任務圖，如圖2.1所示。它的目標是讓訪問者更容易找到他們想要的信息。

網(wǎng)頁的層次關系和邏輯關系是網(wǎng)站結構的重點。合理、有層次地安排每個網(wǎng)頁的主題，并在它們之間建立良好的邏輯關系，可以很容易地引導用戶訪問他們感興趣的信息。一般來說，網(wǎng)站的層次不宜太深，3層左右為宜足夠，讓用戶通過不超過3次點擊就可以到達網(wǎng)站的任何地方，也就是通常所說的網(wǎng)站的三級結構。如圖2.2所示，是本例網(wǎng)站的層次結構示意圖。

完成任務和站點結構圖后，可以根據(jù)大體思路補充和提煉相關內(nèi)容。由于子空間的關系，這里不再介紹。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！