【正文】 r) 的家喻戶曉， HTML 技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。此后 Thomas 也迷上的個(gè)人電腦，并在 1987 年買一臺蘋果電腦（ Mac Plus）用來幫助他的博士論文。此時(shí)的 Display/Photoshop 已經(jīng)有 Level，色彩平衡，飽和度等調(diào)整。最終他們找到了 Adobe 的 Russell Brown， Adobe 的藝術(shù)總監(jiān)。合同里面的一個(gè)關(guān)鍵詞是 Adobe 獲取 Photoshop“l(fā)icense to distribute”， 就是獲權(quán)發(fā)行而不是買斷所有版權(quán)。第一個(gè)版本只有一個(gè) 800KB 的軟盤（ Mac）。 網(wǎng)卡和網(wǎng)絡(luò)適配器 （ 2） 軟件要求 操作系統(tǒng)： Microsoft Windows 2020/XP/2020 簡體中文版 。在當(dāng)今社會網(wǎng)民數(shù)量不段增長，網(wǎng)絡(luò)也就被人們所接受，人們從最初的欣賞他人的網(wǎng)站，一直發(fā)展到自己制 作自己的網(wǎng)站，如今互聯(lián)網(wǎng)上的網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。 [14] 11 第三章 網(wǎng)頁設(shè)計(jì)與分析 系統(tǒng)分析 系統(tǒng)分析是系統(tǒng)開發(fā)前對需求的描述，主要是要收集功能需求以及性能需求，這兩方面決定系統(tǒng)的建設(shè)規(guī)模與性能。系統(tǒng)分為前臺和后臺。 在教學(xué)上能實(shí) 現(xiàn)： 首先 以簡潔美觀的形式向?qū)W生提供學(xué)習(xí)信息，提供有關(guān)課程的練習(xí)題庫及作答工具； 第二， 向教師提供方便的課件上傳和教學(xué)的相關(guān)資料； 第三， 向師生提供便利的網(wǎng)上學(xué)習(xí)和討論的交互式環(huán)境； 最后 為師生提供方便的資料查詢與檢索功能。本系統(tǒng)在開發(fā)中因受到開發(fā)時(shí)間和技術(shù)的限制，暫時(shí)不實(shí)現(xiàn)自動組題考試功能。在資料查找方面，文件資料在網(wǎng)站站內(nèi)搜索一般都只能做到以文件名到網(wǎng)站數(shù)據(jù)庫中搜索，并不能查詢到文件中的內(nèi)容，給學(xué)生進(jìn)行文件查找?guī)砗艽蟮穆闊?，在得到搜索的結(jié)果的時(shí)候，往往發(fā)現(xiàn)根本不是自己想要內(nèi)容。 有的遠(yuǎn)程教學(xué)系統(tǒng)，將網(wǎng)絡(luò)聊天室建立起來，輔助教學(xué)中的師生交流，這種方式給教學(xué)的雙方有一種面對面的感覺，這對于教學(xué)交流確實(shí)很有用。 學(xué)生：學(xué)生為主要的用戶，是網(wǎng)站的主要受服務(wù)者 。 系統(tǒng)支持的并發(fā)操作數(shù)量： 200。 安全性需求 安全需求主要有三個(gè)方面：一是防止數(shù)據(jù)庫被注入；二是程序設(shè)計(jì)方面的漏洞，比如權(quán)限控制方面；三是上傳漏洞，如被人上傳了木馬了什么的，后果不堪設(shè)想。 [17] 因此在本系統(tǒng)中，將為每一個(gè)文件添加數(shù)據(jù)檢驗(yàn)的代碼，防止非法數(shù)據(jù)進(jìn)入系統(tǒng)。首頁是整個(gè)教學(xué)頁面的一個(gè)簡要介紹 ,資源下載頁面主要是提供一些大家可以下載的教學(xué)資源 ,圖片下載頁面主要是提供各種類型的圖片 ,教學(xué)方法主要是總結(jié)了自己在做完這個(gè)網(wǎng)站后的一點(diǎn)心得，在線留言是為了讓大家在看了這個(gè)網(wǎng)站后有意見和建議的可以在此留言。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在 Inter 中的廣泛應(yīng)用， Web 站點(diǎn)向用戶提供的服務(wù)將越來越豐富，越來越人性化。 前臺學(xué)生系統(tǒng)功能： （ 1）學(xué)生可以瀏覽網(wǎng)站的一些基本的信息。 系統(tǒng)編程環(huán)境 （ 1）編程技術(shù)的選擇：靜態(tài)網(wǎng)頁技術(shù)主要是使用 HTML，動態(tài)網(wǎng)頁技術(shù)主要使用 ASP14 技術(shù) 。 ASP 的主要特點(diǎn)有：（ 1）無需編譯。（ 3）獨(dú)立于瀏覽器。（ 5）與任務(wù) ActiveX script 語言兼容。但是用戶請求的是 ASP 頁面時(shí)， Web 服務(wù)器會先將相應(yīng)的 ASP 頁面?zhèn)鬟f給腳本解釋引擎，并生成一個(gè) HTML 頁面，再將生成的 HTML 頁面回傳給用戶的瀏覽器。 ADO 共定義了七種對象，應(yīng)用這些功能強(qiáng)大的對象，即可輕松完成對數(shù)據(jù)庫復(fù)雜的操作 [23,24]。圖片編輯使用 Photoshop 。 （ 2） 上傳程序設(shè)計(jì)：在此部分的程序設(shè)計(jì)成三個(gè)類：一為上傳類，二進(jìn)度信息類， 15 三為文件信息類。 （ 3） 答疑程序設(shè)計(jì)：此部分程序類似與留言板程序，在此系統(tǒng)中，每一個(gè)開課信息將有一個(gè)答疑區(qū)，是多版塊的，不過這多版塊是以課程為劃分依據(jù)。 （ 5） 信息關(guān)聯(lián)設(shè)計(jì)：此方面的關(guān)聯(lián)主要是指學(xué)生詳細(xì)信息關(guān)聯(lián)，教師 詳細(xì)信息關(guān)聯(lián)，課程詳細(xì)信息關(guān)聯(lián)，短信息發(fā)送關(guān)聯(lián)，課程與學(xué)習(xí)資料關(guān)聯(lián)，課程與答疑區(qū)關(guān)聯(lián)這幾方面。 系統(tǒng)程序測試 測試主要針對數(shù)據(jù)完整性、權(quán)限檢測、上傳功能、討論區(qū)版塊這幾部分進(jìn)行測試，數(shù)據(jù)完整性，采用了構(gòu)造特殊數(shù)據(jù)進(jìn)行測試，也就是邊界法。對此部分程序進(jìn)行測試的時(shí)候，發(fā)現(xiàn)此部分程序有對象釋放不合理的問題出現(xiàn)，導(dǎo)致程序有時(shí)運(yùn)行不出來的現(xiàn)象出現(xiàn) 第四章 網(wǎng)頁的總體規(guī)劃 制作網(wǎng)頁的一般步驟 首先，你應(yīng)該明確 制作網(wǎng)頁是為了干什么。我做這個(gè)企業(yè)網(wǎng)頁的就是讓每個(gè)企業(yè)把自己的產(chǎn)品展示16 給大家，讓大家來評論交流，提出寶貴的意見，然后再加以改進(jìn)，使得企業(yè)的產(chǎn)品更加滿足消費(fèi)者，還有企業(yè)網(wǎng)站就是企業(yè)的門面，所以我這次做這個(gè)網(wǎng)頁就是為了給企業(yè)打廣告，其次，組織好你的網(wǎng)頁內(nèi)容。一般來說，組織好網(wǎng)頁的關(guān)鍵是要對網(wǎng)頁建立層次分明、條理清楚的結(jié)構(gòu)圖。應(yīng)該讓你的網(wǎng)頁不僅漂亮，更重要的是實(shí)用。 最后，等網(wǎng)頁做好了，就該發(fā)布站點(diǎn)了。 設(shè)計(jì)網(wǎng)頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網(wǎng)頁的基本組成部分， 超級鏈接是 Web 的核心，使它將萬維網(wǎng)中無數(shù)的網(wǎng)頁鏈接在一起，如果沒有它， Web 就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表現(xiàn)，以及交互元素在網(wǎng)頁中也具有舉足輕重的地位。 （ 3）超級鏈接 超級鏈接技術(shù)可以說是萬維網(wǎng)流行起來的最主要的原因，它是從一個(gè)網(wǎng)頁指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁或相同網(wǎng)頁上的不同位置，這個(gè)目的端通常是另一個(gè)網(wǎng)頁，但也可以是一幅圖片，一個(gè)電子郵件地址，一個(gè)文件，一個(gè)程序或本網(wǎng) 頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。 17 （ 4）表格 在網(wǎng)頁中表格用來控制網(wǎng)頁中信息的布局方式。在網(wǎng)站風(fēng)格設(shè)置上，我考慮到整個(gè)網(wǎng)站風(fēng) 格的統(tǒng)一，所以，界面雖然簡單，卻很清新，給人一種耳目一新的感覺。 網(wǎng)站首頁顯示內(nèi)容正確，圖片正常，超鏈接可以用，可以正常進(jìn)行網(wǎng)頁間的轉(zhuǎn)換。 div 是一個(gè)塊級元素。 不必為每一個(gè) div 都加上類或 id，雖然這樣做也有一定的好處。 資源下載頁面 可以查看頁面內(nèi)的網(wǎng)設(shè)信息和下載如圖 下載用了 html 的超鏈接 HTML 是一種規(guī)范，一種 標(biāo)準(zhǔn) ，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。 HTML 之所以稱為超文本標(biāo)記 語言 ，是因?yàn)槲谋局邪怂^ “ 超級鏈接 ” 點(diǎn)。因而， HTML 是 Web 編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的 。 該 “ 樣式 ” 框列出標(biāo)準(zhǔn) HTML 標(biāo)記符，例如標(biāo)題 1，還有嵌入的樣式表或鏈接到網(wǎng)頁的外部樣式表中所含的類或 ID 選擇器。然而某些屬性的應(yīng)用需要使用 CSS，其他則需要使用 HTML 。 （ 3） 應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。通常外部樣式表以 .css 做為文件擴(kuò)展名，例如 。 使用內(nèi)嵌樣式以應(yīng)用級聯(lián)樣式表屬性到網(wǎng)頁元素上。 cookie 是 web 服務(wù)器可以使用客戶端在瀏覽器中的 Microsoft Inter Explorer 如上20 存儲數(shù)據(jù)的特殊文件。 系統(tǒng) 待改進(jìn)之處 在本次系統(tǒng)開發(fā)中，遇到很多問題，所以待改進(jìn)之處還有很多，主要的有以下幾個(gè)問題： （ 1） 因技術(shù)有限，在本系統(tǒng)中還遺留有很多問題沒解決，主要的問題有，分頁問題，學(xué)生信息和老師信息 Excel 表導(dǎo)入，文件刪除錯誤判斷以及提示，學(xué)生和老師信息中，沒提供照片顯示，上傳漏洞的補(bǔ)丁。 （ 3） Excel 表導(dǎo)入問題，在技術(shù)上，難度并不大，沒有實(shí)現(xiàn)的原因，是因?yàn)檫@需要導(dǎo)入規(guī)范，如果一個(gè)學(xué)院里邊學(xué)生信息與老師信息的 Excel 表沒遵循規(guī)范的話，是導(dǎo)入不了的。畢業(yè)設(shè)計(jì)和畢業(yè)論文是?？粕囵B(yǎng)方案中的重要環(huán)節(jié)。這是我們都希望看到的也正是我們進(jìn)行畢業(yè)設(shè)計(jì)的目的所在。 22 致 謝 本論文是在 謝老師的悉心指導(dǎo)下完成的，謝 老師嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度和科學(xué) 工作方法讓我獲益匪淺。 23 參考文獻(xiàn) [1] 郭燕芳 ,李宏亮 .對計(jì)算機(jī)輔助遠(yuǎn)程教學(xué)系統(tǒng)系統(tǒng)建設(shè)的探索和嘗試 [J].廣西大學(xué)學(xué)報(bào) ,2020,7(增刊 ):810. [2] 章一華 ,胡鵬 ,謝軍 .互動式遠(yuǎn)程教學(xué)系統(tǒng)的應(yīng)用設(shè)計(jì) [J].集美大學(xué)學(xué)報(bào) ,2020,6:22. [3] 袁守華 .基于 Web 的課程網(wǎng)絡(luò)遠(yuǎn)程教學(xué)系統(tǒng)的開發(fā)與應(yīng)用 [J].中原工學(xué)院學(xué)報(bào) ,2020,2:1518. [4] 王小燕 .對高校教師個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)建立的思考 [J].文化教育 ,.2020:2326. [5] 李斌 ,孫巖 ,王康壽 ,鄭尚魁 .遠(yuǎn)程教學(xué)系統(tǒng)設(shè)計(jì) .學(xué)科建設(shè) [J]．遠(yuǎn)程教育 ,2020,5:4445. [6] 黃志軍 ,趙皚 ,劉海慶 .基于校園網(wǎng)的遠(yuǎn)程教學(xué)系統(tǒng)建設(shè)探討 [J].教育技術(shù) ,2020:36. [7] 邢苗條 .基于 Inter 遠(yuǎn)程教學(xué)系統(tǒng)系統(tǒng)的設(shè)計(jì)方案 [J].現(xiàn)代電子技術(shù) ,2020,2(第 4期 ):18. [8] 趙航濤 .建立學(xué)科遠(yuǎn)程教學(xué)系統(tǒng)的探討 [J].基礎(chǔ)教育 ,.2020,3(上 ):50. [9] 趙雙萍 .基于 Web 的網(wǎng)上教學(xué)系統(tǒng)的設(shè)計(jì) [J].蘭州工業(yè)高等專科學(xué)校學(xué)報(bào) ,2020,3(.第 1期 ):24. [10] 吳劍 ,朱志字 ,張冰 .交互式動態(tài)遠(yuǎn)程教學(xué)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [J].計(jì)算機(jī)與數(shù)字工程 ,2020年 (第 5 期 ):3234. [11] Gleen, Denis. Learning for a change in further education[J]..Journal of Vocational Education and Training. Volume 57,Number 2,Jume 2020, [12] 劉少華 .試論專業(yè)遠(yuǎn)程教學(xué)系統(tǒng)的建設(shè) [J].當(dāng)代教育論壇 ,2020(第 6 期 ):2526. [13] Marcie, a virtual reseach and ,Work amp。 fontfamily: Geia, Times New Roman, Times, serif。 } a:link, a:visited { color: 0683ab。 textdecoration: underline。 padding: 7px 0 0 0。 fontweight: bold。 background:url(images/) norepeat。 padding: 0px。 height: 0px。 height: 30px。 } .margin_r10 { marginright: 10px。 height: 265px。 height: 265px。 } /* site title */ templatemo_header site_title { float: left。 padding: 0。 color: ffffff。 textdecoration: none。 color: 416902。 paddingtop: 70px。 liststyle: none。 } 26 templatemo_menu ul li a { float: left。 margin: 0。 textdecoration: none。 } templatemo_menu li a:hover, templatemo_menu li .current { color: 333333。 height: 72px。 height: 27px。 width: 270px。 fontvariant: normal。 } /* end of search */ /* content */ templatemo_content_wrapper { width: 920px。 } templatemo_content_wrapper_bottom { width: 1000px。 } templatemo_content { float: left。 } .content_section { clear: both。 padding: 0 0 60px 20px。 paddingbottom: 10px。 } .product_box { float: left。 } templatemo_content h2 { color: 3a5909。 } templatemo_content p { textalign: justify。 margin: 0 auto。 27 padding: 30px 40px。 background: none。 color: fff。 padding: 25px 0 0 0。 right: 50px。 } /* end of menu */ /* Search */ templatemo_header search_box {