【正文】 目錄 1．緒論 .................................................................. 0 1． 1 互聯(lián)網(wǎng)與網(wǎng)絡(luò)教育 ................................................. 0 1． 2 網(wǎng)站的功能 ....................................................... 0 2．網(wǎng)站設(shè)計制作的理論和技術(shù)基礎(chǔ) .......................................... 0 2． 1 網(wǎng)站用戶界面設(shè)計原則 ............................................. 0 2． 2 網(wǎng)站用戶界面設(shè)計技術(shù) ............................................. 1 2． 3 網(wǎng)站制作運用的開發(fā)技術(shù) ........................................... 2 3．教科系網(wǎng)站功能及體系結(jié)構(gòu)的設(shè)計 ........................................ 5 3． 1 網(wǎng)站教學(xué)平臺的目標(biāo)設(shè)計 ........................................... 5 3． 2 網(wǎng)站教學(xué)平臺系統(tǒng)功能分析與設(shè)計 ................................... 5 4．教科系網(wǎng)站數(shù)據(jù)庫的設(shè)計 ................................................ 7 4． 1 數(shù)據(jù)庫的需求分析 ................................................. 7 4． 2 數(shù)據(jù)庫的邏輯結(jié)構(gòu) 設(shè)計 ............................................. 8 4． 3 后臺數(shù)據(jù)庫的配置 ................................................. 8 5．網(wǎng)站開發(fā)平臺的功能實現(xiàn) ................................................ 8 5． 1 新聞動態(tài)顯示 ..................................................... 9 5． 2 站內(nèi)搜索功能 .................................................... 10 5． 3 后臺登陸驗證 .................................................... 11 5． 4 后臺新聞管理 .................................................... 12 6．平臺的測試與維護(hù) ..................................................... 13 6． 1 平臺功能的測試 .................................................. 13 6． 2 平臺的維護(hù) ...................................................... 13 結(jié)束語 .................................................................. 14 參考文獻(xiàn) ................................................................ 15 致謝 .................................................................... 16 摘 要 本文主要研究了 濱州 學(xué)院 計算機(jī)系 網(wǎng)站的設(shè)計與開發(fā)，研究該課題的主要目的是便于教育技術(shù)學(xué)專業(yè)教師通過網(wǎng)站發(fā)布公告和教學(xué)信息，學(xué)生通過該網(wǎng)站了解院系最新動向， 學(xué)習(xí)專業(yè)知識，實現(xiàn)資源共享。 網(wǎng)站主要用 ASP 技術(shù)來實現(xiàn)，通過和數(shù)據(jù)庫連接實現(xiàn)動態(tài)交互功能。 關(guān)鍵字 ： B/S/D 體系結(jié)構(gòu) 網(wǎng)站 設(shè)計 ASP 技術(shù) 數(shù)據(jù)庫 1． 緒論 1． 1 互聯(lián)網(wǎng)與網(wǎng)絡(luò)教育 隨著互聯(lián)網(wǎng)技術(shù)的日益普及，基于網(wǎng)絡(luò)環(huán)境下的教學(xué)研究、模式開發(fā)日趨深入，網(wǎng)絡(luò)對教學(xué)的作用與潛能愈加突現(xiàn)出來，尤其在主體性教育觀、素質(zhì)教育觀的策略方法與學(xué)科整合中體現(xiàn)得更加充分。 1． 2 網(wǎng)站的功能 現(xiàn)如今 ,網(wǎng)站開發(fā)技術(shù)日益發(fā)展完善 ,基于 web的網(wǎng)站設(shè)計與開發(fā)已成為當(dāng)今企業(yè)和學(xué)校積極探索和發(fā)展的熱門技術(shù) .帶有交互性 的動態(tài)網(wǎng)站設(shè)計也越來越受到人們的重視 .出現(xiàn)了各種網(wǎng)站開發(fā)工具，如 dreamweaver、 frontpage、記事本等，同時也需要一些網(wǎng)頁美化工具，如 photoshop、 firework、 flash 等等。在網(wǎng)站制作中要用到 Html 語言、javascript、 vbscript 腳本語言、 asp 、 php、 jsp 等網(wǎng)站開發(fā)技術(shù)， xml 技術(shù)等等，同時還能提供一些組件來豐富頁面內(nèi)容。動態(tài)網(wǎng)站還可與數(shù)據(jù)庫連接，實現(xiàn)交互功能。 2． 網(wǎng)站設(shè)計 制作的 理論和技術(shù)基礎(chǔ) 2． 1 網(wǎng)站用戶界面設(shè)計原則 一個設(shè)計優(yōu)秀的用戶界面不僅要能 夠充分發(fā)揮軟件的功能，而且要讓用戶使用方便。用戶界面設(shè)計的一個最基本也是最重要的依據(jù)是以用戶為中心。因為設(shè)計軟件是給人使用的，一個軟件使用效率的好壞取決于軟件本身的設(shè)計和人是否能夠方便的使用。因此，用戶界面的設(shè)計必須以用戶為中心 。 2． 1． 1 一般軟件的用戶界面設(shè)計原則 (1) 一致性 一致性體現(xiàn)在用戶界面的各個方面，包括界面元素、命令名稱、信息表示和操作方式。 (2) 容錯性 一個好的用戶界面應(yīng)該在設(shè)計時盡量避免可能的出錯情況，對于不可避免的錯誤，應(yīng)該盡量給用戶提供恢復(fù)的手段。對于可能發(fā)生災(zāi)難性后果 的命令 /操作，應(yīng)給出警告并要求用戶確認(rèn)。 (3) 反饋 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 一個好的用戶界面在任何情況下都應(yīng)該對用戶的操作做出反饋 (除非用戶不需要這種反饋 )。反饋使用戶感覺到他在操作該軟件，了解軟件的當(dāng)前運行狀態(tài)。 2． 1． 2 網(wǎng)站用戶界面設(shè)計原則 網(wǎng)站的用戶界面設(shè)計，除了要掌握用戶界面設(shè)計的一般原則外，還要把握其特殊性，因為網(wǎng)站網(wǎng)頁的主要功能是向瀏覽者提供信息，所以網(wǎng)站的界面設(shè)計和其它應(yīng)用軟件界面設(shè)計存在一定的差異 。 下面，根據(jù)界面設(shè)計的一般原則，結(jié)合網(wǎng)站開發(fā)平臺的實際情況，認(rèn)為網(wǎng)站開發(fā)平臺界面設(shè)計應(yīng)遵循以下基本原則 ，如表 21 所示。 表 21 網(wǎng)站開發(fā)平臺界面設(shè)計原則 界面設(shè)計的一般原則 網(wǎng)站界面的設(shè)計原則 1 一致性 統(tǒng)一的風(fēng)格 2 容錯性、反饋 良好的交互 3 審美性 視覺效果 4 簡易性 網(wǎng)頁潔簡 5 傳輸速度 2． 2 網(wǎng)站用戶界面設(shè)計技術(shù) 2． 2． 1 網(wǎng)站的頁面布局 網(wǎng)站開發(fā)平臺的頁面布局總體上 遵循了網(wǎng)站界面設(shè)計原則。根據(jù)網(wǎng)站開發(fā)平臺的整體組織結(jié)構(gòu)，可以分兩類 頁面 :首頁的頁面布局、后臺管理頁面布局。 下面介紹本網(wǎng)站的頁面布局： (1) 首頁的布局 整個頁面的布局采用了“三型”結(jié)構(gòu)，主色調(diào)采用了桔 紅的暖色色調(diào)，文字的大小采用目前網(wǎng)上非常流行的 9pt，字體是宋體，對于敘述性的文字，采用黑色，對于鏈接，活動的采用紅色。教育科學(xué)與技術(shù)系的標(biāo)志圖片 logo 放在最上面， logo 下面是整個網(wǎng)站的導(dǎo)航欄，主體部分左邊放置輔助模塊，右邊放置主要的新聞和消息，底部是版權(quán)。如圖 所示 。 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 圖 首頁的布局 (2) 后臺管理布局 網(wǎng)站的后臺主頁面是用框架布局比較簡單，用表格布局頁面，點擊每個超連接就會打開一個新的頁面，便于管理 ， 如圖 所示。 圖 后臺管理布局 2． 2． 2 網(wǎng)站的統(tǒng)一版面設(shè)計技術(shù) 由于網(wǎng)站中的網(wǎng)頁要求有統(tǒng)一的風(fēng)格和良好的視覺效果，即要求網(wǎng)站有統(tǒng)一的版面，由于級聯(lián)格式頁 (CSS )技術(shù)能集中管理 WEB 站點的格式元素 (字體、背景、文本、 2． 2． 3 界面元素定位技術(shù) 界面元素定位是版面布局的重要內(nèi)容之一。要使網(wǎng)頁的界面布局具備報紙、雜志等漂亮的布局，必須要對頁面的界面元素進(jìn)行定位。在網(wǎng)站開發(fā)平臺中采用了以下幾種界面元素的定位技術(shù) :表格定位、塊表示符 DIV和 LAYER定位和 CSS 定位，下面分別進(jìn)行討論。 2． 3 網(wǎng)站制作 運用的 開發(fā)技術(shù) 教科系網(wǎng)站在 Windows XP 系 統(tǒng)下，在 Dreamweaver 軟件中設(shè)計制作的，用到的語言有 html 語言和腳本語言。 本系統(tǒng)動態(tài)開發(fā)技術(shù)主要采用了 ASP 技術(shù) (ActiveX Server 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 Pages )，它是新一代動態(tài)網(wǎng)頁開發(fā)技術(shù)，具有開發(fā)簡單、與瀏覽器類型無關(guān)、功能強大、。 2． 3． １ 平臺的體系結(jié)構(gòu)和 開發(fā)環(huán)境 該系統(tǒng)采用了 B/S/D(Browser/server/Date server)的體系結(jié)構(gòu)如圖 。 圖 B/S/D的體系結(jié)構(gòu) 三層結(jié)構(gòu)中 , 第一層 (瀏覽器 ) 為 表示層 , 主要用于完成用戶接口的功能 。 用戶在客戶端向 URL 指定的 Web 服務(wù)器提出服務(wù)申請 ,Web 服務(wù)器通過 HTTP 協(xié)議將用戶所需的信息傳送給客戶端。在這里 ,客戶端的作用只是接收信息并用 WWW 瀏覽器顯示出來。第二層 (為功能層 , 主要用于完成客戶請求的應(yīng)用功能 ,Web 服務(wù)器在收到客戶的請求后與第三層中的數(shù)據(jù)庫連接并進(jìn)行數(shù)據(jù)處理 , 而后通過 Web 將處理結(jié)果傳回到客戶端。第三層 (數(shù)據(jù)庫服務(wù)器 ) 為數(shù)據(jù)層 , 采用 Access 網(wǎng)絡(luò)數(shù)據(jù)庫 , 主要完成的數(shù)據(jù)存儲、加工和管理功能。 網(wǎng)絡(luò)操作系統(tǒng)、數(shù)據(jù)庫系統(tǒng) 和網(wǎng)絡(luò)編程技術(shù)選擇 (1) 操作系統(tǒng)平臺 : Windows xp； (2) 實現(xiàn)環(huán)境 : IIS , 后臺采用面向?qū)ο笤O(shè)計的 ASP 編程技術(shù)； (3) 數(shù)據(jù)庫 ： Access 。 2． 3． 2 HTML語言 HTML 的英語意思是 ： Hypertext Marked Language，即超文本標(biāo)記語言 ,是一種用來制作超文本文檔的簡單標(biāo)記語言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運行 HTML 文檔時所遵循的規(guī)則和進(jìn)行的操作 .HTTP 協(xié)議的制定使瀏覽器在運行超文本時有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn) 。 用 HTML 編寫的超文本 文檔稱為 HTML 文檔，它能獨立于各種操作系統(tǒng)平臺，自 1990 WEB服務(wù)器端 Server 端 數(shù)據(jù)庫服務(wù)器 組件 ADO和 ODBC 和 ASP環(huán)境 服務(wù)器腳本代碼 教師用戶 學(xué)生用戶 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 年以來 HTML 就一直被用作ＷＷＷ（是 World Wide Web 的縮寫，也可簡寫 WEB、中文叫做萬維網(wǎng) ) 的信息表示語言，使用 HTML 語言描述的文件，需要通過 WEB 瀏覽器顯示出效果。 2． 3． 3 腳本語言 腳本程序設(shè)計在 Web 程序設(shè)計 中占有很重要的地位，無論是客戶端動態(tài)頁面設(shè)計，還是動態(tài)網(wǎng)站設(shè)計中的服務(wù)器端編程 ，使用最多的就是腳本語言。在眾多的腳本語言中，使用最廣泛的是 JavaScript 和 VBScript。 這兩種語言即可作為客戶端腳本語言，又可以 作為服務(wù)器端腳本語言。 JavaScript 是一種嵌入在 HTML 文件中的腳本語言，它是基于對象和事件驅(qū)動的，能對諸如鼠標(biāo)單擊、表單輸入、頁面瀏覽等用戶事件作出反應(yīng)并進(jìn)行處理 。 JavaScript語言具有如下特點： 2． 3． 4 ASP技術(shù) ASP 是一種服務(wù)器端的腳本運行環(huán)境，利用它我們可以產(chǎn)生和運行動態(tài)的、交互的、高性能的 web 服務(wù)應(yīng)用程序。一個 ASP 應(yīng)用程序通常以 .asp 作為擴(kuò)展名， ASP 文件通常由文本、 HTML 標(biāo)志和 ASP 文件特有的腳本語句組成，其中 VBScript 是 ASP 中缺省的腳本語言。 客戶端通過瀏 覽器向 web 服務(wù)器發(fā)送請求， web 服務(wù)器響應(yīng)頁面請求后調(diào)用文件，然后解釋執(zhí)行每一條腳本語句，用 ADO 組件通過 ODBC 向數(shù)據(jù)庫服務(wù)器發(fā)送數(shù)據(jù)請求