【導(dǎo)讀】語(yǔ)教學(xué)工作，把傳統(tǒng)的學(xué)習(xí)過程變得更加方便靈活。此英語(yǔ)網(wǎng)絡(luò)教學(xué)平臺(tái)由教師。教學(xué)系統(tǒng)、學(xué)生學(xué)習(xí)系統(tǒng)和教學(xué)管理系統(tǒng)三大模塊組成，這些模塊之間相互聯(lián)系，相互配合，構(gòu)成一個(gè)完整的網(wǎng)絡(luò)教學(xué)系統(tǒng)。問題討論，發(fā)表公告，即時(shí)消息，人員管理，課程管理，信息管理等功能。與SQLServer20xx相結(jié)合加以實(shí)現(xiàn)。本系統(tǒng)的設(shè)計(jì)和開發(fā)過程完全按照軟件工程的要求，主要分為以下幾個(gè)步。軟件編碼和系統(tǒng)測(cè)試。項(xiàng)技術(shù)開發(fā)一個(gè)高效、高質(zhì)量、易于維護(hù)的網(wǎng)上教學(xué)系統(tǒng)成為網(wǎng)絡(luò)教育的一大熱點(diǎn)。絡(luò)課堂教學(xué)設(shè)計(jì)是以現(xiàn)代教育理念為指導(dǎo)，以現(xiàn)代教學(xué)論、系統(tǒng)的思想和方法為基石。教育體制與教學(xué)模式帶來了新的飛躍。目前，Inter遠(yuǎn)程教學(xué)已經(jīng)成為國(guó)內(nèi)外網(wǎng)絡(luò)研。究和應(yīng)用的熱點(diǎn)課題之一。通過此平臺(tái)，學(xué)生可以不受時(shí)間、空間、地域的限制，有利于學(xué)生自主探究和分層。發(fā)展；也有利于融洽師生關(guān)系、體現(xiàn)以人為本的教學(xué)關(guān)懷，真正實(shí)現(xiàn)“以學(xué)生為主體，的一個(gè)重要組成部分。第一章系統(tǒng)概述··································&

　　

【正文】 是否回復(fù) 字段分別記錄該條即時(shí)消息收信人是否已經(jīng)閱讀、收信人是否已經(jīng)回復(fù)給條消 息。 即時(shí)消息表 Msg 的結(jié)構(gòu)如表 315 所示 ： 表 315 即時(shí)消息表 Msg 列 名 數(shù)據(jù)類型 可否為空 說明 ID int（ 4） Not Null 編號(hào) Title varchar（ 500） Not Null 標(biāo)題 Content varchar（ 20xx） Null 內(nèi)容 ManFrom varchar（ 50） Null 發(fā)信人 Manto varchar（ 50） Null 收信人 IsRead int（ 4） Not Null 是否閱讀 SentTime varchar（ 50） Null 發(fā)信時(shí)間 IsReplied int（ 4） Null 是否回復(fù) 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 15 建立表結(jié)構(gòu) 本英語(yǔ)網(wǎng)絡(luò)課堂 系統(tǒng)數(shù)據(jù)庫(kù)由 15 個(gè)數(shù)據(jù)表組成，不同的用戶可以對(duì)數(shù)據(jù)庫(kù)中不同的數(shù)據(jù)表進(jìn)行操作，各數(shù)據(jù)表之間又因?yàn)槟承┳侄蔚南嚓P(guān)性而產(chǎn)生關(guān)聯(lián)，當(dāng)對(duì)數(shù)據(jù)庫(kù)中某一個(gè)表的數(shù)據(jù)更新時(shí)，則所有與此相關(guān)聯(lián)的數(shù)據(jù)都要更新。例如，數(shù)據(jù)庫(kù)中教師信息表 (teacher)、課程 信息 表 (Subject)、 開課信息 表 (TeachingSubject)及 教學(xué)課件 表(StudyMaterial)、班級(jí)表 (Class)用教師編號(hào)和課程編號(hào)進(jìn)行關(guān)聯(lián)，當(dāng) 教師登錄進(jìn)入到課程教學(xué) 欄目后，該教師本學(xué)期所上的課程的信息都自動(dòng)顯示出來，教師 上傳 相應(yīng)課程學(xué)習(xí) 課件 的內(nèi)容后，本學(xué)期所教班級(jí)的學(xué)生登錄后，將都能查閱相應(yīng)內(nèi)容，而沒有選課的班級(jí)的學(xué)生則無法查閱。 網(wǎng)絡(luò)課堂系統(tǒng) 數(shù)據(jù)庫(kù)中數(shù)據(jù)表之間的關(guān)系如圖 31 所示 ： 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 16 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 17 圖 31 數(shù)據(jù)庫(kù)中數(shù)據(jù)表之間的關(guān)系 圖 數(shù)據(jù)庫(kù)的保護(hù) 為了保 護(hù)數(shù)據(jù)庫(kù)數(shù)據(jù)的安全可靠和正確有效，必須采取一定的安全保護(hù)措施。本系統(tǒng)采取的數(shù)據(jù)庫(kù)保護(hù)措施有： 建立用戶帳號(hào)、設(shè)置訪問權(quán)限 數(shù)據(jù)庫(kù)的安全性是指保護(hù)數(shù)據(jù)庫(kù)以防止不合法的使用所造成的數(shù)據(jù)泄露、更改或破壞。用戶驗(yàn)證和存取控制是數(shù)據(jù)庫(kù)安全性控制的主要方法。在數(shù)據(jù)庫(kù)中建立用戶帳號(hào)，每個(gè)帳號(hào)必須指定一個(gè)口令，用戶通過帳號(hào)訪問數(shù)據(jù)庫(kù)。針對(duì)用戶的不同時(shí)用要求 ，確定用戶對(duì)數(shù)據(jù)的使用權(quán)限。系統(tǒng)通過檢查口令等手段來驗(yàn)證用戶身份，合法的用戶才能進(jìn)入數(shù)據(jù)庫(kù)系統(tǒng)。當(dāng)用戶對(duì)數(shù)據(jù)庫(kù)執(zhí)行操作時(shí)，系統(tǒng)自動(dòng)檢查用戶是否有權(quán)限執(zhí)行這些 操作，確保數(shù)據(jù)庫(kù)的安全。 保證數(shù)據(jù)的完整性 數(shù)據(jù)的完整性是指數(shù)據(jù)的正確性和完備性。數(shù)據(jù)庫(kù)的完整性控制包括完整性約束的定義、檢查和處理。完整性約束的定義規(guī)定了用戶對(duì)數(shù)據(jù)庫(kù)進(jìn)行更新操作時(shí)所應(yīng)滿足的條件，因?yàn)椴樵儾僮鞑粫?huì)修改數(shù)據(jù)庫(kù)的內(nèi)容，也就不能破壞數(shù)據(jù)庫(kù)的完整性。當(dāng)用戶服務(wù)對(duì)數(shù)據(jù)庫(kù)進(jìn)行更新操作時(shí)，系統(tǒng)會(huì)檢查用戶的操作是否違反了完整約束。如違反了完整性約束，就采取一定的措施來保證數(shù)據(jù)的完整性。 數(shù)據(jù)庫(kù)的備份和恢復(fù) 數(shù)據(jù)庫(kù)系統(tǒng)在運(yùn)行過程中會(huì)遇到各種障礙，由于計(jì)算機(jī)系統(tǒng)的故障（硬件故障、軟件故障、網(wǎng)絡(luò)故障、進(jìn) 程故障和系統(tǒng)故障）會(huì)影響數(shù)據(jù)庫(kù)系統(tǒng)的操作，影響數(shù)據(jù)庫(kù)中數(shù)據(jù)的正確性，甚至破壞數(shù)據(jù)庫(kù) ，使數(shù)據(jù)庫(kù)中全部數(shù)據(jù)或部分?jǐn)?shù)據(jù)丟失。 數(shù)據(jù)庫(kù)常常使用數(shù)據(jù)庫(kù)備份的方法來保護(hù)數(shù)據(jù)。數(shù)據(jù)庫(kù)備份是由構(gòu)成數(shù)據(jù)庫(kù)的物理文件的操作系統(tǒng)備份所組成的。當(dāng)出現(xiàn)故障時(shí)進(jìn)行數(shù)據(jù)庫(kù)恢復(fù)，利用備份文件恢復(fù)毀壞的數(shù)據(jù)文件或控制文件。SubjectID SubjectID ManFrom / LastUpdatePoster ManFrom Poster ClassID StudentID TeachingSubjectID SubjectID TeacherID TeacherID TeachingSubjectID 教學(xué)課件表 StudyMaterial 開課信息表 TeachingSubject 課程信息表 Subject OfficeID ClassID MajorID 班級(jí)信息 表 Class SchoolID MajorID SchoolID 教師信息表 Teacher 教研室信息表 Office 學(xué)院信息表 School 專業(yè)信息表 Major 布置作業(yè)表 HomeworkNotice 回答作業(yè) 表 Homework 管理員表 Admin TeacherID 學(xué)生信息表 Student 答疑表 Question Poster / LastUpdatePoster / LastUpdatePoster ManFrom / ManTo / ManTo SchoolID 論壇表 BBS 即時(shí)消息表 Msg / ManTo Poster 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 18 第四章 英語(yǔ)網(wǎng)絡(luò)課堂系統(tǒng)總體 設(shè)計(jì) 在對(duì)本系統(tǒng)進(jìn)行了詳盡的系統(tǒng)分析和數(shù)據(jù)庫(kù)設(shè)計(jì)之后，本章將概述該系統(tǒng)總體結(jié)構(gòu)、用戶界面和系統(tǒng)功能模塊的設(shè)計(jì)。 系統(tǒng) 總體結(jié)構(gòu)設(shè)計(jì) 網(wǎng)絡(luò)應(yīng)用軟件系統(tǒng)開發(fā)常見的結(jié)構(gòu)模式有 C/S 模式和 B/S模式。在 C/S 模式即客戶端 (Client)/服務(wù)器 (Server)模式下，主要的業(yè)務(wù)邏輯都集中于客戶端程序，由于客戶的配置可能存在差異，系統(tǒng)安裝、調(diào)試、維護(hù)困難?；跒g覽器 (Browser)/服務(wù)器 (Server)結(jié)構(gòu)的系統(tǒng)，也就是 B/S 模式，最核心的一點(diǎn)就是用通用的瀏覽器取代了原來的客戶端程序，應(yīng)用程序的安裝、調(diào)試、維護(hù)只要在服務(wù)器端進(jìn)行就可以了，此外配置工作都集中到服務(wù)器端，提高了系統(tǒng)的安全性。因此，在系統(tǒng)總體設(shè)計(jì)上采用瀏覽器 /服 務(wù)器 (B/S)模式，用戶只要通過 Inter 瀏覽器輸入系統(tǒng)的 IP地 址對(duì)服務(wù)器進(jìn)行訪問就可以完成所有的功能。在具 體 實(shí) 現(xiàn)上，采用 Dreamweaver 和 PhotoShop 來完成網(wǎng)頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)， 采用動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù) ASP 進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)編程，系統(tǒng)功能的實(shí)現(xiàn)需要數(shù)據(jù)庫(kù)系統(tǒng)的支持，數(shù)據(jù)庫(kù)采用 SQL Server 20xx。 系統(tǒng) 界面 設(shè)計(jì) 界面是軟件的衣裳，是軟件與用戶交互的最直接的層次。界面的好壞是影響用戶對(duì)軟件第一印象的主要因素，因?yàn)榻缑媸欠衩烙^直接影響用戶使用軟件的心情 ， 進(jìn)而直接影響用戶對(duì)軟件的評(píng)價(jià)。而且良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作起到向?qū)У淖饔?，具?吸引用戶的直接優(yōu)勢(shì)。 簡(jiǎn)潔易用、規(guī)范協(xié)和、風(fēng)格統(tǒng)一等等因素是界面美觀的關(guān)鍵所在。 易用性 優(yōu)秀的用戶界面應(yīng)該使用戶在首次接觸軟件時(shí)，感覺到一目了然，不需要太多的培訓(xùn)就可以上手使用，這就是軟件的易用性，易用性通常體現(xiàn)在界面用詞通俗易懂、功能操作快捷方便、操作反饋及時(shí)準(zhǔn)確等方面，理想情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān)的正確操作。 易用性細(xì)則 : ? 完成相同或相近功能的按鈕框起來，常用按鈕要支持快捷方式。 ? 完成同一功能或任務(wù)的控件放在集中位置，減少鼠標(biāo)或鍵盤移動(dòng)的距離 。 ? 按功能將界面分塊，并要有 功能說明或標(biāo)題。 ? 界面上首先應(yīng)輸入的或重要信息的控件在 Tab 順序中應(yīng)當(dāng)靠前，位置也 應(yīng)放在窗口上較醒目的位置。 ? 同一界面上的控件數(shù)最好不要超過 20 個(gè)，多于 20 個(gè)時(shí)可以考慮分頁(yè)顯。 ? 默認(rèn)按鈕要支持 Enter 可 選操作，即按 Enter 后自動(dòng)執(zhí)行默認(rèn)按鈕對(duì)應(yīng)操作。 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 19 ? 專業(yè)性強(qiáng)的軟件要使用相應(yīng)行業(yè)的專業(yè)術(shù)語(yǔ)，通用性界面則使用通用性詞語(yǔ) 。 ? 確保用戶界面的一致性，例如界面用詞統(tǒng)一、按鈕位置固定等 。 ? 及時(shí)提供幫助 。 規(guī)范性 通常界面設(shè)計(jì)都按 Windows 界面的規(guī)范來設(shè)計(jì)，即包含“菜單條、 工 具欄、狀態(tài)欄、滾動(dòng)條、右鍵快捷菜 單”的標(biāo)準(zhǔn)格式，可以說 :界面遵循規(guī)范化的程度越高，則易用性相應(yīng)的就越好。 規(guī)范性細(xì)則 : ? 很常用的菜單要有命令快捷方式。 ? 完成相同或相近功能的菜單用橫線隔開放在一起。 ? 菜單前的圖標(biāo)能直觀的代表要完成的操作。 ? 菜單深度要求控制在三層以內(nèi)，一般是兩層。 ? 相同或相近功能的工具欄放在一起。 ? 工具欄中的每一個(gè)按鈕要有及時(shí)提示信息。 ? 快捷鍵的圖標(biāo)能直觀的表示其要完成的操作。 ? 狀態(tài)條要能顯示用戶切實(shí)需要的信息，常用的有 :目前的操作、系統(tǒng)狀態(tài) 、用戶位置 、 用戶信息、提示信息、錯(cuò)誤信息等，如果某一操作需要的時(shí)間較長(zhǎng)還應(yīng)該顯 示進(jìn)度百分比和進(jìn)程提示。 ? 滾動(dòng)條的長(zhǎng)度要根據(jù)顯示信息的長(zhǎng)度或?qū)挾饶芗皶r(shí)變換，以利于用戶了解顯示 信息的位置和百分比。 ? 狀態(tài)條的高度以放置五號(hào)字為宜，滾動(dòng)條的寬度比狀態(tài)條的略窄。 ? 菜單和工具條要有清楚的界限 ； 菜單要求凸出顯示，這樣在移走工具條時(shí)仍有 立體感 。 ? 菜單和狀態(tài)條中通常使用 5 號(hào)字體。工具條一般比菜單要寬，但不要寬得太多， 否則看起來很不協(xié)調(diào)。 ? 右鍵快捷菜單采用與菜單相同的準(zhǔn)則 。 美觀與協(xié)調(diào) 界面應(yīng)該符合美學(xué)觀點(diǎn)，感覺協(xié)調(diào)舒適，能吸引用戶的注意力。 美觀與協(xié)調(diào)性細(xì)則 : ? 窗體長(zhǎng)寬接近黃金分割比例 ()，切忌長(zhǎng)寬比例失調(diào)、或?qū)挾葒?yán)重超過長(zhǎng)度。 ? 布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。 ? 按鈕大小一樣，忌用太長(zhǎng)的名稱，以免占用過多的界面空間，按鈕的大小要與界面的大小協(xié)調(diào)。 ? 編輯控件左對(duì)齊， Label 控件右對(duì)齊。 ? 避免空曠的界面上放置很大的按鈕。 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 20 ? 放置完控件后界面不應(yīng)有很大的空閑空間。 ? 字體的大小要與界面的大小比例協(xié)調(diào)，通常使用的字體中宋體 912較為美觀，很少使用超過 12 號(hào)的字體。 系統(tǒng) 功能模塊 設(shè)計(jì) 根據(jù) 英語(yǔ)網(wǎng)絡(luò)課堂系統(tǒng) 能設(shè)計(jì)，網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)應(yīng)包含以下功能模塊 : 網(wǎng)絡(luò)課堂 、 網(wǎng)上作業(yè) 、 提問 答疑 、課程討論、 發(fā)表公告 、 即時(shí)消息 、 人員管理、課程管理 模塊。 這些不同功能的模塊在網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)中起著不同的作用，通過它們之間的相互配合、相互補(bǔ)充以實(shí)現(xiàn)遠(yuǎn)程教學(xué)的目的。為方便用戶使用，在學(xué)習(xí)平臺(tái)設(shè)計(jì)上根據(jù)不同用戶使用的特點(diǎn)，將用戶操作界面分為教師界面、學(xué)生界面、管理界面，學(xué)習(xí)平臺(tái)系統(tǒng)應(yīng)用功能通過三個(gè)用戶界面加以體現(xiàn)與實(shí)現(xiàn)。 綜上所述，網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)系統(tǒng)軟件結(jié)構(gòu)分為二個(gè)層次，表示層通過教師、學(xué)生、管理 員 三個(gè)用戶界面給用戶提供方便、美觀、實(shí)用的人機(jī)接口，應(yīng)用層由 網(wǎng)絡(luò)課堂 、 提問答疑 、課程討論、 發(fā)表公告 、 即 時(shí)消息 、 人員管理、課程管理 、 論壇管理 七 個(gè)功能模塊組成。 通過使用本系統(tǒng)的用戶的角色劃分 本系統(tǒng)的基本功能模塊如圖 41 所示： 圖 41 系統(tǒng) 基本功能模塊 圖 本系統(tǒng)學(xué)生、教師、管理員三種用戶模塊各自下屬的子模塊，在功能上與其他用戶模塊的子模塊存在著緊密地聯(lián)系， 有的子模塊之間在功能上存在重疊；有的不同用戶模塊的幾個(gè)子模塊屬于一個(gè)完整的功能模塊，共同協(xié)作完成一項(xiàng)完整的系統(tǒng)功能。在第五章詳細(xì)設(shè)計(jì)中，本文將按照完整的功能模塊來劃分系統(tǒng)功能 ，完成系統(tǒng)的功能模塊的詳細(xì)設(shè)計(jì)。 英語(yǔ)網(wǎng)絡(luò)課堂 學(xué)生個(gè)人學(xué)習(xí)模塊 教師教學(xué)模塊 教學(xué)管理模塊 課程學(xué)習(xí) 課件上傳 查閱公告 在線提問 課程討論 發(fā)表公告 即時(shí)消息 課程討論 在線答疑 人員管理 課程管理 論壇管理 即時(shí)消息 即時(shí)消息 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 21 第五章 英語(yǔ)網(wǎng)絡(luò)課堂系統(tǒng)的詳細(xì)設(shè)計(jì) 在第四章中對(duì)網(wǎng)絡(luò)課堂從總體結(jié)構(gòu)框架和功能上進(jìn)行了規(guī)劃，根據(jù)英語(yǔ)網(wǎng)絡(luò)課堂的內(nèi)容 、功能 及需求， 本章將 先對(duì)本系統(tǒng)的界面設(shè)計(jì)進(jìn)一步的詳細(xì)介紹，然后 按 邏輯功能把本系統(tǒng)劃分為 網(wǎng)絡(luò)課堂 、 課程 答疑 、 討論交流 、 公告 信息 、 即時(shí)消息 、系統(tǒng)管理 6個(gè)邏輯功能模塊， 再 就這些模塊的詳細(xì)設(shè)計(jì)作進(jìn)一步闡述。 用戶操作界面 的詳細(xì) 設(shè)計(jì) 用戶界面是用戶使用網(wǎng)上學(xué)習(xí)平臺(tái)功能、與系統(tǒng)實(shí)現(xiàn)交互的接口。因此在界面設(shè)計(jì)上應(yīng)注重界面友好，導(dǎo)航清晰，操作簡(jiǎn)單、靈活，方便用 戶使用。網(wǎng)上學(xué)習(xí)平臺(tái)采 用Dreamweaver 和 Photoshop 來進(jìn)行界面設(shè)計(jì)和實(shí)現(xiàn) 。 界面設(shè)計(jì)使用的元 素 利用 Dreamweaver 所提供的強(qiáng)大的頁(yè)面編輯功能，進(jìn)行學(xué)習(xí)平臺(tái)界面設(shè)計(jì)。在網(wǎng)上學(xué)習(xí)平臺(tái)的界面設(shè)計(jì)中使用的元素有： 1) 表格 表格是用于在 HTML 頁(yè)面上顯示表格式數(shù)據(jù)，對(duì)文本和圖形進(jìn)行布局的強(qiáng)有力的工具。表格在網(wǎng)頁(yè)設(shè)計(jì)中的意義遠(yuǎn)非一般概念中的表格應(yīng)用，它更大的用處在于控制頁(yè)面元素 (即網(wǎng)頁(yè)的定位 )，比如設(shè)置文字和圖像在頁(yè)面中出現(xiàn)的精確位置，只需通過設(shè)定表格的寬度、高度及彼此之間的比例大小等， 就可以把不同的網(wǎng)頁(yè)要素分別添加在不同的單元格之中以達(dá)到頁(yè)面的平衡。表格是網(wǎng)頁(yè)制作中最為重要的一個(gè)技巧，表格運(yùn)用得好壞，直接反映了網(wǎng)頁(yè)設(shè)計(jì)的水平。 Dreamweavex MX 支持表格嵌套。可以在表格內(nèi)的一個(gè)單元格中插入另一個(gè)嵌套表格。可以像對(duì)其他任何表格一樣對(duì)嵌套表格進(jìn)行格式設(shè)置。但是，其寬度受它所在單元格的寬度的限制。 2) 框架 框架是網(wǎng)頁(yè)中非常有用的工具，它可以將一個(gè)瀏覽器窗口劃分為多個(gè)區(qū)域，每個(gè)區(qū)域都可以顯示不同 H`TML 文檔。使用框架的最常見的情況就是，一個(gè)框架顯示包含導(dǎo)航控件的文檔，而另一個(gè)框架顯示含 有內(nèi)容的文檔。 本系統(tǒng)頁(yè)面框架布局由 3 個(gè)框架組成：一個(gè)較窄的框架位于側(cè)面，其中包含導(dǎo)航條；一個(gè)框架橫放在頂部，其中包含 Web 頁(yè)的標(biāo)題、用戶的歡迎信息，當(dāng)前日期 和一個(gè)菜單欄 ；一個(gè)大框架占據(jù)了頁(yè)面的其余部分，其中包含主要內(nèi)容。這些框架中的每一部分都顯示一個(gè)單獨(dú)的 HTML 文檔。 登錄后的系統(tǒng)界面框架如圖 51 所示： 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 22 圖 51 系統(tǒng)界面框架圖 當(dāng)訪問者瀏覽信息時(shí)，在頂部框架中顯示的文檔永遠(yuǎn)不更改。側(cè)面框架導(dǎo)航條包含鏈接，單擊其 中的一個(gè)鏈接會(huì)更改的內(nèi)容，但側(cè)面框架本身的內(nèi)容保持靜態(tài)。無論訪問者在左側(cè)單擊了哪一個(gè)鏈接，右側(cè)主要內(nèi)容框架都會(huì)顯示相應(yīng)的文檔。 使用框架的優(yōu)點(diǎn)如下： ? 訪問者的瀏覽器不需要為每個(gè)頁(yè)面重新加載與導(dǎo)航相關(guān)的圖形。 ? 每個(gè)框架都具有自己的滾動(dòng)條，因此訪問者可以獨(dú)立滾動(dòng)這些框架。 3) 表單 表單可以實(shí)現(xiàn)客戶端與服務(wù)器端的交互。表單從用戶收集信息，然后將這些信息提交給服務(wù)器進(jìn)行處理。表單可以包含允許用戶進(jìn)行交互的各種對(duì)象。這些表單對(duì)象包括文本域、列表框、復(fù)選框和單選按鈕。 form標(biāo)簽包括一些參數(shù)，使用這些參數(shù)可以指定到處理表 單數(shù)據(jù)的服務(wù)器端腳本或應(yīng)用程序的路徑，而且還可以指定在將數(shù)據(jù)從瀏覽器傳輸?shù)椒?wù)器時(shí)要使用的 HTTP 方法。 網(wǎng)絡(luò)課堂 平臺(tái)的信息錄入與維護(hù)、 即時(shí)消息 、 發(fā)布公告 等功能，均使用了表單。當(dāng)用戶將信息輸入表單并單擊提交按鈕時(shí)，這些信息將被發(fā)送到服務(wù)器，服務(wù)器端腳本或應(yīng)用程序在該處對(duì)這些信息進(jìn)行處理。服務(wù)器通過將請(qǐng)求信息發(fā)送回用戶或基于該表單內(nèi)容執(zhí)行一些操作來進(jìn)行響應(yīng)。如果不使用服務(wù)器端腳本或應(yīng)用程序來處理表單數(shù)據(jù)，就無法收集這些數(shù)據(jù)。在本系統(tǒng)中，通過 ASP 來處理信息。 4) 圖片 圖片是一個(gè)優(yōu)秀的網(wǎng)站不可或缺的要素之一，如果 一個(gè)網(wǎng)站缺少了圖片，很難想象會(huì)是多么的枯燥無味，豐富多彩的圖片能為網(wǎng)站增色不少。一方面，圖像的應(yīng)用使網(wǎng)頁(yè)更加美觀、有趣；另一方面，圖像本身也是傳達(dá)信息的重要手段。與文字相比，它更直 大連交通大學(xué) 20xx 屆本科生畢業(yè)設(shè)計(jì) (論文 ) 23 觀、更生動(dòng)，可以很容易地把那些文字無法表達(dá)的信息表達(dá)出來。 本網(wǎng)絡(luò)課堂的管理區(qū)、教師區(qū)、學(xué)生區(qū)都使用圖片來設(shè)計(jì)界面，例如系統(tǒng)的登錄頁(yè)面將使用整張圖片作為頁(yè)面；頁(yè)面的標(biāo)題欄也是用圖片實(shí)現(xiàn)的；管理區(qū)的導(dǎo)航條都是由圖片組成。 雖然存在很多種圖形文件格式，但 Web 頁(yè)中通常使用的只有三種，即 GIP, JPEG 和PNG。目前， GIF 和 JPEG 文件格式的支持情況最好，大多數(shù)瀏覽器都可以查看它們。 界面設(shè)計(jì)步驟 規(guī)劃界面設(shè)計(jì)方案 ： 根據(jù) 英語(yǔ)網(wǎng)絡(luò)課堂 應(yīng)用功能設(shè)置和用戶特點(diǎn) ， 從界面組成、結(jié)構(gòu)布局等方面確定界面設(shè)計(jì)方案。系統(tǒng)界面分為 網(wǎng)絡(luò)課堂登錄 主頁(yè)面和管理、教師、學(xué)生三個(gè)用戶界面。 每個(gè)界面的 準(zhǔn)備頁(yè)面素材 ： 圖像已經(jīng)成為網(wǎng)頁(yè)制作中不可缺少的組成成份，在界面設(shè)計(jì)中插入圖像元素，可以使界面生動(dòng)、友好。按照設(shè)計(jì)方案要求，教學(xué)平臺(tái)界面設(shè)計(jì)中均使用了圖像元素，使用 Photoshop 繪制和編輯圖像文件，然后將準(zhǔn)備好的圖像素材添加到站點(diǎn)。 進(jìn)入 Dreamweaver，在 Dreamweaver 中創(chuàng)建新的頁(yè)面，并按界面設(shè)計(jì)要求對(duì)新建頁(yè)面的屬性參數(shù)進(jìn)行設(shè)置。 進(jìn)行頁(yè)面布局和設(shè)置 ： 使用 Dreamweaver 中的可視化設(shè)計(jì)工具可以創(chuàng)建非常復(fù)雜的頁(yè)面布局。設(shè)計(jì)頁(yè)面布局的主要元素有使用表格控制頁(yè)面內(nèi)容和使用框架。 教師區(qū)、學(xué)生區(qū) 、管理員區(qū) 在界面布局、結(jié)構(gòu)組成、功能實(shí) 現(xiàn)等采用的方法基本