1.3 網(wǎng)站開發(fā)規(guī)劃

1.3.1 網(wǎng)站開發(fā)規(guī)劃的基本概念

1.網(wǎng)站開發(fā)規(guī)劃

網(wǎng)頁的設計與網(wǎng)站的設計是不一樣的，學會了簡單網(wǎng)頁的設計并不表示就能設計完成一個網(wǎng)站。設計一個網(wǎng)站通常需要有一個完整的系統(tǒng)規(guī)劃，網(wǎng)站不完全是網(wǎng)頁的堆積，網(wǎng)站的功能也并不是越多、越全面越好，網(wǎng)站的設計要考慮客戶的需求，在達到客戶需求的基礎上，還要考慮方便用戶的使用，并具有特色。

在做網(wǎng)站之前給要有一定準確的定位，給網(wǎng)站定位，明確建站目的是最重要的。在明確建站目的和網(wǎng)站定位以后，需要收集相關的客戶意見，對其進行整理，找出重點，根據(jù)業(yè)務的側重點，結合網(wǎng)站定位來決定網(wǎng)站的欄目需要有哪幾項，可能開始時會因為欄目較多進而難以確定最終需要哪幾項，需要反復進行分析、歸納，將定下來的內容進行歸類，形成網(wǎng)站欄目的樹狀列表用來清晰地表達網(wǎng)站結構。然后用同樣的方法，來討論二級欄目下的子欄目，對它進行歸類，并逐一確定每個二級欄目的主頁面需要有哪些具體的東西，二級欄目下面的每個小欄目需要放哪些內容。

2.欄目策劃書

對網(wǎng)站的規(guī)劃有了基本概念后，接下來需要將上面的內容寫成欄目策劃書，欄目策劃書要求寫得詳細具體，并有統(tǒng)一的格式，以備網(wǎng)站留檔。策劃書通常要求有電子版和書面版兩份。下面簡單介紹一下策劃書涉及的具體內容。

（1）欄目概述

其中包括欄目定位，欄目目的，服務對象，子欄目設置，首頁內容，分頁內容。這一部分起到一個索引的作用，能對欄目有一個大概的整體把握和了解。

（2）欄目詳情

欄目詳情就是把每一個子欄目的具體情況描述一下，其中包括各個子欄目的名稱，欄目目的，把子欄目的寫清楚。欄目詳情的內容包括：服務對象（用以明確該欄目的用途及針對的對象）、內容介紹（詳細說明該欄目的具體內容）、資料來源（說明該欄目的內容來源）、實現(xiàn)方法（講述實現(xiàn)該欄目的具體方法）等。

（3）相關欄目

這一項是用以說明本欄目和其他欄目之間的結合、溝通，通過各個欄目之間的聯(lián)系，加強網(wǎng)站的整體性。

最后，是網(wǎng)站的具體設計制作（包括頁面設計、制作、編程），這一步將讓頁面設計人員根據(jù)每個欄目的規(guī)劃書來設計頁面，由制作人員負責實現(xiàn)網(wǎng)頁，并制作成模板，由欄目負責人向每個欄目里面添加具體內容。網(wǎng)站的建設應該是同時進行的，在上面所講述的過程進行的同時，網(wǎng)站的程序人員應該正是處于開發(fā)程序的階段，如果實現(xiàn)的這個過程中出現(xiàn)什么問題，編程人員應和制作人員即時結合，以免程序開發(fā)完成后再發(fā)現(xiàn)問題，而進行大規(guī)模的返工。

本書中，將以北京教育考試培訓中心助學科網(wǎng)站的開發(fā)為例，進行ASP動態(tài)網(wǎng)站開發(fā)的系統(tǒng)學習。

1.3.2 “助學科”網(wǎng)站開發(fā)規(guī)劃

1.網(wǎng)站功能及需求分析

北京教育考試培訓中心助學科是考試中心下屬部門，“助學科”網(wǎng)站主要為助學科各項工作職能提供幫助，要求實現(xiàn)以下功能：

（1）發(fā)布消息

列出助學科所有向公眾發(fā)布的信息、通知等，對普通信息和重要通知分級顯示。

（2）學生咨詢

學生通過本欄可解決在學習過程中遇到的各種常見問題，查詢近期考試成績，訂購教材等。如在常見問題欄內學生沒有找到想了解的信息，可以通過站內郵箱或留言簿進行咨詢。

（3）院校咨詢

實現(xiàn)網(wǎng)上管理助學院校，通知發(fā)布，資料下載；此外，還需要有一個面向社會上的、有意愿與指導中心合作的企業(yè)或院校注冊平臺，需要登記單位名稱、聯(lián)系電話、聯(lián)系人、希望合作的內容、電子信箱等。

（4）導航鏈接

可鏈接其他網(wǎng)站和考試中心網(wǎng)站的其他內容。

另外，當前已有的北京教育考試培訓中心網(wǎng)站首頁如圖1-48所示。因此，在設計“助學科”網(wǎng)站時還需要考慮風格上與已有的網(wǎng)站相容。

2.網(wǎng)站模塊規(guī)劃

根據(jù)“助學科”網(wǎng)站的功能及需求分析，作出如下規(guī)劃。

（1）網(wǎng)站首頁

網(wǎng)站首頁是網(wǎng)站的第一重點，用戶在瀏覽網(wǎng)站時最先看到的就是網(wǎng)站的首頁，并在首頁上去查找相關內容。因此，首頁的設計是很重要的。網(wǎng)站首頁設計如圖1-49所示。

為了方便讀者學習，對書中案例網(wǎng)站設計中，簡化了網(wǎng)頁中的圖像內容，多以表格進行布局，并對各個相關內容進行模塊化分割，在書中的相應章節(jié)給出了各個模塊的實現(xiàn)過程。

（2）新聞公告模塊

列出助學科所發(fā)布的所有新聞消息和通知，如圖1-50所示。

新聞公告模塊中列出助學科所發(fā)布的所有新聞消息和通知的標題、發(fā)布時間，對新消息加以醒目的圖形提示，當用戶單擊新聞/通知標題時，彈出相關新聞/通知的詳細內容。此外還實現(xiàn)了新聞的分頁瀏覽。

（3）成績查詢模塊

學生可以通過輸入姓名、準考證號和身份證號來查詢近期（1年內）考試成績，如圖1-51所示。

（4）教材信息模塊

學生登錄后（通過輸入姓名、準考證號和身份證號登錄），可通過下拉菜單的形式依次選擇專業(yè)、課程名稱，查詢結果顯示該課程使用的教材名稱、作者、出版社、書號及價格?？忌梢杂嗁徑滩?，并打印訂單，如圖1-52所示。

（5）咨詢問答模塊

咨詢問答模塊列出一些常見問題，供學生查閱。

（6）留言簿模塊

學生可以在這里留言，咨詢問答模塊中沒有的問題，管理員在回復后也可以在這里顯示，如圖1-53所示。

（7）后臺管理模塊

后臺管理模塊是網(wǎng)站中非常重要的模塊，很多管理工作在這里進行，這一模塊又可分為眾多的小模塊，例如：學生管理、院校管理、新聞管理等，如圖1-54所示。

由于本書篇幅的關系，對于其他一些模塊不再一一詳舉，這些模塊的實現(xiàn)方法與上述模塊相似，在學完本書案例后，可以自行實現(xiàn)。