【正文】 ent Channel FriendSite (文章用戶評(píng)論表 ) (網(wǎng)站頻道表 ) (友情鏈接表 ) Guest Layout Photo (用戶留言表 ) (版面定義表 ) (圖像屬性表 ) photoClass PhotoComment Skin (圖像欄目表 ) (圖像用戶評(píng)論表 ) (樣式定義表 ) Soft SoftClass SoftComment (下載屬性表 ) (下載欄目表 ) (下載用戶評(píng)論表 ) Special Vote (文章專題表 ) (系統(tǒng)投票表 ) 畢業(yè)設(shè)計(jì)（論文）專用紙 第 9 頁(yè) 共 46 頁(yè) 第四章．網(wǎng)站設(shè)計(jì)總體方案設(shè)計(jì) 網(wǎng)站簡(jiǎn)要說明 這個(gè)校園新聞網(wǎng)是個(gè)集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學(xué)生能刻苦學(xué)習(xí)的同時(shí)，得到適當(dāng)?shù)姆潘?，并了解學(xué)院信息辦發(fā)布的最新信息技術(shù)而設(shè)計(jì)的。系統(tǒng)的各種功能設(shè)計(jì)能夠符合學(xué)院網(wǎng) 站 的要求，信息，公告，廣告，調(diào)查等發(fā)布功能的實(shí)現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實(shí)現(xiàn)了用戶與學(xué)院之間的交互性。 網(wǎng)站可用性討論 網(wǎng)頁(yè)布局 實(shí)際內(nèi)容占據(jù)網(wǎng)頁(yè)的大部分空間，為 50%～ 80%，導(dǎo)航部分不超過 20%。顏色的選擇以 青白色 為主， 沒有 使 用太多的顏色來修飾某個(gè)對(duì)象，此外，正文和背景色的對(duì)比度 較大 ， 一般字色為默認(rèn)的黑色， 并且用 了 不同的背景色 條 區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁(yè)的可讀性，標(biāo)題區(qū)、標(biāo)題行和正文區(qū)使用 了 不同大小的字體，正文使 用 的是 靜止的文字，且字體足夠大， 以 便于閱讀。 為了幫助用戶方便地瀏覽，每個(gè)網(wǎng)頁(yè)都 設(shè) 有標(biāo)題 導(dǎo)航 ，且網(wǎng)頁(yè)標(biāo)題清楚地表明 了網(wǎng)頁(yè)的內(nèi)容。在網(wǎng)頁(yè)的組織上，每個(gè)網(wǎng)頁(yè)都 是 按照 “ 倒金字塔 ” 原則進(jìn)行編寫，即從一個(gè)簡(jiǎn)單的結(jié)論開始漸次展開。網(wǎng)頁(yè)排版符合用戶的閱讀習(xí)慣，采用橫向排列方式。 一個(gè) 網(wǎng)頁(yè)的大小 一般不 超過 3 萬(wàn)字 節(jié)，以使用戶在 10 秒鐘之內(nèi)能打開網(wǎng)頁(yè)。 而且 要為每一個(gè)鏈接加上描述信息， 因?yàn)?當(dāng)一個(gè)鏈接被點(diǎn)擊后，要把所有指向同一目標(biāo)的鏈接都表示成已被訪問過 ，這樣便于用戶瀏覽 。在鏈接旁注明下載文件的大小，幫助用戶預(yù)測(cè)下載時(shí)間。 主題鮮明、富有特色 在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色 做 出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。 要做到主題鮮明突出，力求簡(jiǎn)潔，要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印 象。對(duì)于一些 LOGO 標(biāo)志應(yīng)充分加以利用。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性， 這樣才能夠 辦出網(wǎng)站的特色。 畢業(yè)設(shè)計(jì)（論文）專用紙 第 10 頁(yè) 共 46 頁(yè) Web 站點(diǎn)主頁(yè)的基本成分包括： 頁(yè)頭：準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn) 名稱 和 學(xué)院 標(biāo)志； Email 地址：用來接收用戶垂詢； 聯(lián)系信息：如普通郵件地址或電話； 版權(quán)信息 ：讓用戶了解系統(tǒng)信息 。 重復(fù)利用已有信息，如 用戶 手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等可以輕而易舉地用到 學(xué)院 的 Web 站點(diǎn)中 ，以減輕數(shù)據(jù)庫(kù)的負(fù)擔(dān) 。 版式編排布局合理 性 網(wǎng)頁(yè)設(shè)計(jì)作為一種 視覺語(yǔ)言，當(dāng)然要講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。 站點(diǎn)設(shè)計(jì)簡(jiǎn)單有序，主次關(guān)系分明，將零亂頁(yè)面的組織過程 ， 混雜的內(nèi)容 ， 依整體 的 布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。 相關(guān)站點(diǎn)引導(dǎo)鏈接 一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上 因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫(kù)，鏈接到其它網(wǎng)站輕而易舉。 在設(shè)計(jì)網(wǎng)頁(yè)的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。 網(wǎng)站流程圖 圖 2 網(wǎng)站流程圖 該流程圖是從用戶的角度開始的，登錄用戶可以更好地使用本站提供的信息服用戶瀏覽 網(wǎng)站瀏覽 查看撰寫留言 網(wǎng)站服務(wù) 注冊(cè)登陸論壇 論壇瀏覽和發(fā)帖 未注冊(cè)論壇瀏覽 退 出 畢業(yè)設(shè)計(jì)（論文）專用紙 第 11 頁(yè) 共 46 頁(yè) 務(wù)、個(gè)性化服務(wù)及定期的網(wǎng)站活動(dòng)；而未登錄用戶僅僅可以瀏覽信息，無法進(jìn)行社區(qū)等本站相關(guān)的活動(dòng)及服務(wù)。 網(wǎng)站模塊結(jié)構(gòu) 圖 3 網(wǎng)站模塊結(jié)構(gòu) 本章小結(jié) 在本章中，主要闡述了網(wǎng)站設(shè)計(jì)的方案設(shè)計(jì)，和系統(tǒng)模塊的建立， 系統(tǒng)設(shè)計(jì)需要設(shè)計(jì)軟件系統(tǒng)的體系結(jié)構(gòu)、用戶界面、數(shù)據(jù)庫(kù)、模塊等，從而在需求與代碼之間建立橋梁。系統(tǒng)設(shè)計(jì)分兩個(gè)階段：高層設(shè)計(jì)階段和詳細(xì)設(shè)計(jì)階段，高層設(shè)計(jì)階段的重點(diǎn)是網(wǎng)站的體系結(jié)構(gòu)設(shè)計(jì)。詳細(xì)設(shè)計(jì)階段的重點(diǎn)是管理界面設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和模塊設(shè)計(jì)。在體系結(jié)構(gòu)設(shè)計(jì)之前要閱讀需求文檔，明確設(shè)計(jì)任 務(wù)。 網(wǎng)站基 本結(jié)構(gòu)圖 網(wǎng)站前臺(tái)模塊 會(huì)員模塊 后臺(tái)管理模塊 資源下載模塊 網(wǎng)站瀏覽模塊 留言系統(tǒng)模塊 論壇會(huì)員注冊(cè)模塊 論壇會(huì)員瀏覽模塊 會(huì)員論壇工具模塊 登陸驗(yàn)證模塊 資源管理模塊 欄目管理模塊 網(wǎng)站維護(hù)模塊 論壇維護(hù)模塊 圖片鑒賞模塊 畢業(yè)設(shè)計(jì)（論文）專用紙 第 12 頁(yè) 共 46 頁(yè) 第五章 結(jié)構(gòu)設(shè)計(jì)與具體實(shí)現(xiàn) 整體設(shè)計(jì) 結(jié)構(gòu)設(shè)計(jì) 本網(wǎng)站的各個(gè)功能入口比較多，因此需要一個(gè)專門的文件來顯示各種后臺(tái)入口，而且在網(wǎng)頁(yè)中還要顯示出用戶在留言板塊和管理員在后臺(tái)模塊的信息，因此整個(gè)網(wǎng)站我使用了框架（ Frame）結(jié)構(gòu)，這樣操作比較方便，結(jié)構(gòu)美觀。具體結(jié)構(gòu)實(shí)現(xiàn)見（ 界面設(shè)計(jì)）。 數(shù)據(jù)庫(kù)的連接 數(shù)據(jù)只有用數(shù)據(jù)庫(kù)來管理才能有自動(dòng)化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個(gè)管理機(jī)制的應(yīng)用，而且一 旦 建立以后要修改常會(huì)出現(xiàn)麻煩。所以一開始就要仔細(xì)慎重地 搭建一個(gè)完整而合理的結(jié)構(gòu)。 Microsoft Access 數(shù)據(jù)庫(kù)相對(duì)其它的數(shù)據(jù)庫(kù)來說要簡(jiǎn)單容易操作些，本 網(wǎng)站信息 發(fā)布系統(tǒng)中的數(shù)據(jù)庫(kù)文件就是 Access 類型的數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)中共有 20 張表（具體表單見附錄表二）。 以下是本系統(tǒng)與數(shù)據(jù)庫(kù)建立連接的 源代碼 ： % dim conn dim connstr dim db db=database/ 39。數(shù)據(jù)庫(kù)文件的位置 Set conn = () connstr=Provider=。Data Source= amp。 (db) connstr sub CloseConn() set conn=nothing end sub % 數(shù)據(jù)庫(kù)文件 在連接文件嵌入下，各頁(yè)面都能夠訪問數(shù)據(jù)庫(kù)，這是實(shí)現(xiàn)交互性的前題。（數(shù)據(jù)庫(kù)設(shè)計(jì)見圖） 畢業(yè)設(shè)計(jì)（論文）專用紙 第 13 頁(yè) 共 46 頁(yè) 圖 4 數(shù)據(jù)庫(kù)頁(yè)面信息 設(shè)置公開地聯(lián)系方式及其用戶信息反饋專用論壇和留言系統(tǒng)； 設(shè)置網(wǎng) 站整體信息與用戶為一體；設(shè)置完善地個(gè)性化地會(huì)員管理與交互系統(tǒng)； 完善的網(wǎng)站內(nèi)容、網(wǎng)站用戶檢索系統(tǒng)。 網(wǎng)站的整體顏色：白色為導(dǎo)航顏色；主體顏色：青白色；字體：宋體；行距： 150% 網(wǎng)站統(tǒng)一頂部為導(dǎo)航條【站標(biāo)、學(xué)院首頁(yè)、教學(xué)科研、教學(xué)專題、圖片鑒賞、資源下載、學(xué)工在線、留下建議】 網(wǎng)站上中部：網(wǎng)站圖片與動(dòng)態(tài)的 FLASH 結(jié)合；位置導(dǎo)航； 網(wǎng)站中部：網(wǎng)站信息；友情連接；站點(diǎn)數(shù)據(jù)；網(wǎng)站導(dǎo)航條；圖文信息；在線投票； 網(wǎng)站底部：后臺(tái)管理登陸；網(wǎng)站 /版面制作；版權(quán)信息。 開發(fā)語(yǔ)言 ASP 簡(jiǎn)介 ASP 的優(yōu)勢(shì)： ASP 技術(shù) ASP（ Active Server Pages 動(dòng)態(tài)網(wǎng)頁(yè)）是微軟公司推出的一種用以取代 CGI（ Common Gateway Interface 通用網(wǎng)關(guān)接口）的技術(shù)。目前， Inter 上的許多基于 Windows 平臺(tái)的 Web 站點(diǎn)已開始應(yīng)用 ASP 來替換 CGI。 簡(jiǎn)單地講， ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web 服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用 HTML 表單收集和處理信息，上傳與下載等等 。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前Inter 上的許多站點(diǎn)，仍然提供 靜態(tài) （ static）的主頁(yè)內(nèi)容。 ASP與常見的在 Client端實(shí)現(xiàn)動(dòng)態(tài)主頁(yè)的技術(shù)如 Java Applet、 ActiveX Control、VBScript、 JavaScript 等不同， ASP 中的命令和 Script 語(yǔ)句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的 Web 頁(yè)面并送到瀏覽器；而 Client 端技術(shù)的 Script畢業(yè)設(shè)計(jì)（論文）專用紙 第 14 頁(yè) 共 46 頁(yè) 命令則是由瀏覽器來解釋執(zhí)行。由于 ASP 是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏 覽器是否支持 ASP；同時(shí)由于 它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。 ASP 通過后綴名為 .asp 的 ASP 文件來實(shí)現(xiàn)，一個(gè) .asp 文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在 Web 服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了 .asp 文件的地址后，瀏覽器就將這個(gè) URL 請(qǐng)求發(fā)給 Web Server，如果Web Server 上裝了 ASP，就調(diào)用 ASP. ASP讀出相應(yīng) .asp 文件，解釋并執(zhí)行命令，動(dòng)態(tài)生成一個(gè) HTML 頁(yè)面回傳 Web Server，然后 Web Server 再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和 HTML 類似，且和 HTML 開發(fā)集成，可以在同一個(gè)過程完成，利用 ASP將可以執(zhí)行的腳本嵌入到 HTML文件中 (將 HTML文件的后綴名改為 .asp)，這使得 HTML文件的編寫與腳本的開發(fā)融合在一起。通過 ASP 內(nèi)置的對(duì)象、服務(wù)器組件（ Server Component）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。 ASP 比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn)： (1) 完全與 HTML 文件融合在一起； (2) 容易創(chuàng)建，不需要其它編譯、鏈接程序； (3) 面向?qū)ο蟮牟⑼ㄟ^ ActiveX Server 對(duì)象可擴(kuò)展。 ASP 的特點(diǎn)： ASP技術(shù)中起著核心作用 要想開發(fā)出具有實(shí)用價(jià)值的動(dòng)態(tài) Web 應(yīng)用程序， ASP 腳本必須與基本 COM 標(biāo)準(zhǔn)的組件配合使用。組件對(duì)象模型的微軟公司體現(xiàn) 用 戶的一種基于二進(jìn)制的軟件標(biāo)準(zhǔn)，與語(yǔ)言無關(guān)。 Visual Basic, Visual C++, Visual J++ 等都能創(chuàng)建 COM 組件，在不同的語(yǔ)言實(shí)現(xiàn)的組件之間，依據(jù) COM 標(biāo)準(zhǔn)可以進(jìn)行交互操作。 ASP 提供了 10 個(gè)內(nèi) 置組件。每個(gè)組件中包括一個(gè)或多個(gè)對(duì)象。在使用前，組件的對(duì)象需要被實(shí)例化。 ASP 提高了 6個(gè)內(nèi)置對(duì)象，這 6個(gè)內(nèi)置對(duì)象可以被 ASP 腳本直接使用，不需要被實(shí)例化。除了內(nèi)置組件和內(nèi)置對(duì)象，開發(fā)人員還可以自行制作實(shí)現(xiàn)特殊功能的組件。 除了支持 VBScript， JavaScript 外， ASP還支持 RE