【正文】 網(wǎng)頁(yè)設(shè)計(jì) 因?yàn)?ASP代碼可以非常方便的嵌入到 HTML代碼中，所。 Flash動(dòng)畫除了在界面色彩上可以給用戶以友好新鮮的感覺(jué)之外， 還可以 向用戶傳遞網(wǎng)站的風(fēng)格和主要內(nèi)容特色等信息。 在這種情況下 多媒體元素在網(wǎng)頁(yè)布局中的作用也就變得更加重要。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)絡(luò)帶寬的不斷加 寬 ，多媒體元素越來(lái)越多的被利用到 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 31 網(wǎng)站設(shè)計(jì)中。此次網(wǎng)絡(luò)教學(xué)網(wǎng)站的開發(fā)過(guò)程中，制作 Flash動(dòng)畫所需要的圖像全部來(lái)源于 Photoshop。使用Photoshop中的色彩校正可以使素材色彩更加鮮艷 ，使用鋼筆工具可以從任意圖片中挖取所需要的素材，使用濾鏡工具可以在極短的時(shí)間內(nèi)得到異常豐富的效果 。 使用 Photoshop進(jìn)行素材處理 網(wǎng)頁(yè)中除了需要有圖像這些靜態(tài)元素之外，還需要具有動(dòng)畫、音樂(lè)等多媒體元素 。 用Photoshop可以制作和加工網(wǎng)站的標(biāo)志、 Banner、導(dǎo)航條、圖標(biāo)、背景圖片等網(wǎng)頁(yè)中的圖像元素。為了使網(wǎng)站界面 更加友好，本網(wǎng)站使用了 國(guó)際著名軟件公司 Adobe的平面設(shè)計(jì)軟件 Photoshop進(jìn)行界面效果設(shè)計(jì)、使用國(guó)際流行的動(dòng)畫設(shè)計(jì)軟件 Flash進(jìn)行網(wǎng)站動(dòng)畫設(shè)計(jì)、使用 Dreamweaver進(jìn)行網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)。 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 30 4. 網(wǎng)站 的構(gòu)建 網(wǎng)站界面設(shè)計(jì) 界面是網(wǎng)站給人的第一印象，一個(gè)網(wǎng)站給人的第一感覺(jué)很大程度上是由網(wǎng)站界面來(lái)決定的 。 由上可見，開發(fā)中小型網(wǎng)絡(luò)系統(tǒng)，選用 Access作后臺(tái)數(shù)據(jù)庫(kù)，從資源的管理和利用效率來(lái)說(shuō)是一種理想的選擇，近些年由于 Web技術(shù)的發(fā)展，利用 ASP+Access組合進(jìn)行網(wǎng)絡(luò)應(yīng)用軟件的開發(fā)已經(jīng)非常成熟。 (4) 使用簡(jiǎn)便，用戶無(wú)需了解編程語(yǔ)一言，便可輕松地設(shè)計(jì)和開發(fā)數(shù)據(jù)庫(kù)應(yīng)用程序。 (2) 支持長(zhǎng)文件名，并可以在文件名內(nèi)加空格，使文件便于理解、查找。 與其它的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)相比， Access2022具有以下優(yōu)點(diǎn) [7]： (1) 存儲(chǔ)文件單一。 Access2022不僅可以處理自身的數(shù)據(jù)庫(kù)文件，還可以處理其它一些數(shù)據(jù)庫(kù)系統(tǒng)管理軟件所建立的數(shù)據(jù)庫(kù)文件，能識(shí)別 Dbase、 FoxBase、 FoxPro、 Paradox、 Btrieve等數(shù)據(jù)庫(kù)格式文件，并且支持 ODBC的 SQL。 Access2022中的宏可以實(shí)現(xiàn)操作的自動(dòng)化，使操作更加簡(jiǎn)單、快捷。用戶只需簡(jiǎn)單的操作就可建立數(shù)據(jù)庫(kù)中所使用的各種基本表、窗體和報(bào)表。 Access2022具有完整的數(shù)據(jù)庫(kù)應(yīng)用開發(fā)工具，用戶可以方便的設(shè)計(jì)、修改、瀏覽 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 29 一個(gè)記錄數(shù)據(jù)的基本表；可以在表數(shù)據(jù)中進(jìn)行各種篩選和查詢操作；可以 設(shè)計(jì)和使用各種窗體以實(shí)現(xiàn)數(shù)據(jù)顯示和操作；可以根據(jù)表數(shù)據(jù)設(shè)計(jì)打印各種報(bào)表；可以設(shè)計(jì)和使用宏，對(duì)表進(jìn)行一系列特定的操作。 通過(guò) Access2022功能強(qiáng)大的工具，用戶可以方便的使用和管理數(shù)據(jù)庫(kù)，如創(chuàng)建和編輯數(shù)據(jù)表、設(shè)計(jì)和使用各種查詢工具進(jìn)行查詢操作、設(shè)計(jì)和使用窗體、制作和打印報(bào)表、設(shè)計(jì)和使用宏、設(shè)計(jì)和使用 Web頁(yè)等。與以前的 Access版本相比，Access2022不僅界面更加友好，而且功能也有了加強(qiáng)，尤其是網(wǎng)絡(luò)功能有明顯的提高，使 Access2022與互聯(lián)網(wǎng)的結(jié)合更加緊密 [7]。 ⑧ 靈活、經(jīng)濟(jì)性 應(yīng)用系統(tǒng)設(shè)計(jì)應(yīng)面向數(shù)據(jù)，而不是面向流程，應(yīng)采用模塊結(jié)構(gòu)，易于系統(tǒng)的構(gòu)造和重組織。 ⑥ 數(shù)據(jù)的安全保密 數(shù)據(jù)要有安全保密措施，提供自動(dòng)排除故障的恢復(fù)功能，以保證數(shù)據(jù)庫(kù)數(shù)據(jù) 的正確性、有效性和可靠性。數(shù)據(jù)庫(kù)設(shè)計(jì)時(shí)，應(yīng)盡量減少數(shù)據(jù)冗余，但有時(shí)為了以空間換取時(shí)間，允許部分?jǐn)?shù)據(jù)重復(fù)存貯，但要保證數(shù)據(jù)同步更新。 ③ 數(shù)據(jù)逐級(jí)濃縮 從事務(wù)處理層、管理層到?jīng)Q策層，各級(jí)部門對(duì)數(shù)據(jù)的要求是不一樣的，應(yīng)考慮數(shù)據(jù)自下而上地逐級(jí)綜合、歸并和濃縮，滿足不同層次管理的需要。 (1) 數(shù)據(jù)庫(kù)系統(tǒng)設(shè)計(jì)原則 ① 層次分明 《鐵道電氣化工程管理》課程網(wǎng)站 的管理是分層次的，因而提供服務(wù)的數(shù)據(jù)庫(kù)也應(yīng)該是分層次的，以適應(yīng)管理特點(diǎn)的要求。數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)的好壞直接對(duì)應(yīng)用系統(tǒng)的效率及實(shí)現(xiàn)的效果產(chǎn)生影響，也影響系統(tǒng)的開發(fā)周期和系統(tǒng)性能。 圖 316 教師界面 圖 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)在一個(gè)管理信息系統(tǒng)中占有非常重要的地位，它為系統(tǒng)提 供數(shù)據(jù)，滿足業(yè)務(wù)系統(tǒng)的流程。 由于教師管理權(quán)限低于管理員管理權(quán)限，只能對(duì)課程內(nèi)容進(jìn)行管理，不能對(duì)站點(diǎn)結(jié)構(gòu)進(jìn)行管理，因此只有快速導(dǎo)航、課程管理系統(tǒng)、互動(dòng)管理、擴(kuò)展程序管理四個(gè)子項(xiàng)目 ，功能與之前介紹的相同。教師可對(duì)作業(yè)結(jié)果進(jìn)行查詢、統(tǒng)計(jì)。 圖 315 系統(tǒng)輔助功能 圖 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 27 ② 教師模塊 教師模塊中包含了教師授課所需的各種功能 ， 如：網(wǎng)上 課程錄像 、布置作業(yè)、批改作業(yè)、出試卷、評(píng)卷、考試結(jié)果統(tǒng)計(jì)分析、網(wǎng)上答疑、課程資料 （ 素材 ） 制作、學(xué)生帳號(hào)管理 （ 修改學(xué)生密碼 ） 等。 圖 314 站點(diǎn)配置界面 圖 8) 其他輔助功能 為了方便管理后臺(tái)系統(tǒng)， 本系統(tǒng) 又添加了課程首頁(yè)、系統(tǒng)首頁(yè)、修改密碼、幫助系統(tǒng)、退出系統(tǒng)四個(gè)快捷鍵，可以方便快捷的鏈接到各個(gè)界面。 圖 313 數(shù)據(jù)管理系統(tǒng)界面 圖 7) 站點(diǎn)配置 分為站點(diǎn)配置、模版配置、文件配置、上傳配置、日志管理。 圖 312 用戶管理系統(tǒng)界面 圖 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 26 6) 數(shù)據(jù)管理系統(tǒng) 包括數(shù)據(jù)庫(kù)管理、執(zhí)行 SQL語(yǔ)句、緩存數(shù)據(jù)管理。如 圖 311所示 。如 圖 310所示 。如 圖 39所示 。界面如 圖 38所示 。 管理員界面如 圖 37所示 。 本文中 將系統(tǒng)資源訪問(wèn)帳號(hào)作為操作系統(tǒng)帳號(hào) “ admin”開設(shè)，由 Windows NT和 Web服務(wù)器 IIS負(fù)責(zé)進(jìn)行用戶驗(yàn)證。 ① 管理員模塊 由于該系統(tǒng)可同時(shí)為多組教師 /學(xué)生提供服務(wù)，各組間的課程不盡相同，因此教師 /學(xué)生組間應(yīng)具有一定的隔離性。權(quán)限高的 用戶 （ 管理員 ） 能訪問(wèn)其下級(jí) 用戶 （ 管理員 ） 所能訪問(wèn)的所有資源，反之則不然。 圖 36 交流互動(dòng) 模塊界面 圖 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 23 該 模塊具體結(jié)構(gòu)如下 ： 1) 在線考試系統(tǒng)：點(diǎn)擊進(jìn)入在線考試系統(tǒng)進(jìn)行在線考試 2) 在線留言系統(tǒng)：方便在線留言提出問(wèn)題 3) 在線論壇系統(tǒng)：分為生活樂(lè)園和學(xué)習(xí)園地兩個(gè)子論壇， 學(xué) 生 可以一起討論相關(guān)問(wèn)題 4) 在線答疑系統(tǒng)： 在線與老師進(jìn)行相關(guān)課程的答疑 5) 在線作業(yè)批改系統(tǒng) ：學(xué)生可以上傳作業(yè)，老師可以在線修改并打分 (2) 課程網(wǎng)站后臺(tái)管理系統(tǒng) 界面 本系統(tǒng)將用戶分為 兩 類：系統(tǒng)管理員 和 教師，他們都有各自的 界面 ，訪問(wèn)系統(tǒng)的權(quán)限也不相同。該模塊可以使學(xué)生 與老師充分互動(dòng)，實(shí)現(xiàn)靈活的教學(xué)方式，體現(xiàn)出網(wǎng)絡(luò)化教學(xué)的優(yōu)勢(shì)與特點(diǎn)。 網(wǎng)絡(luò)課程模塊界面如圖 35所示 。具體如下： 1) 課程負(fù)責(zé)人：本課程的負(fù)責(zé)人介紹 2) 主講教師：本課程的主要授課教師介紹 3) 課程教學(xué)組織形式：本課程的教學(xué)組織形式介紹 4) 課程錄像： 本課程的 課程錄像介紹 教學(xué)管理模塊 界面 如圖 34所示 。 (1) 課程網(wǎng)站 公共 界面 ① 網(wǎng)站首頁(yè) 模塊 “網(wǎng)站首頁(yè)”按鈕其實(shí)就是一個(gè)返回主頁(yè)的超級(jí)鏈接，當(dāng)用戶在瀏覽網(wǎng)頁(yè)過(guò)程中需要返回網(wǎng)站首頁(yè)進(jìn)行查看，便可點(diǎn)擊“網(wǎng)站首頁(yè)” 按鈕直接返回網(wǎng)站首頁(yè)。 考慮到教師和學(xué)生的不同角色，課程網(wǎng)站的設(shè)計(jì)可以 分為課程網(wǎng)站 公共 界面系統(tǒng)設(shè)計(jì)和 課程網(wǎng)站后臺(tái)管理系統(tǒng) 設(shè)計(jì)。 但模塊的劃分不能是任意的， 要 盡量保持其獨(dú)立性。每個(gè)模塊完成一個(gè)特定的功 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 20 能，所有的模塊按某種方法組織起來(lái)，成為一個(gè)整體，完成整個(gè)系統(tǒng)所要求的功能。 鐵 道 電 氣 化 工 程 管 理 網(wǎng) 站后 臺(tái) 管 理 系 統(tǒng) 課 程 管 理 系 統(tǒng) 互 動(dòng) 程 序 管 理 快 速 導(dǎo) 航 擴(kuò) 展 程 序 管 理 圖 33 教師可登陸管理的課程網(wǎng)站后臺(tái)管理系統(tǒng)結(jié)構(gòu) 圖 系統(tǒng)模塊設(shè)計(jì) 系統(tǒng)的概要設(shè)計(jì)中最重要的就是系統(tǒng)的模塊化。 鐵 道 電 氣 化 工 程 管 理 網(wǎng) 站 網(wǎng) 站 首 頁(yè) 網(wǎng) 絡(luò) 課 程 教 學(xué) 管 理 交 流 互 動(dòng) 課 程負(fù) 責(zé) 人主 講教 師 課 程 教學(xué) 組 織形 式課 程錄 像教 學(xué)隊(duì) 伍課 程介 紹課 程教 案教 學(xué)大 綱實(shí) 驗(yàn)教 學(xué)學(xué) 習(xí)工 具 箱在 線 考試 系 統(tǒng) 在 線 論壇 系 統(tǒng) 在 線 作業(yè) 系 統(tǒng) 在 線 留言 系 統(tǒng) 在 線 答疑 系 統(tǒng) 圖 31 課程網(wǎng)站公共界面系統(tǒng)板塊結(jié)構(gòu)圖 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 19 (2) 課程網(wǎng)站后臺(tái)管理系統(tǒng)結(jié)構(gòu) 由于登陸 課程網(wǎng)站后臺(tái)管理系統(tǒng) 分為管理員和教師 兩種模式，因此 課程網(wǎng)站 后臺(tái)管理系統(tǒng)結(jié)構(gòu)也有以下兩種： ① 管理員可登陸管理 的 課程網(wǎng)站 后臺(tái)管理系統(tǒng)結(jié)構(gòu) 管理員可登陸管理的課程網(wǎng)站后臺(tái)管理系統(tǒng)結(jié)構(gòu)，包括快速導(dǎo)航、課程管理系統(tǒng)、互動(dòng)程序管理、擴(kuò)展程序管理、數(shù)據(jù)管理系統(tǒng)、站點(diǎn)管理系統(tǒng)、用戶管理系統(tǒng)，如圖32所示 。 以下，將從系統(tǒng)總體結(jié)構(gòu)、系統(tǒng)模塊設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)三方面進(jìn)行詳細(xì)敘述。 系統(tǒng)概要設(shè)計(jì) 在 系統(tǒng) 需求分析階段， 明確了 課程網(wǎng)站 “做什么”的問(wèn)題，形成了目標(biāo)系統(tǒng)的邏輯模型。 管理員可登陸管理 的 課程網(wǎng)站 后臺(tái)管理系統(tǒng) ， 后臺(tái)管理系統(tǒng) 界面 包括 快速導(dǎo)航頁(yè)面 、 課程管理系統(tǒng)頁(yè)面 、 互動(dòng)程序管理頁(yè)面 、 擴(kuò)展程序管理頁(yè)面 、 用戶管理系統(tǒng)頁(yè)面 、 數(shù)據(jù)管理系統(tǒng)頁(yè)面、站點(diǎn)管理系統(tǒng)頁(yè)面等 七 個(gè)主干頁(yè)面。由此，本課程網(wǎng)站的 整個(gè)系統(tǒng)應(yīng)由 課程網(wǎng)站 公共 界面 和課程網(wǎng)站 后臺(tái)管理系統(tǒng)界面 兩部分組成。 根據(jù)研究與分析，本課程教學(xué)網(wǎng)站 應(yīng)實(shí)現(xiàn)的主要功能如下 ： (1) 能夠驗(yàn)證教師及管理員身份； (2) 每個(gè)網(wǎng)頁(yè)上為教師 及管理員 提供方便的管理接口 ，使其 可以直接登陸進(jìn)行管理； (3) 教師 及管理員 能夠 簡(jiǎn)單方便的操作 鐵道電氣化工程管理 課程網(wǎng)站 ； (4) 修改 課程網(wǎng)站成功后網(wǎng)頁(yè)上立即能看到 與 該 課程網(wǎng)站相應(yīng)的鏈接 ； (5) 制作中的課程網(wǎng)站只向課程管理員開放，其他人無(wú)權(quán)進(jìn)入 ； (6) 通過(guò)簡(jiǎn)單操作改變課程網(wǎng)站的開放狀態(tài) ； (7) 課程管理員能夠刪除課程網(wǎng)站，改變授課對(duì)象，改變課程名 等； (8) 課程網(wǎng) 站應(yīng)提供的教師功能有：發(fā)布通知、上傳和下載文件、刪除已上傳的文件、布置作業(yè)、在線批改作業(yè)、提交留言和刪除留言、 編輯和 解答 常見問(wèn)題、添加和刪除網(wǎng)絡(luò)日志、對(duì)課程信息進(jìn)行修改等； (9) 課程網(wǎng)站應(yīng)提供的學(xué)生功能有： 瀏覽課程信息、 下載文件、在線 答疑 、上傳 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 18 作業(yè)附件、提交留言、瀏覽作業(yè)反饋 、在線考試等。 在對(duì)網(wǎng)絡(luò)教學(xué)網(wǎng)站進(jìn)行了詳細(xì)而深入調(diào)查和研究，尤其是對(duì)精品課程網(wǎng)站 進(jìn)行了全面分析后 ， 本文 確定了網(wǎng)絡(luò)教學(xué)網(wǎng)站應(yīng)具有的板塊及 各個(gè) 板塊 將 實(shí)現(xiàn) 的 功能。 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 17 3. 網(wǎng)站總體分析與設(shè)計(jì) 系統(tǒng) 需求分析 系統(tǒng)的總體設(shè)計(jì) 分為 可行性分析和項(xiàng)目開發(fā)計(jì)劃 、 需求分析 、 概 要設(shè)計(jì) 、 詳細(xì)設(shè)計(jì) 、 編碼 、 測(cè)試以及維護(hù)等七個(gè)階段。用于 32位 Windows應(yīng)用程序的 Inter擴(kuò)展可以把 FTP， SMTP和 HTTP協(xié)議置于容易使用且任務(wù)集中的界面中，這些界面將 Inter應(yīng)用程序的使用大大簡(jiǎn)化， IIS也支持 MIME（ Multipurpose Inter Mail Extensions，多用于 Inter郵件擴(kuò)展 ） ，它可以為 Inter應(yīng)用程序的訪問(wèn)提供一個(gè)簡(jiǎn)單的注冊(cè)項(xiàng) [6]。 IIS相應(yīng)性極高，同時(shí)系統(tǒng)資源的消耗也是最少， IIS的安裝，管理和配置都相當(dāng)簡(jiǎn)單，這是因?yàn)?IIS與 Windows NT Server網(wǎng)絡(luò)操作系統(tǒng)緊密的集成在一起，另外， IIS還使用與Windows NT Server相同的 SAM（ Security Accounts Manager，安全性賬號(hào)管理器 ） ，對(duì)于管理員來(lái)說(shuō)， IIS使用諸如 Performance Monitor和 SNMP（ Simple Network Management Protocol，簡(jiǎn)單網(wǎng)絡(luò)管理協(xié)議 ） 之類的 NT已有管理工具。 IIS不需要開發(fā)人員學(xué)習(xí)新的腳本語(yǔ)言或者編譯應(yīng)用程序， IIS完全支持 VBScript， JScript開發(fā)軟件以及 Java，它也支持 CGI和 WinCGI，以及 ISAPI 蘭州交通大學(xué)畢業(yè)設(shè)計(jì)（論文） 16 擴(kuò)展 和過(guò)濾器。 IIS技術(shù) IIS是微軟公司主推的服務(wù)器， IIS支持 HTTP（ Hypertext Transfer Protocol，超文本傳輸協(xié)議 ） 、 FTP（ File Transfer Protocol，文件傳輸協(xié)議 ） 、 SMTP（ Simple Mail Tr