1、引言
早期的動態(tài)網(wǎng)頁主要采用CGI技術(shù)，由于編程困難、效率低下、修改復(fù)雜，所以一直是專業(yè)程序員的專利。
ASP的出現(xiàn)，改變了這個現(xiàn)狀， Active Server Pages即ASP是微軟開發(fā)的一種類似HTML（Hypertext Markup Language超文本標(biāo)識語言）、Script（腳本）與CGI（Common GAteway Interface 通用網(wǎng)關(guān)接口）的結(jié)合體。ASP問世以來，每天正在以成千上萬的ASP網(wǎng)站在INTERNET中誕生。它以簡單易學(xué)，卻功能強(qiáng)大。被越來越多的人們所喜愛。
本次畢業(yè)設(shè)計我選擇的課題是：利用ASP設(shè)計學(xué)校網(wǎng)站設(shè)計－南部縣伏虎中學(xué)網(wǎng)站，目的是通過該網(wǎng)站的規(guī)劃和設(shè)計，給人們了解我們學(xué)校提供了一個平臺，拉近了教育和社會之間的距離。讓人們足不出戶，輕松快捷的獲得學(xué)校各種信息，展示了學(xué)校和教師的風(fēng)采。同時也通過該平臺，學(xué)?？梢约皶r了解社會對我們學(xué)校的建議和意見，以便我們學(xué)校在今后的工作中及時改正。
網(wǎng)站的規(guī)劃和設(shè)計，從系統(tǒng)的調(diào)研，系統(tǒng)的分析，系統(tǒng)的設(shè)計到系統(tǒng)的實現(xiàn)，利用軟件工程的思想作為指導(dǎo)，開發(fā)了這個完整的系統(tǒng)，提高了自己的專業(yè)知識和實際相結(jié)合的能力。
2、系統(tǒng)設(shè)計
2．1 開發(fā)設(shè)計思想
本系統(tǒng)開發(fā)設(shè)計思想：
盡量采用學(xué)?，F(xiàn)有軟硬件環(huán)境，及先進(jìn)的網(wǎng)站制作系統(tǒng)開發(fā)方案，從而達(dá)到充分利用學(xué)?，F(xiàn)有資源，提高系統(tǒng)開發(fā)水平和應(yīng)用效果的目的。
系統(tǒng)采用模塊化程序設(shè)計方法，這樣既便于系統(tǒng)功能的各種組合，又便于未參與開發(fā)的技術(shù)維護(hù)人員補(bǔ)充，維護(hù)。
系統(tǒng)應(yīng)具備數(shù)據(jù)庫維護(hù)功能，及時根據(jù)學(xué)校信息的需求進(jìn)行數(shù)據(jù)的添加，刪除，修改等操作。
2．2 開發(fā)和運(yùn)行環(huán)境選擇
開發(fā)工具：FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraDev 4。
服務(wù)器端運(yùn)行環(huán)境：Windows2000+IIS。
客戶端運(yùn)行環(huán)境：Windows9x，Windows2000。
2．3 系統(tǒng)功能分析
系統(tǒng)功能分析是在系統(tǒng)開發(fā)的總體任務(wù)的基礎(chǔ)上完成的。本站需要完成功能主要有：
新聞文章發(fā)布：學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息等的介紹。
留言系統(tǒng)：對來訪者提供網(wǎng)上留言，從而讓學(xué)校及時得到社會的反饋，以便和社會溝通和交流。
在線調(diào)查系統(tǒng)：本站提供對教育和學(xué)校的熱點問題進(jìn)行網(wǎng)上調(diào)查的專欄，來訪者可以通過網(wǎng)上調(diào)查對熱點問題投上代表自己的一票。
流量統(tǒng)計系統(tǒng)：本站可以對流量從多方面進(jìn)行統(tǒng)計。包括開站天數(shù)，瀏覽總數(shù)，當(dāng)天瀏覽總數(shù)，上一天瀏覽總數(shù)，本月瀏覽總數(shù)，上月瀏覽總數(shù)，平均瀏覽總數(shù)。
2．4 系統(tǒng)功能模塊設(shè)計
在系統(tǒng)功能分析的基礎(chǔ)上，得到如圖所示的系統(tǒng)功能模塊圖。
南部縣伏虎中學(xué)網(wǎng)站前臺
新聞文章欄目 交互欄目 在線調(diào)查 流量統(tǒng)計
前臺新聞欄目
學(xué)校新聞瀏覽 教育科研瀏覽 名校名師瀏覽 學(xué)生園地瀏覽 招生信息瀏覽
另外為了進(jìn)一步實現(xiàn)家校聯(lián)系，特設(shè)計了家長頻道和學(xué)生頻道。
在家長頻道中，設(shè)計了教學(xué)公告，到校記錄，家長留言，家長預(yù)約，家庭教育等子欄目。
在學(xué)生頻道中，設(shè)計了高招信息，高考話題，高考題庫，開學(xué)報道，學(xué)生提問，學(xué)生意見等子欄目。
家長頻道中的家長留言，學(xué)生頻道中的學(xué)生提問，學(xué)生意見3個子欄目是為了體現(xiàn)家長，學(xué)生，學(xué)校3方面互動，及時交流的一個欄目。更加方便了學(xué)生，家長對教育的資源發(fā)表心聲。
為了家長，學(xué)生，教師和其它任何來訪者，可以獲得學(xué)校的教育資源，還設(shè)計了資源下載欄目，資源下載欄目包括：軟件下載，試卷下載，教案下載，表格下載4個子欄目。
新聞文章后臺管理
新聞后臺管理 教育后臺管理 名師后臺管理 學(xué)生后臺管理 招生后臺管理
系統(tǒng)功能結(jié)構(gòu)圖
下面我將對每個模塊的總體設(shè)計作簡要說明。
1． 新聞文章模塊
新聞文章是本網(wǎng)站的重點。網(wǎng)站作為一種媒體，應(yīng)當(dāng)可以提供足夠多的用戶感興趣的信息。南部縣伏虎中學(xué)網(wǎng)站作為學(xué)校的一個窗口，為了滿足社會對學(xué)校信息的了解的愿望，本站的新聞文章主要開設(shè)五個方面的欄目。分別是：學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息等。對新聞文章模塊的總體設(shè)計是分為前臺瀏覽和后臺管理子模塊。來訪者通過前臺點擊可以瀏覽到本網(wǎng)站有關(guān)新聞文章等各種信息。這些信息包括：學(xué)校新聞快訊信息，教育科研信息，名校和名師的各種信息，學(xué)生園地信息，學(xué)校招生相關(guān)的信息等。本后臺管理子模塊完成對學(xué)校新聞文章發(fā)布子模塊中的五個欄目進(jìn)行后臺管理員才能操作的添加信息，編輯信息，刪除信息等操作。以上欄目的設(shè)置，是為了滿足任意一個網(wǎng)站來訪者。為滿足家長，學(xué)生的2個特定類別的來訪者，特設(shè)置了家長頻道和學(xué)生頻道，家長頻道欄目信息根據(jù)針對家長的需求，欄目包括，教學(xué)公告，到校記錄，家長留言，家長預(yù)約，家庭教育。其中教學(xué)公告包括作業(yè)公告，考試公告等子欄目。家長留言是一個互動欄目，這個欄目專門針對家長，對學(xué)校政策，教學(xué)進(jìn)度的詢問，意見等。學(xué)生頻道欄目實現(xiàn)信息主要都是與學(xué)生緊密相關(guān)的欄目，比如高招信息，高考題庫等。
2．留言模塊
來訪者中有不少人對學(xué)校的發(fā)展和現(xiàn)狀有很多建議和觀點需要對學(xué)校提出，作為學(xué)校的窗口，所以本站需要提供讓來訪者發(fā)言的平臺，正是由于這個原因，所以本網(wǎng)站設(shè)計和規(guī)劃有留言模塊，本模塊又分為瀏覽著前臺發(fā)言和瀏覽子模塊以及后臺管理員刪除修改發(fā)言子模塊。
3．在線調(diào)查模塊
本網(wǎng)站對一些社會熱點提供在線調(diào)查的欄目，來訪者可以對網(wǎng)站上的社會熱點問題投上代表自己觀點的一票。這樣就可以綜合民意得到教育等熱點從而決定以后的發(fā)展方向。
4．流量統(tǒng)計模塊
作為管理員應(yīng)該實時知道本網(wǎng)站的流量。流量統(tǒng)計的數(shù)據(jù)包括：網(wǎng)站開站的天數(shù)，瀏覽的總數(shù)，當(dāng)日的瀏覽數(shù)，昨日的瀏覽數(shù)，本月的瀏覽數(shù)，上月的瀏覽數(shù)，平均來訪數(shù)等。一個網(wǎng)站如果沒有流量，那么就說明了這個網(wǎng)站開設(shè)的欄目沒有吸引力。作為管理員就學(xué)校可以通過流量及時知道網(wǎng)站開設(shè)新欄目后流量是否有變化等。
5．資源下載模塊
一個學(xué)校網(wǎng)站，如果可以提供瀏覽著獲得學(xué)校信息資源，可以提供家，校，師，生互動交流這些欄目還不夠，學(xué)校的各種考試試卷等教育資源，也是來訪者非常想獲得的，所以，設(shè)計了教育資源下載模塊。下載的資源包括教案，試卷，其它軟件等。
3、后臺數(shù)據(jù)庫的設(shè)計
通過以上功能模塊的分析和設(shè)計可以知道，本網(wǎng)站設(shè)計需要涉及到后臺數(shù)據(jù)庫的設(shè)計。
在數(shù)據(jù)庫應(yīng)用系統(tǒng)的開發(fā)過程中，數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計是一個非常重要的問題。數(shù)據(jù)庫結(jié)構(gòu)設(shè)計的好壞將直接對應(yīng)用系統(tǒng)的效率以及實現(xiàn)的效果產(chǎn)生影響，好的數(shù)據(jù)庫結(jié)構(gòu)會減小數(shù)據(jù)庫的存儲量，數(shù)據(jù)的完整性和一致性比較高，系統(tǒng)具有較快的響應(yīng)速度，簡化基于此數(shù)據(jù)庫的應(yīng)用程序的實現(xiàn)等。
在數(shù)據(jù)庫系統(tǒng)開始設(shè)計的時候應(yīng)該盡量考慮全面，尤其應(yīng)該仔細(xì)考慮用戶的各種需求，避免浪費不必要的人力和物力。
3．1 數(shù)據(jù)庫需求分析
數(shù)據(jù)庫需求分析是數(shù)據(jù)庫結(jié)構(gòu)設(shè)計的第一個階段，是非常重要的一個階段。在這個階段主要是收集基本數(shù)據(jù)，數(shù)據(jù)結(jié)構(gòu)以及確定數(shù)據(jù)處理的流程，組成一個詳盡的數(shù)據(jù)字典，為以后進(jìn)一步設(shè)計打下基礎(chǔ)。
在仔細(xì)調(diào)查本站運(yùn)作過程的基礎(chǔ)上，我們得到本網(wǎng)站所處理的數(shù)據(jù)流程如圖所示。
管理員
登錄
輸入登錄信息 來訪者登錄網(wǎng)站
網(wǎng)站后臺管理 DB 數(shù)據(jù)庫 各種信息的瀏覽
管理方向 各種信息后臺管理
密碼管理
通過以上數(shù)據(jù)流程可以看出：管理員通過登錄網(wǎng)站，輸入正確的用戶名和密碼可以進(jìn)行網(wǎng)站管理。進(jìn)入管理狀態(tài)后可以選擇管理的項目，可以是對包括對管理員密碼在內(nèi)的系統(tǒng)設(shè)置信息的修改，也可以是對本網(wǎng)站的各種數(shù)據(jù)庫中其它的信息進(jìn)行后臺管理，包括對學(xué)校概況，學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息，招聘信息等管理。管理的內(nèi)容分為：對信息的添加，修改，刪除，審核等操作。
來訪者可以在瀏覽器中輸入學(xué)校網(wǎng)址登錄網(wǎng)站，通過點擊網(wǎng)站的鏈接瀏覽各種相關(guān)信息。這些信息是通過調(diào)用后臺數(shù)據(jù)庫中相關(guān)信息在前臺顯示的。
針對本網(wǎng)站的數(shù)據(jù)結(jié)構(gòu)，可以通過對以上對本站數(shù)據(jù)流程的內(nèi)容和數(shù)據(jù)關(guān)系分析，得出以下的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下：
● 新聞信息：新聞類別號，標(biāo)題，所屬專欄，文章來源，文章作者，內(nèi)容，發(fā)布時間，點擊次數(shù)，關(guān)鍵字， 狀態(tài)等。
● 新聞類別：類別號、類別名。
● 新聞所屬欄目：欄目號，類別號，欄目名。
● 管理員信息：用戶名，密碼等。
● 留言信息：用戶名，電子郵箱地址，來自地區(qū)，主頁地址，OICQ號，ICQ號，頭像，留言內(nèi)容等。
● 留言后臺管理員信息：用戶名，密碼等。
● 在線調(diào)查信息：調(diào)查的主題編號，主題名稱，主要觀點1，主要觀點2，主要觀點3，主要觀點4，觀點1的票數(shù)，觀點2的票數(shù)，觀點3的票數(shù)，觀點4的票數(shù)。
● 流量統(tǒng)計信息：總流量，今日流量，昨日流量，本月流量，上月流量，開站日期，最后訪問IP。
● 資源信息：每條資源信息包括文字介紹信息和資源存放信息2個方面，文字介紹信息和新聞信息一樣，作為新聞信息的一種，所以這里重點研究資源存放信息，資源上傳后存放信息包括：資源編號，信息編號，存放路徑3個屬性項。信息編號對應(yīng)該資源文字信息在新聞信息中的編號。存放路徑存放資源上傳后的存放的路徑和文件名。
有了上面的數(shù)據(jù)結(jié)構(gòu)，數(shù)據(jù)項和數(shù)據(jù)流程，就能進(jìn)行下面的數(shù)據(jù)庫設(shè)計。
3．2 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計
這一設(shè)計階段是在需求分析的基礎(chǔ)上，設(shè)計出能夠滿足網(wǎng)站設(shè)計需求的各種實體，以及確定它們之間的關(guān)系，為后面的邏輯結(jié)構(gòu)設(shè)計打下基礎(chǔ)。本網(wǎng)站根據(jù)上面的設(shè)計規(guī)劃出的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)得出的實體有新聞實體，新聞類別實體，新聞欄目實體，管理員實體，留言信息實體，在線調(diào)查信息實體，流量統(tǒng)計實體等。
下面詳細(xì)介紹本系統(tǒng)主要的實體以及主要實體之間的關(guān)系。
1：信息實體E-R圖：
信息信息實體
信息編號 主題
類別號 ……. 欄目號
2：信息類別實體E-R圖：
信息類別實體
類別編號 類別名稱
3：信息欄目實體E-R圖：
信息欄目實體
欄目編號 類別編號 欄目名稱
4：管理員實體E-R圖：
管理員實體
用戶編號 用戶名 用戶密碼
5：資源實體屬性圖
資源實體
資源編號 信息編號 資源路徑
6：主要的實體和實體之間的關(guān)系E-R圖如圖所示。
信息實體 1 屬于 1 類別實體
屬于 管理 管理
欄目實體 管理 管理員實體
3．3 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計
我們需要將上面的數(shù)據(jù)庫概念結(jié)構(gòu)轉(zhuǎn)化為ACCESS2000數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結(jié)構(gòu)。
在上面的實體以及實體之間關(guān)系的基礎(chǔ)上，我們就可以形成數(shù)據(jù)庫中的表格以及各個表格之間的關(guān)系。
根據(jù)分析階段得出的的結(jié)論，結(jié)合本網(wǎng)站對有關(guān)數(shù)據(jù)的存儲的需要，更加方便實現(xiàn)該網(wǎng)站預(yù)期的所有功能，現(xiàn)將本系統(tǒng)設(shè)計成5個數(shù)據(jù)庫表，每個表的字段名、類型、寬度設(shè)計如下：
數(shù)據(jù)庫中各個表格的設(shè)計結(jié)果如表3－1到表3－2所示。每個表格對應(yīng)在數(shù)據(jù)庫中的一個表。
表3－1為新聞信息表。
該表用來記錄存儲本網(wǎng)站新聞信息相關(guān)的各種信息：
字段名 類型 寬度 說明
newsid 自動編號 長整型 新聞編號
typeid 數(shù)字 小數(shù) 類別編號
borderid 數(shù)字 小數(shù) 欄目編號
topic 文本 80 主題
content 備注 備注 新聞內(nèi)容
ntime 日期 8 發(fā)布時間
hits 數(shù)字 小數(shù) 閱讀次數(shù)
keys 備注 備注 關(guān)鍵字
img 文本 50 相關(guān)圖片
nfrom 文本 100 來源
modify 文本 30 編輯人
audit 數(shù)字 長整型 是否審核
auditer 文本 50 審核人
writer 文本 50 作者
imgsize 數(shù)字 小數(shù) 圖片大小
3-2：新聞類別表：
該表用來存放本網(wǎng)站新聞信息的類別名稱。
字段名 類型 寬度 說明
typeid 自動編號 長整型 類別編號
typename 文本 50 類別名稱
3-3：新聞欄目表：
該表用來存放本網(wǎng)站新聞信息的類別名稱。
字段名 類型 寬度 說明
borderid 自動編號 長整型 類別編號
typeid 自動編號 長整型 類別編號
bodername 文本 50 類別名稱
3-4：管理員信息表：
該表用來存放本網(wǎng)站管理員信息。
字段名 類型 寬度 說明
userid 自動編號 長整型 用戶編號
name 文本 15 用戶名
pwd 文本 14 密碼
3-5：資源信息表：
該表用來存放本網(wǎng)站管理員信息。
字段名 類型 寬度 說明
id 自動編號 長整型 資源編號
Newsid 文本 15 對應(yīng)的信息編號
Lujin 文本 14 資源存放路徑
以上是本系統(tǒng)的庫表結(jié)構(gòu)的設(shè)計簡要說明。
4、網(wǎng)站的實現(xiàn)
完成了以上的后臺數(shù)據(jù)庫的設(shè)計后，下面就可以對前面系統(tǒng)分析階段邏輯設(shè)計出的功能模塊將技術(shù)設(shè)計轉(zhuǎn)化成為物理實現(xiàn)，是系統(tǒng)建設(shè)的實現(xiàn)階段。因此，網(wǎng)站的實現(xiàn)的成果將是系統(tǒng)分析和設(shè)計階段的結(jié)晶。
4.1：安裝網(wǎng)站設(shè)計相關(guān)軟件：
本站設(shè)計需要用到FLASH8.0，Adobe Photoshop 8.0，Dreamweaver等網(wǎng)頁設(shè)計相關(guān)的軟件。
其中FLASH8.0主要完成網(wǎng)頁中相關(guān)動畫的設(shè)計和處理。
Adobe Photoshop 8.0主要完成網(wǎng)頁中相關(guān)的圖片的大小，格式轉(zhuǎn)化，效果處理等。
Dreamweaver主要完成網(wǎng)頁的排版、布局設(shè)計。
4.2 建立Asp的運(yùn)行環(huán)境
簽于目前流行的windows操作平臺有windows xp等。下面針對這XP操作平臺上建立Asp運(yùn)行環(huán)境的一些簡要介紹。
在windows 2000/XP上建立Asp的運(yùn)行環(huán)境
在windows 2000/XP上運(yùn)行Asp的環(huán)境也是IIS。如果安裝的是windows 2000 Server,IIS5.1將作為一個默認(rèn)選項被安裝。如果使用的是windows 2000/XP中文專業(yè)版，則需要使用控制面板“ 添加/刪除程序”來安裝IIS及其組件。
4．3、主頁的設(shè)計
來訪者輸入網(wǎng)址，首先打開的就是學(xué)校網(wǎng)站的主頁，主頁設(shè)計應(yīng)該美觀，同時提供足夠多的鏈接，以便來訪者可以通過鏈接導(dǎo)航到自己所關(guān)心的信息頁面上去。下面是該首頁運(yùn)行的界面圖：
該頁面的布局結(jié)構(gòu)是 ∏型布局結(jié)構(gòu)。具體的說：在網(wǎng)頁的上面是log圖片和導(dǎo)航條。Log圖片表明網(wǎng)站的主題：南部縣伏虎中學(xué)網(wǎng)站。導(dǎo)航條將本站的欄目分成了學(xué)校概況，學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息，誠聘英才，校長信箱，網(wǎng)上留言等欄目。這些導(dǎo)航欄目分別設(shè)計有相應(yīng)的文字鏈接，點擊這些文字鏈接可以進(jìn)入相應(yīng)的頁面。
打開專業(yè)的網(wǎng)頁設(shè)計工具Dreamweaver UltraDev 4。
1：新建一個網(wǎng)頁文件，保存為index.asp，接著設(shè)置頁面屬性，在屬性頁中標(biāo)題：南部縣伏虎中學(xué)。背景圖案：img/bg_line.gif。
定義頁面中表格，單元格，文字和鏈接的表現(xiàn)風(fēng)格。本頁面定義的語句如下：

利用布局表格工具，設(shè)置好網(wǎng)頁的表格布局。然后就可以在表格中添加單元格。利用表格的屬性面板和單元格屬性面板設(shè)定好各自的屬性以后，就可以在單元格中添加文字和插入圖片。
布局設(shè)計好的網(wǎng)頁如下：
代碼設(shè)計：為了實現(xiàn)首頁顯示學(xué)?？煊?，教育科研，名校名師，學(xué)生園地等文字信息以及為了方便管理。不是在每個欄目設(shè)計靜態(tài)的文本信息，而是內(nèi)嵌java腳本，腳本的數(shù)據(jù)源來自一個和數(shù)據(jù)庫相連接的asp文件： new.asp。下面給出學(xué)?？煊?，教育科研，名校名師，學(xué)生園地對應(yīng)的四個java腳本語句：
1：
2：
3：
4：
通過比較這四條腳本語句可以發(fā)現(xiàn)，腳本調(diào)用的是同一asp文件，只是一個typeid不一樣。在數(shù)據(jù)庫的設(shè)計中我們以及知道，這個參數(shù)是新聞的類別編號。由于這四類不同的信息都是存儲在數(shù)據(jù)庫中的news表中，要實現(xiàn)信息的分類就可以通過設(shè)定這個類別編號。這里的typeid=10對應(yīng)學(xué)校新聞，typeid=11對應(yīng)教育科研，typeid=12對應(yīng)名校名師，typeid=13對應(yīng)學(xué)生園地。
下面簡單的介紹一下news.asp文件的代碼：
在news.asp文件中首先獲得上面?zhèn)鬟f的參數(shù)。通過下面的語句實現(xiàn)：
typeid=request("typeid")
n=trim(request("n"))
這里的n是查詢表中符合條件的多少條記錄的參數(shù)。
接著通過下面的語句從數(shù)據(jù)庫news表中查詢符合條件的最后的n條記錄：
sql="select top " & n & " * from news where typeid=" & cstr(typeid) & " and audit=1 order by newsid DESC"
這里的audit表示已經(jīng)是審核通過的信息。最后的信息顯示是按newsid號倒序排列。
另外在該文件的開頭有包含文件：

該文件用于鏈接數(shù)據(jù)庫。
在文件的末尾有包含文件：

該包含文件用于關(guān)閉數(shù)據(jù)庫。
4.4 顯示新聞和下載文件的shownews.asp設(shè)計
在首頁中大量的新聞信息是通過鏈接到shownews.asp文件來顯示新聞信息的。比如在首頁中點擊學(xué)?？煊嵵械娜我恍侣?，就可以鏈接到該頁面并顯示該新聞的詳情。
下面是學(xué)?？煊嵵?ldquo;南部縣伏虎中學(xué)教學(xué)成果顯著”這條新聞后顯示的頁面，該新聞的鏈接語句是：
shownews.asp?newsid=413
這里的傳遞的參數(shù)newsid用于傳遞顯示的新聞的編號。
該頁面的設(shè)計過程首先在Dreamweaver UltraDev 4中排版設(shè)計，設(shè)計的界面如圖所示：
對比實際運(yùn)行的界面和設(shè)計界面可以看出，導(dǎo)航條的設(shè)計不是在這里直接給出，而是通過腳本調(diào)用一個js文件。這樣設(shè)計的好處在與可以和其它的頁面共享該導(dǎo)航的js文件。調(diào)用腳本的語句如下：

該newsbar.js文件的語句如下：
document.writeln("");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln(" ");
document.writeln("

學(xué)校概況

學(xué)校新聞

教育科研

名校名師

學(xué)生園地

招生信息

誠聘英才

");
另外對比shownews.asp文件還可以看出，該頁面中的新聞標(biāo)題和新聞內(nèi)容也是調(diào)用其它的語句和腳本的。
新聞標(biāo)題調(diào)用asp腳本：<%=rs("topic")%>用于顯示記錄集中的topic字段值。該字段是通過sql語句實現(xiàn)的查詢記錄集中的字段值。相關(guān)的sql查詢語句如下：
rs.open "select * from news where newsid=" & cstr(request("newsid")),conn,1,1
該語句實現(xiàn)從news表中查詢newsid編號等于傳遞的參數(shù)newsid的記錄。
對于新聞的內(nèi)容顯示也和新聞的主題顯示類似，這里就不再說明。
最后這里介紹一下該頁面顯示的與本新聞相關(guān)的新聞的實現(xiàn)技術(shù)：
首先要從數(shù)據(jù)庫中news表的字段說起，在news表中有一個keys字段。
我們可以利用sql語句在news表中查詢keys值和該新聞關(guān)鍵字類似的記錄，就可以得到相關(guān)信息。Sql語句如下：
rsc.open "select top " & aboutnews & " * from news where keys like '%" & trim(rs("keys")) & "%' and newsid<>" & cstr(rs("newsid")) & " and audit=1 order by ntime DESC",conn,1,1
shownews.asp文件除了顯示新聞詳細(xì)信息外，該文件同時還和下載資源的詳細(xì)頁面共用。為了在顯示一般詳細(xì)信息時候，不出現(xiàn)下載的字樣，可以利用if 語句進(jìn)行判斷，利用if語句對變量xz進(jìn)步判斷，如果xz變量等于1，表明是資源下載的詳細(xì)頁面，這時候就顯示下載字樣，下載鏈接來自資源表中的該資源對應(yīng)路徑。
4.5 更多新聞頁面的more.asp設(shè)計
在首頁中的學(xué)?？煊?，教育科研，名校名師，學(xué)生園地都只是顯示了該類別的10條信息，如何得到更多的信息顯示？需在首頁之外另外設(shè)計更多信息顯示的more.asp頁面。在首頁的導(dǎo)航條上面都可以鏈接到該頁面。在首頁的導(dǎo)航條中分別有下面的鏈接語句：
1：…
2：…
3：…
4：…
5：…
6：…
這些鏈接語句分別都是鏈接到more.asp文件，只是傳遞的參數(shù)不一樣。Typeid=10…15分別對應(yīng)學(xué)校新聞…誠聘英才。
在本頁中就是通過獲得的傳遞參數(shù)確定sql語句查詢news中的類別號等于傳遞的類別號的所有信息的。
下面是傳遞參數(shù)為16的頁面顯示的界面圖：
該頁面顯示的所有news表中typeid=16的新聞信息。
下面給出在Dreamweaver UltraDev 4中排版設(shè)計的結(jié)果：
下面介紹該頁面實現(xiàn)顯示傳遞的參數(shù)的所有信息的技術(shù)：
首先利用下面的代碼實現(xiàn)建立一個記錄集和實現(xiàn)sql查詢：
set rs=server.createobject("adodb.recordset")
rs.open "select * from news where typeid=" & cstr(typeid) & " and audit=1 order by ntime DESC",conn,1,1
由于在news表中typeid等于傳遞的參數(shù)的記錄可能非常多，那么全部在一頁中顯示不方便，所以該頁又用到了數(shù)據(jù)的分頁顯示技術(shù)。
下面給出本頁中用到的分頁顯示的代碼：
<%
response.write "

---