專業(yè)教學(xué)網(wǎng)頁的設(shè)計(jì)及其實(shí)現(xiàn)

專業(yè)培訓(xùn)教育網(wǎng)頁的設(shè)計(jì)摘要在如今，互聯(lián)網(wǎng)對(duì)于我們來說已經(jīng)不再是新鮮的事物了，大多數(shù)的企業(yè)都建立了自己的網(wǎng)站。隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)站已成為人們生活的一部分，也成了我們生活中必不可少的元素，于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)。在商業(yè)網(wǎng)站越來越多的今天，像學(xué)校網(wǎng)站、慈善網(wǎng)站、企業(yè)網(wǎng)站等社會(huì)公益網(wǎng)站也不能忽視其發(fā)展，于是我就是以網(wǎng)頁設(shè)計(jì)教學(xué)輔助為主題制作了一個(gè)網(wǎng)頁教學(xué)網(wǎng)站,供大家參考。同時(shí)在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。建設(shè)一個(gè)教學(xué)網(wǎng)站可以有更的多的資源供大家借鑒。本文就是教學(xué)網(wǎng)站的建設(shè)，也隨著計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，自己動(dòng)手制作網(wǎng)站已經(jīng)成為一種時(shí)尚，本篇主要通過制作一個(gè)教學(xué)網(wǎng)站的實(shí)例，來對(duì)網(wǎng)站的規(guī)劃、制作過程做了介紹，并且著重論述了制作網(wǎng)站的一些技術(shù)。在網(wǎng)站實(shí)現(xiàn)方面，使用了當(dāng)前比較流行的Dreamweaver8.0、Fireworks、Flash、Photoshop等軟件，通過其與介紹了小型網(wǎng)站的建設(shè)。關(guān)鍵詞：網(wǎng)站；超文本標(biāo)記語言；JSP技術(shù)；級(jí)聯(lián)樣式表

TheDesignofWebPagesforInstructionABSTRACTTodayattheInternetforusisnolongeranovelty,andthemajorityofenterpriseshavesetuptheirownwebsites.WiththerapiddevelopmentofInternet,webhasbecomeapartoflife,ourlifehasbecomeanessentialelement,sovariouswebsitessuchasmushroomingappear.Atagrowingnumberofcommercialwebtoday,suchasschoolwebsite,acharitywebsite,corporatewebsiteandothersocialwelfarewebsitealsocannotignoreitsdevelopment,soIamawebdesignteachingaidsforthesubjectproducedateachingwebpagesforreference.Atthesametime,therapiddevelopmentofInternettoday,theInternethasbecomepeople'sExpressacquisition,distributionandtransmissionofanimportantchannelforinformation,whichpeopleatthepolitical,economic,andotheraspectsoflifeplayanimportantrole.PublishedonInternetinformationmainlythroughtheimplementationofthewebtoobtaininformationalsotoInternet"sea"inaccordancewiththesearchmethodmustberequiredtodownloadinformationfromthewebondown.ThereforetheconstructionofwebapplicationsintheInternetonthestatusofobvious,ithasbecomethegovernment,enterprisesandinstitutionsintheConstructionofinformationanimportantpartof,somuchattention.TobuildateachingwebsitecanhavemanymoreresourcesfortheU.S.learnfrom.Thisarticleistheteachingwebsitebuilding,butalsowiththedevelopmentofcomputernetworks,makingdo-it-yourselfwebsitehasbecomeafashion,thisprimarilythroughthewebtoproduceateachingexamplestowebsiteplanning,productionprocesstodotheintroductionandfocusondiscussessomeofthetechnicalwebproduction.Websiteatimplementation,theuseofthecurrentrelativelypopularDreamweaver8.0,Fireworks,Flash,Photoshopandothersoftware,throughitswebsiteandintroduceasmallbuilding.Keywords:Website;Html;JSP;Css

目錄TOC\o"2-3"\h\z\t"標(biāo)題1,1"第一章前言 11.1遠(yuǎn)程教學(xué)系統(tǒng)發(fā)展的概況 11.2遠(yuǎn)程教學(xué)系統(tǒng)建設(shè)現(xiàn)狀 21.3遠(yuǎn)程教學(xué)系統(tǒng)發(fā)展中出現(xiàn)的問題及原因 21.4遠(yuǎn)程教學(xué)系統(tǒng)的發(fā)展趨勢(shì) 21.5本論文的組織結(jié)構(gòu) 3第二章教學(xué)網(wǎng)頁的需求分析 32.1教學(xué)網(wǎng)站介紹 32.2課題的目的和意義 32.3網(wǎng)頁設(shè)計(jì)的要點(diǎn) 32.3.1確定網(wǎng)站的整體風(fēng)格 32.3.2網(wǎng)頁色彩的搭配 42.4開發(fā)模式、工具及環(huán)境 42.4.1開發(fā)工具 42.4.2開發(fā)環(huán)境要運(yùn)行本系統(tǒng),須提供如下環(huán)境 52.4.3網(wǎng)站發(fā)展背景 5第三章網(wǎng)頁設(shè)計(jì)與分析 63.1系統(tǒng)分析 63.1.1系統(tǒng)建設(shè)目標(biāo) 63.1.2網(wǎng)站的功能需求 63.1.3系統(tǒng)用戶類和特性 73.1.4性能需求 73.1.5安全性需求 83.2教學(xué)網(wǎng)站的模塊介紹 83.3建站目的 83.4.網(wǎng)站實(shí)現(xiàn)功能 93.5系統(tǒng)編程環(huán)境 93.6系統(tǒng)程序設(shè)計(jì) 103.7系統(tǒng)程序測(cè)試 10第四章網(wǎng)頁的總體規(guī)劃 124.1制作網(wǎng)頁的一般步驟 124.2網(wǎng)頁包括的元素 124.3網(wǎng)頁的制作及實(shí)現(xiàn) 134.4頁制作注意事項(xiàng) 13第五章網(wǎng)頁的測(cè)試 145.1教學(xué)網(wǎng)站首頁 145.2資源下載頁面 155.3教學(xué)相冊(cè) 165.4教學(xué)實(shí)例 175.5背景音樂 185.6訪客統(tǒng)計(jì) 185.7系統(tǒng)待改進(jìn)之處 18總結(jié) 19參考文獻(xiàn) 20附錄 21第一章前言在網(wǎng)絡(luò)發(fā)展得如此迅速的情況下，大都高校的教師都已經(jīng)采用課件的形式教學(xué)，改變了傳統(tǒng)的教學(xué)方式，例如用PowerPoint或其他的教學(xué)軟件來豐富課堂，這樣大大的提高了課堂教學(xué)的效率，也使課堂氣氛得到了活躍，這樣的教學(xué)方式既方便老師，也使學(xué)生以最大的學(xué)校效率去學(xué)習(xí)[1]。盡管這些措施在課堂內(nèi)帶來了很大的方便與好處，但對(duì)課下卻沒什么幫助。課下的復(fù)習(xí)對(duì)于學(xué)習(xí)來說也是非常關(guān)鍵的，因而在網(wǎng)絡(luò)發(fā)展得如此發(fā)達(dá)的形勢(shì)下，對(duì)課下學(xué)習(xí)進(jìn)行改革是勢(shì)在必行。建立遠(yuǎn)程教學(xué)系統(tǒng)是教學(xué)信息化，網(wǎng)絡(luò)化的最佳途徑，也是當(dāng)前教學(xué)輔助手段的大勢(shì)所趨[2]。若解決了如今遠(yuǎn)程教學(xué)系統(tǒng)中既能滿足群體教學(xué)，又能解決個(gè)性交互需要，此舉的對(duì)于教育事業(yè)，對(duì)于國家來說，其意義將是非常巨大的。從教學(xué)模式來看，建設(shè)出好的遠(yuǎn)程教學(xué)系統(tǒng)能讓教學(xué)充分體現(xiàn)“以學(xué)生為主，教師為輔”的現(xiàn)代教學(xué)模式，徹底改變了傳統(tǒng)教學(xué)中“以課堂教學(xué)為中心，以書本為中心，以教師為中心”[2]的“三中心”教學(xué)模式。從學(xué)生的學(xué)習(xí)來看，建設(shè)出好的遠(yuǎn)程教學(xué)系統(tǒng)將是學(xué)生課堂學(xué)習(xí)強(qiáng)有力的補(bǔ)充，利用網(wǎng)站，教師發(fā)布課程學(xué)習(xí)資料、布置作業(yè)、進(jìn)行網(wǎng)上答疑，學(xué)生和老師之間、學(xué)生和學(xué)生之間可使用電子郵件、BBS、討論討論等進(jìn)行在線或非在線信息交流[3]，學(xué)生之間亦可以相互討論。從學(xué)生和老師的交流來看，建設(shè)出好的遠(yuǎn)程教學(xué)系統(tǒng)將為學(xué)生和老師在情感交流方面架起情感的橋梁。利用現(xiàn)代的信息技術(shù)手段，建設(shè)好的遠(yuǎn)程教學(xué)系統(tǒng)，推進(jìn)國家的教育事業(yè)，此任務(wù)是教育以及國家對(duì)于網(wǎng)絡(luò)建設(shè)工作著來說是迫不及待的。1.1遠(yuǎn)程教學(xué)系統(tǒng)發(fā)展的概況近年來，國家大力推行高校教育改革，現(xiàn)代教育技術(shù)、現(xiàn)代教育手段的應(yīng)用與推廣已是變革中的重中之重。現(xiàn)代教育技術(shù)作為國家推行素質(zhì)教育的重要手段，具體在計(jì)算機(jī)使用方面，已體現(xiàn)全面要求大學(xué)生必須通過等級(jí)考試，初步掌握計(jì)算機(jī)的使用，而網(wǎng)絡(luò)又是現(xiàn)代教育技術(shù)應(yīng)用的核心。在這樣形勢(shì)下，很多遠(yuǎn)程教學(xué)系統(tǒng)開始涌現(xiàn)，給傳統(tǒng)教學(xué)帶來了一次強(qiáng)力沖擊，新的一輪教學(xué)改革已經(jīng)展開。遠(yuǎn)程教學(xué)系統(tǒng)作為一個(gè)學(xué)習(xí)的平臺(tái)，具有信息量大、交換便捷、易于互動(dòng)等優(yōu)點(diǎn)，它的應(yīng)用多少與好壞直接展示了教育提升的水平和檔次。但現(xiàn)如今的遠(yuǎn)程教學(xué)系統(tǒng)并沒能充分利用這一點(diǎn)。[4]遠(yuǎn)程教學(xué)系統(tǒng)一般有教師個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)和單位的遠(yuǎn)程教學(xué)系統(tǒng)（例如專業(yè)遠(yuǎn)程教學(xué)系統(tǒng)），教師個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)大都是自己建設(shè)或找人建立起來的；單位的遠(yuǎn)程教學(xué)系統(tǒng)是單位組織人員建立起來的。無論是哪種方式建立起來的，一般都沒有對(duì)如何利用網(wǎng)絡(luò)或者說網(wǎng)站來達(dá)到教學(xué)互動(dòng)交流這個(gè)問題。這樣就造成了遠(yuǎn)程教學(xué)系統(tǒng)的發(fā)展良莠不齊的狀況，且大部分遠(yuǎn)程教學(xué)系統(tǒng)的利用效果都不盡人意，甚至有些學(xué)生都不知道它們的存在。遠(yuǎn)程教學(xué)系統(tǒng)的建設(shè)對(duì)于教育事業(yè)方面的需要還遠(yuǎn)遠(yuǎn)不能滿足，我國的教育機(jī)構(gòu)的龐大以及網(wǎng)絡(luò)的發(fā)展是遠(yuǎn)程教學(xué)系統(tǒng)建設(shè)程度不能滿足需要的主要原因。而且遠(yuǎn)程教學(xué)系統(tǒng)到如今，國內(nèi)還沒有一個(gè)好的評(píng)價(jià)體系[5,6]。很多遠(yuǎn)程教學(xué)系統(tǒng)都是的用文章發(fā)布系統(tǒng)加留言板建設(shè)而成，有的可能會(huì)加上個(gè)論壇來加深交流。文章發(fā)布系統(tǒng)一般作為課件發(fā)布用，供學(xué)生下載課件用，而留言板作為答疑工具來用，當(dāng)學(xué)生有疑問時(shí)可以發(fā)帖向老師提問。論壇的作用和留言板差不多。這種網(wǎng)站在一定程度上滿足了遠(yuǎn)程教學(xué)系統(tǒng)的要求，但這遠(yuǎn)遠(yuǎn)不夠。在交流手段上，老師會(huì)在遠(yuǎn)程教學(xué)系統(tǒng)上發(fā)布自己的電子郵件，以供學(xué)生向自己提問，以解決學(xué)生自己獨(dú)立解決不了的問題[7]。但這一切都必須建立在學(xué)生和老師的計(jì)算機(jī)水平的基礎(chǔ)上，這樣操作都需要他們對(duì)計(jì)算機(jī)操作很熟悉才行，這也是遠(yuǎn)程教學(xué)系統(tǒng)應(yīng)用推廣難的一個(gè)原因。1.2遠(yuǎn)程教學(xué)系統(tǒng)建設(shè)現(xiàn)狀遠(yuǎn)程教學(xué)系統(tǒng)以個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)居多，且很多都只是以信息發(fā)布系統(tǒng)建立起來的課件發(fā)布系統(tǒng)而已，還遠(yuǎn)遠(yuǎn)不符合教學(xué)的要求。在很多高校都是教務(wù)處建立的，這些遠(yuǎn)程教學(xué)系統(tǒng)在功能上就有些偏了，不是很符合教學(xué)的要求。遠(yuǎn)程教學(xué)系統(tǒng)的建設(shè)現(xiàn)狀整體來說還很差，無論是從規(guī)模還是質(zhì)量上都還不能承擔(dān)教學(xué)中的課下學(xué)習(xí)環(huán)節(jié)的補(bǔ)充。[8]1.3遠(yuǎn)程教學(xué)系統(tǒng)發(fā)展中出現(xiàn)的問題及原因出現(xiàn)的問題有很多，遠(yuǎn)程教學(xué)系統(tǒng)到現(xiàn)在為止發(fā)展不是很好。這主要表現(xiàn)在兩個(gè)方面：（1）教學(xué)內(nèi)容在遠(yuǎn)程教學(xué)系統(tǒng)上的組織形式?jīng)]能讓它們發(fā)揮他們應(yīng)有的作用。例如，在課件上不應(yīng)該只是課件下載而已，而是一個(gè)知識(shí)庫，根據(jù)知識(shí)點(diǎn)組織起來的知識(shí)庫，這個(gè)知識(shí)庫也不是簡(jiǎn)單數(shù)字化的數(shù)據(jù)庫，而是已經(jīng)把各個(gè)知識(shí)點(diǎn)關(guān)聯(lián)起來的知識(shí)庫。（2）遠(yuǎn)程教學(xué)系統(tǒng)在交互設(shè)計(jì)上陷入了瓶頸。在交互設(shè)計(jì)上，國內(nèi)很多遠(yuǎn)程教學(xué)系統(tǒng)都只是停留在留言板答疑的水平上，并沒有把Web2.0的理念融進(jìn)去。出現(xiàn)這些問題的原因：很多教學(xué)單位或個(gè)人并沒有真正把遠(yuǎn)程教學(xué)系統(tǒng)重視起來，而是簡(jiǎn)單的把它當(dāng)作一種可有可無的教學(xué)手段，這樣的想法到了網(wǎng)站設(shè)計(jì)者那，當(dāng)然也就不會(huì)設(shè)計(jì)出多好的遠(yuǎn)程教學(xué)系統(tǒng)來了。教師和老師的計(jì)算機(jī)操作水平也是一個(gè)制約因素，例如一個(gè)小學(xué)生可能他會(huì)網(wǎng)上聊天，但不一定會(huì)在網(wǎng)上看電子書。這些因素在遠(yuǎn)程教學(xué)系統(tǒng)的設(shè)計(jì)上，是不能忽略的。當(dāng)然啦，這也是和當(dāng)今的網(wǎng)絡(luò)發(fā)展水平密切相關(guān)的，試想，給一個(gè)沒有網(wǎng)絡(luò)的山村小學(xué)建設(shè)遠(yuǎn)程教學(xué)系統(tǒng)，這就完全沒有必要，建了也是浪費(fèi)。還有一個(gè)原因是，中國在教育遠(yuǎn)程教學(xué)系統(tǒng)上缺乏一種評(píng)價(jià)策略。目前，我國相關(guān)的研究也只局限于介紹評(píng)價(jià)方法、評(píng)價(jià)實(shí)施過程以及如何量化調(diào)查結(jié)果等。至于具體的評(píng)價(jià)要素、評(píng)價(jià)指標(biāo)體系可以說還是空白，而這些在國外已經(jīng)開始建設(shè)這一評(píng)價(jià)體系[9]。即使在美國等遠(yuǎn)程教育發(fā)展較完善的國家，通行的認(rèn)證原則也是一些定性的指導(dǎo)思想[10]，進(jìn)行有效性評(píng)價(jià)指標(biāo)體系的研究就是為了促進(jìn)遠(yuǎn)程教學(xué)系統(tǒng)不斷改進(jìn)質(zhì)量，為公眾提供滿意的教育服務(wù)。1.4遠(yuǎn)程教學(xué)系統(tǒng)的發(fā)展趨勢(shì)Web2.0已經(jīng)燒到了世界的各個(gè)角落，所以以后的遠(yuǎn)程教學(xué)系統(tǒng)一定是以Web2.0理念為核心的網(wǎng)站，即將網(wǎng)站用戶為核心的網(wǎng)站，而不是以網(wǎng)站內(nèi)容為核心。這對(duì)于傳統(tǒng)網(wǎng)站設(shè)計(jì)是一個(gè)挑戰(zhàn)，也是一個(gè)機(jī)遇，一個(gè)發(fā)展方向。按照Web2.0理念要求，遠(yuǎn)程教學(xué)系統(tǒng)要在各個(gè)方面進(jìn)行改善，進(jìn)而達(dá)到通過社區(qū)達(dá)到教學(xué)輔助的效果。1.5本論文的組織結(jié)構(gòu)本論文將先從系統(tǒng)分析開始，然后到系統(tǒng)實(shí)現(xiàn)部分，然后是結(jié)論。在系統(tǒng)分析中的將會(huì)介紹系統(tǒng)需求分析，詳細(xì)描述系統(tǒng)的功能需求、性能需求、安全需求以及界面需求，描述系統(tǒng)輸入與系統(tǒng)輸出。系統(tǒng)實(shí)現(xiàn)部分將介紹系統(tǒng)流程框架、子系統(tǒng)劃分、系統(tǒng)業(yè)務(wù)邏輯、數(shù)據(jù)庫設(shè)計(jì)、程序設(shè)計(jì)以及程序測(cè)試等內(nèi)容。在結(jié)論中，展示系統(tǒng)的核心界面的最終效果、介紹論文的主要工作以及系統(tǒng)的待改進(jìn)之處第二章教學(xué)網(wǎng)頁的需求分析2.1教學(xué)網(wǎng)站介紹網(wǎng)站設(shè)計(jì)教學(xué)輔助網(wǎng)站是一個(gè)功能齊全的網(wǎng)站，在該網(wǎng)站上能下載到一些教學(xué)實(shí)例、教學(xué)技巧、圖片等資源，也能了解一些學(xué)習(xí)方法、一些特效代碼的使用和留言簿的制作，也可以根據(jù)該網(wǎng)站自己制作一個(gè)類似的網(wǎng)站，有學(xué)的過程中能從中學(xué)到不少的東西。2.2課題的目的和意義我們是21世紀(jì)的新青年，如今的社會(huì)不再需要那些沒有社會(huì)經(jīng)驗(yàn)的大學(xué)生了，為了更好的適應(yīng)社會(huì)的需要，加強(qiáng)對(duì)自己所學(xué)知識(shí)的運(yùn)用，我們用課余的時(shí)間為同學(xué)們做了一個(gè)教學(xué)網(wǎng)站，供同學(xué)借鑒和參考，在這個(gè)教學(xué)網(wǎng)站可以下載到一些常用的資源。2.3網(wǎng)頁設(shè)計(jì)的要點(diǎn)2.3.1確定網(wǎng)站的整體風(fēng)格在這里，我提供給大家一些參考經(jīng)驗(yàn)：（1）將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。（2）突出你的標(biāo)準(zhǔn)色彩。（3）總結(jié)一句能反映貴站精髓的宣傳標(biāo)語?。?）相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！2.3.2網(wǎng)頁色彩的搭配（1）用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。（2）用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。（3）用一個(gè)色系。簡(jiǎn)單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：（1）不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。（2）背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。2.4開發(fā)模式、工具及環(huán)境2.4.1開發(fā)工具（1）Dreamweaver網(wǎng)頁制作工具Dreamweaver是由Macromedia公司開發(fā)的一款所見即所得的網(wǎng)頁編輯器。和二維動(dòng)畫設(shè)計(jì)軟件FLASH，專業(yè)網(wǎng)頁圖像設(shè)計(jì)軟件FIREWORKS，并稱為“網(wǎng)頁三劍客”；2005年4月18日，全球最大的圖像編輯軟件供應(yīng)商Adobe宣布，以換股方式收購軟件公司Macromedia，Macromedia是著名的網(wǎng)頁設(shè)計(jì)軟件Dreamweaver及Flash的供應(yīng)商。據(jù)悉，此項(xiàng)交易涉及金額高達(dá)34億美元。根據(jù)雙方達(dá)成的協(xié)議，Macromedia股東將以1：0.69的比例獲得Adobe的普通股。自此開始，Dreamweaver開始屬于ADOBE設(shè)計(jì)軟件系列。

Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針對(duì)專業(yè)網(wǎng)頁圖像設(shè)計(jì)的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢(mèng)之隊(duì))，足見市場(chǎng)的反響和MACROMEDIA公司對(duì)它們的自信。說到DREAMWEAVER我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)(Internet)

的家喻戶曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在WORD中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別，但它同時(shí)也存在著致命的弱點(diǎn)（2）Photoshop圖片處理軟件Photoshop的主要設(shè)計(jì)師ThomasKnoll的爸爸GlennKnoll是密歇根大學(xué)教授，同時(shí)也是一個(gè)攝影愛好者，他家地下室是一個(gè)暗房。他兩個(gè)兒子Thomas和John從小就跟著爸爸玩暗房，但John似乎對(duì)當(dāng)時(shí)剛剛開始發(fā)行的個(gè)人電腦更感興趣。此后Thomas也迷上的個(gè)人電腦，并在1987年買一臺(tái)蘋果電腦（MacPlus）用來幫助他的博士論文。Thomas發(fā)現(xiàn)當(dāng)時(shí)的蘋果電腦無法顯示帶灰度的黑白圖像，因此他自己寫了一個(gè)程序Display。而他兄弟（也可能是哥哥）John這時(shí)在星球大戰(zhàn)導(dǎo)演Lucas的電影特殊效果制作公司IndustryLightMagic工作，對(duì)Thomas的程序很感興趣。兩兄弟在此后的一年多把Display不斷修改為功能更為強(qiáng)大的圖像編輯程序，經(jīng)過多次改名后，在一個(gè)展會(huì)上他們接受一個(gè)參展觀眾建議把程序改名為Photoshop。此時(shí)的Display/Photoshop已經(jīng)有Level，色彩平衡，飽和度等調(diào)整。此外John寫了一些程序后來成為插件（Plug-in）的基礎(chǔ)。[12]他們第一個(gè)商業(yè)成功是把Photoshop交給一個(gè)掃描儀公司搭配賣，名字叫做BarneyscanXP，版本是0.87。與此同時(shí)John繼續(xù)在找其他買家，包括SuperMac和Aldus都沒有成功。最終他們找到了Adobe的RussellBrown，Adobe的藝術(shù)總監(jiān)。RussellBrown在此時(shí)已經(jīng)在研究是否考慮另外一家公司Letraset的ColorStudio圖像編輯程序?？催^Photoshop以后他認(rèn)為Knoll兄弟的程序更有前途。在1988年7月他們口頭決定合作，而真正的法律合同到次年4月才完成。合同里面的一個(gè)關(guān)鍵詞是Adobe獲取Photoshop“l(fā)icensetodistribute”，就是獲權(quán)發(fā)行而不是買斷所有版權(quán)。這對(duì)后來Knoll兄弟發(fā)大財(cái)?shù)於嘶A(chǔ)。經(jīng)過Thomas和其他Adobe工程師的努力，Photoshop版本1.0.7于1990年2月正式發(fā)行。JohnKnoll也參與了一些插件的開發(fā)。第一個(gè)版本只有一個(gè)800KB的軟盤（Mac）。在90年代初美國的印刷工業(yè)發(fā)生了比較大的變化，印前（pre-press）電腦化開始普及。Photoshop在版本2.0增加的CYMK功能使得印刷廠開始把分色任務(wù)交給用戶，一個(gè)新的行業(yè)桌上印刷（DesktopPublishing－DTP)由此產(chǎn)生。[13]2.4.2開發(fā)環(huán)境要運(yùn)行本系統(tǒng),須提供如下環(huán)境（1）硬件要求CPU：PentiumⅢ733或以上之兼容機(jī)；內(nèi)存：128MB或以上容量；顯卡：16MB或以上顯存之AGP接口繪圖卡；硬盤：至少100MB剩余空間。網(wǎng)卡和網(wǎng)絡(luò)適配器（2）軟件要求操作系統(tǒng)：MicrosoftWindows2000/XP/2003簡(jiǎn)體中文版;開發(fā)工具：Dreamweaver8.0文檔工具：MicrosoftWord2000/XP/2003簡(jiǎn)體中文版；圖片工具：AdobePhotoshop6.0/7.0/CS簡(jiǎn)體中文版；2.4.3網(wǎng)站發(fā)展背景信息飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位、個(gè)人信息化建設(shè)中的重要組成部分，從而倍受人們的重視。在當(dāng)今社會(huì)網(wǎng)民數(shù)量不段增長，網(wǎng)絡(luò)也就被人們所接受，人們從最初的欣賞他人的網(wǎng)站，一直發(fā)展到自己制作自己的網(wǎng)站，如今互聯(lián)網(wǎng)上的網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。每個(gè)人都有發(fā)揮個(gè)人才能，揮灑自己個(gè)性的網(wǎng)上伊甸園。網(wǎng)站設(shè)計(jì)是當(dāng)代大學(xué)生發(fā)揮自己才能的主要途徑，它不緊是一種發(fā)表自己信息和個(gè)性的工具，還是一種時(shí)尚。我所制作的網(wǎng)站是對(duì)教學(xué)信息的收集，可以提供給人們一些基本教學(xué)方法、和資源。[14]

第三章網(wǎng)頁設(shè)計(jì)與分析3.1系統(tǒng)分析系統(tǒng)分析是系統(tǒng)開發(fā)前對(duì)需求的描述，主要是要收集功能需求以及性能需求，這兩方面決定系統(tǒng)的建設(shè)規(guī)模與性能。3.1.1系統(tǒng)建設(shè)目標(biāo)利用計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)內(nèi)部和遠(yuǎn)程教學(xué)，創(chuàng)設(shè)基于網(wǎng)絡(luò)的學(xué)習(xí)環(huán)境，師生共同建立一個(gè)突破時(shí)間、地域限制，由以教為主變?yōu)橐詫W(xué)為主的教學(xué)平臺(tái)，探索學(xué)科教學(xué)與信息技術(shù)有機(jī)結(jié)合的途徑與模式。系統(tǒng)是B/S模式。系統(tǒng)最后得到的結(jié)果是給學(xué)校的師生提供一個(gè)平臺(tái)，補(bǔ)充教學(xué)環(huán)節(jié)的薄弱，增強(qiáng)課下復(fù)習(xí)的效率。系統(tǒng)分為前臺(tái)和后臺(tái)。前臺(tái)供老師和學(xué)生使用，后臺(tái)供管理員使用。3.1.2網(wǎng)站的功能需求遠(yuǎn)程教學(xué)系統(tǒng)要求既能滿足學(xué)生的學(xué)，又能滿足教師的教，既能滿足學(xué)生自學(xué)的需要，又可供教師進(jìn)行備課及課堂教學(xué)參考。本系統(tǒng)將利用互聯(lián)網(wǎng)的優(yōu)勢(shì)，將為教學(xué)的課下學(xué)習(xí)進(jìn)行改革。在教學(xué)上能實(shí)現(xiàn)：首先以簡(jiǎn)潔美觀的形式向?qū)W生提供學(xué)習(xí)信息，提供有關(guān)課程的練習(xí)題庫及作答工具；第二，向教師提供方便的課件上傳和教學(xué)的相關(guān)資料；第三，向師生提供便利的網(wǎng)上學(xué)習(xí)和討論的交互式環(huán)境；最后為師生提供方便的資料查詢與檢索功能?；谝陨峡紤]，本系統(tǒng)將實(shí)現(xiàn)以下幾個(gè)主要部分功能：（1）學(xué)習(xí)功能該部分主要是針對(duì)學(xué)生的，學(xué)生選擇各科課程的電子教案進(jìn)行學(xué)習(xí)，了解其學(xué)習(xí)方面的通知，習(xí)題作業(yè)通知，教師的答疑情況。開設(shè)電子公告板BBS，組織熱點(diǎn)討論，引導(dǎo)學(xué)生進(jìn)行網(wǎng)上交流，引導(dǎo)學(xué)生對(duì)有關(guān)問題進(jìn)行思考判斷，進(jìn)而引導(dǎo)學(xué)生主動(dòng)參與學(xué)校的網(wǎng)站建設(shè)，使網(wǎng)絡(luò)成為教學(xué)的另一個(gè)戰(zhàn)場(chǎng)。有些遠(yuǎn)程教學(xué)系統(tǒng)還會(huì)提供網(wǎng)上測(cè)試或者說網(wǎng)上考試的功能，以輔助學(xué)生在學(xué)習(xí)時(shí)，能及時(shí)檢測(cè)自己的學(xué)習(xí)效果，此網(wǎng)上考試系統(tǒng)，一般題目都是固定，也有些能自動(dòng)組題形成試卷，即遠(yuǎn)程教學(xué)系統(tǒng)上設(shè)有一個(gè)試題題庫，當(dāng)學(xué)生選擇此功能，系統(tǒng)能隨機(jī)抽取一部分試題組成一份試卷，方便學(xué)生對(duì)自己的知識(shí)掌握程度的檢測(cè)。本系統(tǒng)在開發(fā)中因受到開發(fā)時(shí)間和技術(shù)的限制，暫時(shí)不實(shí)現(xiàn)自動(dòng)組題考試功能。[15]對(duì)于學(xué)習(xí)功能，網(wǎng)站的欄目一般設(shè)置成：學(xué)習(xí)資料下載欄目，作業(yè)公告欄目，網(wǎng)站學(xué)習(xí)公告欄目，師生交流（論壇，留言板或其他）等欄目，有些網(wǎng)站的欄目會(huì)多于這些。學(xué)習(xí)資料上傳下載欄目：此功能顧名思義就是給學(xué)生提供學(xué)習(xí)資料的，以文件的形式。但以文件的形式組織學(xué)習(xí)資料，在內(nèi)容上對(duì)于學(xué)生來說，有時(shí)并不是很方便，但現(xiàn)在也沒有什么好的解決的辦法，期待有新的解決辦法來解決此問題。在資料查找方面，文件資料在網(wǎng)站站內(nèi)搜索一般都只能做到以文件名到網(wǎng)站數(shù)據(jù)庫中搜索，并不能查詢到文件中的內(nèi)容，給學(xué)生進(jìn)行文件查找?guī)砗艽蟮穆闊诘玫剿阉鞯慕Y(jié)果的時(shí)候，往往發(fā)現(xiàn)根本不是自己想要內(nèi)容。網(wǎng)站學(xué)習(xí)公告欄目：此功能很多遠(yuǎn)程教學(xué)系統(tǒng)都具備，它提供學(xué)習(xí)方面通知，例如考試通知或者是停課通知什么的，讓學(xué)生在第一時(shí)間了解到課程動(dòng)態(tài)，避免老師親自去找學(xué)生去通知。此功能也是只能由老師發(fā)布，學(xué)生與老師均沒有權(quán)限發(fā)布。師生教學(xué)交流欄目：此欄目比較復(fù)雜，這和各個(gè)遠(yuǎn)程教學(xué)系統(tǒng)設(shè)計(jì)者對(duì)教學(xué)交互的理解有關(guān)，當(dāng)然也有遠(yuǎn)程教學(xué)系統(tǒng)把它當(dāng)成一個(gè)很簡(jiǎn)單的功能來實(shí)現(xiàn)，比如只建一個(gè)留言板或者小論壇來充數(shù)，很明顯一個(gè)留言板或者一個(gè)小論壇是不能實(shí)現(xiàn)教學(xué)中的交流的。有的遠(yuǎn)程教學(xué)系統(tǒng)，將網(wǎng)絡(luò)聊天室建立起來，輔助教學(xué)中的師生交流，這種方式給教學(xué)的雙方有一種面對(duì)面的感覺，這對(duì)于教學(xué)交流確實(shí)很有用。在教學(xué)交流方面，也有一些網(wǎng)站是把電子郵件或者QQ，MSN之類工具加了進(jìn)去，這也能解決一定的問題，對(duì)于擴(kuò)大交流也起到一定的作用。但教學(xué)交往不是那么簡(jiǎn)單的，它涉及很多方面的問題。[16]3.1.3系統(tǒng)用戶類和特性用戶類型：接口：無。學(xué)生：學(xué)生為主要的用戶，是網(wǎng)站的主要受服務(wù)者。教師：教師用戶在此網(wǎng)站的主要作用是輔助學(xué)生的學(xué)習(xí)。網(wǎng)站管理員。3.1.4性能需求網(wǎng)站的性能對(duì)于使用者是非常重要的，它涉及到的方面也很多，本系統(tǒng)因功能為教與學(xué)服務(wù)，所以它所需的性能需求暫時(shí)不用考慮大型網(wǎng)站的架構(gòu)，也不必使用系統(tǒng)框架優(yōu)化，基于這些考慮，以下為本系統(tǒng)的詳細(xì)性能需求：相互合作的用戶數(shù)量：10。系統(tǒng)支持的并發(fā)操作數(shù)量：200。響應(yīng)時(shí)間：5秒內(nèi)。磁盤空間：3G（因教學(xué)資料占比較大的存儲(chǔ)空間，如不上傳課程資料，此項(xiàng)可以不受限制）。數(shù)據(jù)庫中表的最大行數(shù)：無限制，但需求磁盤空間支持。3.1.5安全性需求安全需求主要有三個(gè)方面：一是防止數(shù)據(jù)庫被注入；二是程序設(shè)計(jì)方面的漏洞，比如權(quán)限控制方面；三是上傳漏洞，如被人上傳了木馬了什么的，后果不堪設(shè)想。SQL注入是非常危險(xiǎn)的，相當(dāng)大一部分程序員在編寫代碼的時(shí)候，沒有對(duì)用戶輸入數(shù)據(jù)的合法性進(jìn)行判斷，使應(yīng)用程序存在安全隱患。新手最容易忽略的問題就是SQL注入漏洞的問題。用NBSI2.0對(duì)網(wǎng)上的網(wǎng)站掃描，就能發(fā)現(xiàn)部分網(wǎng)站存在SQL注入漏洞，用戶可以提交一段數(shù)據(jù)庫查詢代碼，根據(jù)程序返回的結(jié)果，獲得某些他想得知的數(shù)據(jù)。[17]因此在本系統(tǒng)中，將為每一個(gè)文件添加數(shù)據(jù)檢驗(yàn)的代碼，防止非法數(shù)據(jù)進(jìn)入系統(tǒng)。上傳漏洞是指上傳者上傳了一些非法的文件上去，導(dǎo)致系統(tǒng)被破壞。此方面的安全也是非常重要，在本系統(tǒng)中，首先要控制好上傳權(quán)限，不能讓非法用戶進(jìn)入上傳頁面，第二是控制好文件上傳的類型，不能上傳非合法類型的文件。[18]3.2教學(xué)網(wǎng)站的模塊介紹網(wǎng)頁設(shè)計(jì)教學(xué)輔助與實(shí)踐網(wǎng)站，整個(gè)網(wǎng)站由7個(gè)部分構(gòu)成，分別是(引導(dǎo)頁、首頁、資源下載、圖片下載、教學(xué)方法、作者檔案、在線留言)構(gòu)成。首頁是整個(gè)教學(xué)頁面的一個(gè)簡(jiǎn)要介紹,資源下載頁面主要是提供一些大家可以下載的教學(xué)資源,圖片下載頁面主要是提供各種類型的圖片,教學(xué)方法主要是總結(jié)了自己在做完這個(gè)網(wǎng)站后的一點(diǎn)心得，在線留言是為了讓大家在看了這個(gè)網(wǎng)站后有意見和建議的可以在此留言。3.3建站目的Internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡(jiǎn)稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計(jì)，目前Internet上已有上千萬個(gè)Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個(gè)領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的服務(wù)將越來越豐富，越來越人性化。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。提高公司知名度，擴(kuò)大公司規(guī)模。3.4.網(wǎng)站實(shí)現(xiàn)功能給學(xué)生提供一個(gè)了解網(wǎng)頁設(shè)計(jì)的平臺(tái)，學(xué)生也可以及時(shí)的與站主交換意見，產(chǎn)生互動(dòng)，站主也可以及時(shí)的進(jìn)行更新與維護(hù)。前臺(tái)學(xué)生系統(tǒng)功能：（1）學(xué)生可以瀏覽網(wǎng)站的一些基本的信息。（2）學(xué)生也可以查看公司的聯(lián)系方式（3）學(xué)生可以隨時(shí)發(fā)表自己的言論。后臺(tái)管理系統(tǒng)功能：（1）增加、修改、刪除教學(xué)的新聞。（2）瀏覽刪除最新教學(xué)信息。3.5系統(tǒng)編程環(huán)境（1）編程技術(shù)的選擇：靜態(tài)網(wǎng)頁技術(shù)主要是使用HTML，動(dòng)態(tài)網(wǎng)頁技術(shù)主要使用ASP技術(shù)。HTML是第一個(gè)通用的頁面描述語言，任何一個(gè)成功的網(wǎng)站都離不開它，90年以來HTML就一直被用作WWW上的信息表示語言，它遵循國際標(biāo)準(zhǔn)，常用的各種瀏覽器（如IE，Netscape等）均可以對(duì)其進(jìn)行很好的解釋；HTML可以跨平臺(tái)使用，在Windows，Unix等環(huán)境中均可得到相同的效果；HTML又具有簡(jiǎn)單易學(xué)的特點(diǎn)和強(qiáng)大的超媒體支持能力，易于構(gòu)建復(fù)雜的超媒體信息網(wǎng)；HTML還支持多種媒體種類，如GIF，JPG，WAV，AU，AVI，MOV，MPG等，適合網(wǎng)絡(luò)傳輸；HTML的創(chuàng)造工具很多，如FrontPage，HotDog，DREAMWERVER等，并可以根據(jù)需要加入JavaScript，JavaApplet等，使web網(wǎng)頁具有更好的交互性、生動(dòng)性和靈活性。目前，制作動(dòng)態(tài)型網(wǎng)頁的技術(shù)已有很多，常見的有CGI（CommonGatewayInterface）、ISAPI（InternetServerApplicationProgramInterface）、ASP（ActiveServerPages），JSP（JavaServerPages），PHP等[21]。其中以ASP技術(shù)應(yīng)用最廣泛，且相關(guān)網(wǎng)絡(luò)資源多，有豐富的中文參考資料，開發(fā)工具比較成熟，能快速構(gòu)建網(wǎng)絡(luò)應(yīng)用程序，所以很多遠(yuǎn)程教學(xué)系統(tǒng)的建設(shè)者都選用了該技術(shù)作為平臺(tái)制作技術(shù)[22]。ASP的主要特點(diǎn)有：（1）無需編譯。ASP腳本集成于HTML當(dāng)中。容易生成，無需編譯或連接即可直接解釋執(zhí)行，（2）易于生成。使用常規(guī)文本編輯器（如Windows下的記事本），即可進(jìn)行ASP頁面的設(shè)計(jì)還可以使用可視化的集成編輯環(huán)境VisualInterDev。（3）獨(dú)立于瀏覽器。ASP腳本在服務(wù)器端解釋執(zhí)行，用戶端只要使用可解釋常規(guī)HTML碼的瀏覽器，即可瀏覽ASP所設(shè)計(jì)的主頁。（4）面向?qū)ο?。在ASP腳本中可以方便地引用系統(tǒng)組件和ASP的內(nèi)置組件，還能通過定制ActiveXServerComponent（ActiveX服務(wù)器組件）來擴(kuò)充功能。（5）與任務(wù)ActiveXscript語言兼容。除了可使用VBScript和JavaScript語言進(jìn)行設(shè)計(jì)外，還可通過Plug—in的方式，使用由第三方所提供的其它script語言。ASP頁面需要ASP腳本引擎的支持。當(dāng)用戶請(qǐng)求一個(gè)HTML頁面時(shí)，Web服務(wù)器會(huì)把相應(yīng)的HTML頁面?zhèn)魉徒o用戶的瀏覽器。但是用戶請(qǐng)求的是ASP頁面時(shí)，Web服務(wù)器會(huì)先將相應(yīng)的ASP頁面?zhèn)鬟f給腳本解釋引擎，并生成一個(gè)HTML頁面，再將生成的HTML頁面回傳給用戶的瀏覽器。在數(shù)據(jù)連接上，一般采用ASP+ADO技術(shù)，ASP與ADO技術(shù)結(jié)合實(shí)現(xiàn)同數(shù)據(jù)庫的集成。ADO是一種操作Microsoft所支持的數(shù)據(jù)庫的方法，類似于在VB中的DAO（DataAccessObject，數(shù)據(jù)訪問對(duì)象）和RDO（RemoteDataObject，遠(yuǎn)程數(shù)據(jù)對(duì)象）。在ASP中，ADO可以看作是一個(gè)服務(wù)器組件（ServerComponent），簡(jiǎn)單地說，它是一系列的對(duì)象。ADO共定義了七種對(duì)象，應(yīng)用這些功能強(qiáng)大的對(duì)象，即可輕松完成對(duì)數(shù)據(jù)庫復(fù)雜的操作[23,24]。使用ADO對(duì)象操作數(shù)據(jù)庫，具體的步驟可以歸納為以下幾步：創(chuàng)建數(shù)據(jù)庫源、創(chuàng)建數(shù)據(jù)庫鏈接、創(chuàng)建數(shù)據(jù)對(duì)象、操作數(shù)據(jù)庫、關(guān)閉數(shù)據(jù)對(duì)象和鏈接[25]?；贏SP以上的優(yōu)點(diǎn)，本系統(tǒng)在開發(fā)中使用ASP技術(shù)開發(fā)。（2）編程環(huán)境：由于選擇了ASP技術(shù)開發(fā)此系統(tǒng)，編程環(huán)境選擇Dreamweaver8，系統(tǒng)環(huán)境為WinXpSP2，服務(wù)器為IIS5.0。圖片編輯使用Photoshop9.0。3.6系統(tǒng)程序設(shè)計(jì)部分系統(tǒng)程序設(shè)計(jì)介紹：（1）課程學(xué)習(xí)與課程教學(xué)設(shè)計(jì)：課程資料在本系統(tǒng)中，設(shè)計(jì)成與開課信息關(guān)聯(lián)，首先要在系統(tǒng)添加了開課信息之后，才能添加課程資料，開課信息由管理員添加，課程資料信息由教師添加，學(xué)生可以下載。在本系統(tǒng)設(shè)計(jì)中，權(quán)限分配是這樣的，老師只能添加自己所任教的課程的學(xué)習(xí)資料，沒有任教的課程不能添加。學(xué)生只能下載與自己有關(guān)的課程的學(xué)習(xí)資料。 （2）上傳程序設(shè)計(jì)：在此部分的程序設(shè)計(jì)成三個(gè)類：一為上傳類，二進(jìn)度信息類，三為文件信息類。上傳信息類：DoteyUpload，包含子過程：PublicSubSaveTo(path)（保存信息子過程），PublicSubUpload()（上傳子過程），PrivateSubRaise(Message)（異常信息子過程），方法：PrivateFunctionGetBoundary()（取邊界值方法），PrivateFunctionBinaryToString(xBinary)（將二進(jìn)制流轉(zhuǎn)化成文本方法），F(xiàn)unctionStringToBinary(String)（字符到二進(jìn)制轉(zhuǎn)化方法），PrivateFunctionGetFieldName(infoStr)（返回表單名方法），PrivateFunctionGetFileName(infoStr)（返回文件名方法）。 進(jìn)度信息類的主要作用是統(tǒng)計(jì)上傳進(jìn)度信息，例如上傳文件大小，當(dāng)前已上傳文件大小，已花時(shí)間，剩余時(shí)間等。文件信息類的主要作用是向客戶端返回上傳文件的各方面信息，例如文件名，路徑等。（3）答疑程序設(shè)計(jì)：此部分程序類似與留言板程序，在此系統(tǒng)中，每一個(gè)開課信息將有一個(gè)答疑區(qū)，是多版塊的，不過這多版塊是以課程為劃分依據(jù)。一門課開課了，在前臺(tái)就會(huì)有一個(gè)答疑區(qū)。在此模塊，只允許學(xué)生發(fā)帖，老師只允許回復(fù)。（4）討論區(qū)程序設(shè)計(jì)：此部分程序類似于BBS，在此模塊，學(xué)生、老師和管理員均可以發(fā)帖，但只有老師和管理員有管理帖子的權(quán)限。（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)這幾方面。在各個(gè)顯示名字的地方設(shè)置詳細(xì)信息鏈接，在各個(gè)顯示學(xué)生、教師信息的地方加上短信息發(fā)送的鏈接。（6）SQL注入檢測(cè)設(shè)計(jì)：這是比較重要的一塊，它是網(wǎng)站的安全防線。主要是使用在循環(huán)檢查每一個(gè)輸入數(shù)據(jù)，如果包含了非合法數(shù)據(jù)，即不允許操作。3.7系統(tǒng)程序測(cè)試測(cè)試主要針對(duì)數(shù)據(jù)完整性、權(quán)限檢測(cè)、上傳功能、討論區(qū)版塊這幾部分進(jìn)行測(cè)試，數(shù)據(jù)完整性，采用了構(gòu)造特殊數(shù)據(jù)進(jìn)行測(cè)試，也就是邊界法。在這一部分的測(cè)試中，將很多數(shù)據(jù)檢測(cè)腳本錯(cuò)誤檢查了出來，權(quán)限檢測(cè)主要測(cè)試方法，分別以三種權(quán)限進(jìn)入系統(tǒng)進(jìn)行操作，查看是否有異常，這一部分工作將一部分非教師權(quán)限或者非學(xué)生權(quán)限檢測(cè)了出來。上傳功能檢測(cè)是程序測(cè)試中的一重要部分，這部分工作將系統(tǒng)不能上傳某些類型的文件不能上傳的錯(cuò)誤檢測(cè)了出來，后來又發(fā)現(xiàn)此部分功能不穩(wěn)定，最后才將此部分程序完全修改好。討論區(qū)版塊是程序中比較大的一塊。對(duì)此部分程序進(jìn)行測(cè)試的時(shí)候，發(fā)現(xiàn)此部分程序有對(duì)象釋放不合理的問題出現(xiàn)，導(dǎo)致程序有時(shí)運(yùn)行不出來的現(xiàn)象出現(xiàn)第四章網(wǎng)頁的總體規(guī)劃4.1制作網(wǎng)頁的一般步驟首先，你應(yīng)該明確制作網(wǎng)頁是為了干什么。比如，你是公司的職員，想通過網(wǎng)頁來對(duì)公司進(jìn)行廣告宣傳；再假設(shè)你正在做一個(gè)項(xiàng)目，想和外地的工程師通過網(wǎng)頁討論該項(xiàng)目。如果你要制作個(gè)人網(wǎng)頁，那么你可能想通過個(gè)人網(wǎng)頁在網(wǎng)上進(jìn)行傳播，從而展示自己，并和網(wǎng)友交朋友。這就是你的目的。我做這個(gè)企業(yè)網(wǎng)頁的就是讓每個(gè)企業(yè)把自己的產(chǎn)品展示給大家，讓大家來評(píng)論交流，提出寶貴的意見，然后再加以改進(jìn)，使得企業(yè)的產(chǎn)品更加滿足消費(fèi)者，還有企業(yè)網(wǎng)站就是企業(yè)的門面，所以我這次做這個(gè)網(wǎng)頁就是為了給企業(yè)打廣告，其次，組織好你的網(wǎng)頁內(nèi)容。試想，你把自己的照片和內(nèi)容都堆在一起，別人將無法明白你想干什么，說不準(zhǔn)，連你自己都糊涂了。如果組織得好，用戶從你的網(wǎng)頁中獲取信息就容易得多。對(duì)于那些很重要的信息，用戶只需要簡(jiǎn)單的操作就能得到。一般來說，組織好網(wǎng)頁的關(guān)鍵是要對(duì)網(wǎng)頁建立層次分明、條理清楚的結(jié)構(gòu)圖。腦子里有了這樣一張結(jié)構(gòu)圖，就會(huì)對(duì)網(wǎng)頁很明白，并且有助于制作網(wǎng)頁。而后，要確定你的網(wǎng)頁所具有的外觀和特色，目的就是讓用戶被你的網(wǎng)頁所吸引。如果你只是要把很多漂亮的畫面堆在一起，而不管內(nèi)容，那將沒人看。應(yīng)該讓你的網(wǎng)頁不僅漂亮，更重要的是實(shí)用。怎么把自己的照片和內(nèi)容有機(jī)的結(jié)合到一起，這也正是你的網(wǎng)頁特色所在。然后，開始制作網(wǎng)頁。具體操作時(shí)，首先要?jiǎng)?chuàng)建個(gè)人站點(diǎn)，再充分利用Dreamweaver的功能建立各個(gè)網(wǎng)頁。最后，等網(wǎng)頁做好了，就該發(fā)布站點(diǎn)了。站點(diǎn)發(fā)布后，為了保持站點(diǎn)的吸引力，要經(jīng)常修改網(wǎng)頁的內(nèi)容（添加新的內(nèi)容，更換已過時(shí)的圖像等），就要更新和維護(hù)你的站點(diǎn)了。4.2網(wǎng)頁包括的元素?zé)o論是初次領(lǐng)略Internet風(fēng)光的新手，還是經(jīng)常上網(wǎng)沖浪的老手，在初次設(shè)計(jì)網(wǎng)頁之前，都必須先認(rèn)識(shí)一下構(gòu)成網(wǎng)頁的基本元素。只有這樣，才能在真正的設(shè)計(jì)工作中得心應(yīng)手，根據(jù)需要合理的組織和安排網(wǎng)頁的內(nèi)容，從而達(dá)到期望的目標(biāo)。設(shè)計(jì)網(wǎng)頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網(wǎng)頁的基本組成部分，超級(jí)鏈接是Web的核心，使它將萬維網(wǎng)中無數(shù)的網(wǎng)頁鏈接在一起，如果沒有它，Web就無從談起，此外，表格、動(dòng)畫、音樂和交互表單等信息的組織、表現(xiàn)，以及交互元素在網(wǎng)頁中也具有舉足輕重的地位。（1）文本文本一直是人類最重要的信息載體和交流工具，網(wǎng)頁中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準(zhǔn)確的表達(dá)消息的內(nèi)容和含義，為了克服文字固有的缺點(diǎn)，人們賦予了網(wǎng)頁中文本更多的屬性，如文字、字號(hào)、顏色、底紋和邊框等，通過不同格式的區(qū)別，突出顯示重要的內(nèi)容，此外，用戶還可以在網(wǎng)頁中設(shè)計(jì)各種各樣的文字列表來清晰表達(dá)一系列項(xiàng)目，這些功能都給網(wǎng)頁中的文本賦予了新的生命力。（2）圖像圖像在網(wǎng)頁中具有提供信息，展示產(chǎn)品，裝飾網(wǎng)頁，表達(dá)企業(yè)文化的作用。用戶可以在網(wǎng)頁中使用GIF、JPEG、PNG3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。（3）超級(jí)鏈接超級(jí)鏈接技術(shù)可以說是萬維網(wǎng)流行起來的最主要的原因，它是從一個(gè)網(wǎng)頁指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁或相同網(wǎng)頁上的不同位置，這個(gè)目的端通常是另一個(gè)網(wǎng)頁，但也可以是一幅圖片，一個(gè)電子郵件地址，一個(gè)文件，一個(gè)程序或本網(wǎng)頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。當(dāng)瀏覽者單擊超級(jí)鏈接時(shí)，其目的端將顯示在Web瀏覽器上，并根據(jù)目的端的類型以不同方式鏈接。例如，當(dāng)指向一個(gè)AVI文件的超級(jí)鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個(gè)網(wǎng)頁的超級(jí)鏈接，則該網(wǎng)頁將顯示在Web瀏覽器上。（4）表格在網(wǎng)頁中表格用來控制網(wǎng)頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列表化數(shù)據(jù)；二是還可以使用表格來精4.3網(wǎng)頁的制作及實(shí)現(xiàn)我這次做的這個(gè)網(wǎng)站做的是一個(gè)靜態(tài)的頁面，所以在設(shè)計(jì)的過程中非常重視其中的布局，我運(yùn)用Dreamweaver8.0這個(gè)軟件來制作框架，并用CSS進(jìn)行頁面的布局，并在網(wǎng)頁中插入一些透明的Flash,使網(wǎng)頁能有更好的瀏覽效果。另外，在網(wǎng)頁的制作過程中，我還考慮到了網(wǎng)站顏色的搭配，這是一個(gè)很重要的問題，好果網(wǎng)站的顏色搭配不好，會(huì)給使用者帶來一種不好的感覺，這樣便會(huì)影響網(wǎng)站的價(jià)值，也沒達(dá)到我們?cè)O(shè)計(jì)網(wǎng)站的目的。在制作過程中，我多次與同學(xué)共同探討，并虛心接受她們的建議，多次對(duì)網(wǎng)站的風(fēng)格進(jìn)行設(shè)置與改進(jìn)。在網(wǎng)站風(fēng)格設(shè)置上，我考慮到整個(gè)網(wǎng)站風(fēng)格的統(tǒng)一，所以，界面雖然簡(jiǎn)單，卻很清新，給人一種耳目一新的感覺。4.4頁制作注意事項(xiàng)我在網(wǎng)站的設(shè)計(jì)過程中，總結(jié)了以下幾點(diǎn)注意事項(xiàng)，現(xiàn)列舉如下：（1）風(fēng)格要統(tǒng)一，顏色搭配要協(xié)調(diào)，頁面中的字體可通過鏈接CSS文件統(tǒng)一設(shè)置；（2）所有頁面用表格來布局，用800×600分辨率來設(shè)計(jì)網(wǎng)頁；（3）頁面中的圖片要使用合理，盡量不要使用太大的圖片，也不要使用過多圖片；（4）各個(gè)頁面之間的鏈接要合理有效；（5）疏密度。做到疏密有度，要適當(dāng)進(jìn)行留白，運(yùn)用空格，改變行間距、字間距等制造一些變化的效果。第五章網(wǎng)頁的測(cè)試網(wǎng)對(duì)站網(wǎng)頁產(chǎn)品進(jìn)行測(cè)試，檢查產(chǎn)品是否存在缺陷、錯(cuò)誤，檢查代碼缺陷及錯(cuò)誤，是否能實(shí)現(xiàn)功能，是否能顯示所要顯示的東西等。網(wǎng)站首頁顯示內(nèi)容正確，圖片正常，超鏈接可以用，可以正常進(jìn)行網(wǎng)頁間的轉(zhuǎn)換。網(wǎng)站包含了學(xué)院圖片、教學(xué)實(shí)例、Dreamweaver介紹。5.1教學(xué)網(wǎng)站首頁主頁包含了學(xué)院的圖片，教學(xué)實(shí)例的超鏈接和Dreamweaver的介紹，本頁還增加了背景音樂和訪客統(tǒng)計(jì)，時(shí)間的小部件，使網(wǎng)站跟清新簡(jiǎn)潔。運(yùn)用Div,script，js等來設(shè)計(jì)網(wǎng)站。<div>是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開始一個(gè)新行。實(shí)際上，換行是<div>固有的唯一格式表現(xiàn)?？梢酝ㄟ^<div>的class或id應(yīng)用額外的樣式。不必為每一個(gè)<div>都加上類或id，雖然這樣做也有一定的好處?？梢詫?duì)同一個(gè)<div>元素同時(shí)應(yīng)用class和id屬性，但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是，class用于元素組（類似的元素，或者可以理解為某一類元素），而id用于標(biāo)識(shí)單獨(dú)的唯一的元素。用div排版可以使教學(xué)網(wǎng)站的設(shè)計(jì)更簡(jiǎn)單，清新。5.2資源下載頁面可以查看頁面內(nèi)的網(wǎng)設(shè)信息和下載如圖4.2下載用了html的超鏈接HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。HTML之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。所謂超級(jí)鏈接，就是一種URL指針，通過激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。網(wǎng)頁的本質(zhì)就是HTML，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、CGI、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，HTML是Web編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。5.3教學(xué)相冊(cè)教學(xué)相冊(cè)主要由表格和css組成的。要在網(wǎng)頁上使用外部樣式表的樣式，可將該網(wǎng)頁鏈接到樣式表，方法是使用位于“格式”菜單上的“樣式表連接”命令?？梢枣溄右粋€(gè)或數(shù)個(gè)樣式表到網(wǎng)頁視圖模式下的當(dāng)前網(wǎng)頁，或到在文件夾列表中的所選網(wǎng)頁，或到站點(diǎn)上的全部網(wǎng)頁。該“樣式”框列出標(biāo)準(zhǔn)HTML標(biāo)記符，例如標(biāo)題1，還有嵌入的樣式表或鏈接到網(wǎng)頁的外部樣式表中所含的類或ID選擇器。要應(yīng)用樣式到網(wǎng)頁元素，請(qǐng)選定該樣式然后單擊“樣式”框中的樣式或選擇器。在MicrosoftFrontPage2000中，某些格式設(shè)置特性會(huì)作為內(nèi)嵌樣式自動(dòng)應(yīng)用。例如∶如果使用“邊框與陰影”命令（在“格式”菜單上）在普通段落周圍應(yīng)用框，F(xiàn)rontPage會(huì)寫下格式設(shè)置信息，作為段落標(biāo)記符的內(nèi)嵌樣式屬性（例如∶<pstyle="border-style:solid">）。然而某些屬性的應(yīng)用需要使用CSS，其他則需要使用HTML。如果人們只想使用CSS應(yīng)用內(nèi)嵌樣式，可使用“樣式”按鈕（位于網(wǎng)頁元素的“屬性”對(duì)話框里）應(yīng)用類或ID選擇器或嵌入式樣式。有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表：（1）將網(wǎng)頁鏈接到外部樣式表。（2）在網(wǎng)頁上創(chuàng)建嵌入的樣式表。（3）應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。每一種方法均有其優(yōu)缺點(diǎn)：當(dāng)要在站點(diǎn)上所有或部份的網(wǎng)頁上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁，便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式，只需在外部樣式表—中作一次更改—而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以.css做為文件擴(kuò)展名，例如Mystyles.css。當(dāng)人們只是要定義當(dāng)前網(wǎng)頁的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級(jí)聯(lián)樣式表，“嵌”在網(wǎng)頁的<HEAD>標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。使用內(nèi)嵌樣式以應(yīng)用級(jí)聯(lián)樣式表屬性到網(wǎng)頁元素上。如果網(wǎng)頁鏈接到外部樣式表，為網(wǎng)頁所創(chuàng)建的內(nèi)嵌的或嵌入式樣式將擴(kuò)充或覆蓋外部樣式表中的指定屬性。5.4教學(xué)實(shí)例教學(xué)實(shí)例截圖如圖所示。5.5背景音樂運(yùn)用代碼<bgsoundsrc="音樂名稱"autostart=trueloop=infinite>來實(shí)現(xiàn)5.6訪客統(tǒng)計(jì)訪客統(tǒng)計(jì)（如圖4.5所示）調(diào)用JavaScript語言來實(shí)現(xiàn)，加入代碼后，當(dāng)?shù)谝淮未蜷_網(wǎng)頁后會(huì)顯示“歡迎您的第一次光臨！”，通過JavaScript記錄和使用Cookie的次數(shù)“如圖6-4所示”。cookie是web服務(wù)器可以使用客戶端在瀏覽器中的MicrosoftInternetExplorer如上存儲(chǔ)數(shù)據(jù)的特殊文件。通過cookie中，您可以跟蹤特定訪問者進(jìn)入與總的訪問次數(shù)比較您網(wǎng)站的頻率。缺點(diǎn)是如果通過清除瀏覽器的緩存的客戶端刪除該cookie，命中的次數(shù)將重置為零。每次訪問通過path，expires，domain，secure函數(shù)來進(jìn)行，通過下列函數(shù)來實(shí)現(xiàn)訪客的記錄。5.7系統(tǒng)待改進(jìn)之處在本次系統(tǒng)開發(fā)中，遇到很多問題，所以待改進(jìn)之處還有很多，主要的有以下幾個(gè)問題：（1）因技術(shù)有限，在本系統(tǒng)中還遺留有很多問題沒解決，主要的問題有，分頁問題，學(xué)生信息和老師信息Excel表導(dǎo)入，文件刪除錯(cuò)誤判斷以及提示，學(xué)生和老師信息中，沒提供照片顯示，上傳漏洞的補(bǔ)丁。（2）分頁問題主要是沒有實(shí)現(xiàn)像論壇那樣顯示一個(gè)數(shù)字列，只有單純的首頁尾頁、上一頁下一頁。這樣對(duì)于分頁來說，并不完善。沒能實(shí)現(xiàn)的原因是，分頁的循環(huán)數(shù)以及開始循環(huán)數(shù)，沒能判斷成功。（3）Excel表導(dǎo)入問題，在技術(shù)上，難度并不大，沒有實(shí)現(xiàn)的原因，是因?yàn)檫@需要導(dǎo)入規(guī)范，如果一個(gè)學(xué)院里邊學(xué)生信息與老師信息的Excel表沒遵循規(guī)范的話，是導(dǎo)入不了的。（4）文件刪除，本系統(tǒng)使用的是FSO，但沒能做出錯(cuò)誤判斷以及給出錯(cuò)誤提示，這是因?yàn)椋@錯(cuò)誤在捕捉之前它已經(jīng)出來，主要使這功能出錯(cuò)的原因是文件不存在。

總結(jié)網(wǎng)頁設(shè)計(jì)教學(xué)輔助網(wǎng)站是以一個(gè)教學(xué)為主的網(wǎng)站。網(wǎng)站里面的內(nèi)容都是一些教學(xué)信息，方便了同學(xué)們?cè)谠摼W(wǎng)站進(jìn)行各種學(xué)習(xí)文化的交流。畢業(yè)設(shè)計(jì)和畢業(yè)論文是?？粕囵B(yǎng)方案中的重要環(huán)節(jié)。學(xué)生通過畢業(yè)論文，綜合性地運(yùn)用幾年內(nèi)所學(xué)知識(shí)去分析、解決一個(gè)問題，在作畢業(yè)論文的過程中，所學(xué)知識(shí)得到疏理和運(yùn)用，它既是一次檢閱，又是一次鍛煉。作完畢業(yè)設(shè)計(jì)后，感到自己的實(shí)踐動(dòng)手、動(dòng)筆能力得到鍛煉，增強(qiáng)自己以且學(xué)習(xí)的信心。畢業(yè)論文是本科學(xué)習(xí)階段一次非常難得的理論與實(shí)際相結(jié)合的機(jī)會(huì)，通過這次比較完整設(shè)計(jì)，我擺脫了單純的理論知識(shí)學(xué)習(xí)狀態(tài)，和實(shí)際設(shè)計(jì)的結(jié)合鍛煉了我的綜合運(yùn)用所學(xué)的專業(yè)基礎(chǔ)知識(shí)，解決實(shí)際問題的能力，同時(shí)也提高我查閱文獻(xiàn)資料、設(shè)計(jì)手冊(cè)、設(shè)計(jì)規(guī)范以及電腦制圖等其他專業(yè)能力水平，而且通過對(duì)整體的掌控，對(duì)局部的取舍，以及對(duì)細(xì)節(jié)的斟酌處理，都使我的能力得到了鍛煉，經(jīng)驗(yàn)得到了豐富，并且意志品質(zhì)力，抗壓能力及耐力也都得到了不同程度的提升。這是我們都希望看到的也正是我們進(jìn)行畢業(yè)設(shè)計(jì)的目的所在。提高是有限的但提高也是全面的，正是這一次設(shè)計(jì)讓我積累了無數(shù)實(shí)際經(jīng)驗(yàn)，使我的頭腦更好的被知識(shí)武裝了起來，也必然會(huì)讓我在未來的工作學(xué)習(xí)中表現(xiàn)出更高的應(yīng)變能力，更強(qiáng)的溝通力和理解力。順利如期的完成本次畢業(yè)設(shè)計(jì)給了我很大的信心，讓我了解專業(yè)知識(shí)的同時(shí)也對(duì)本專業(yè)的發(fā)展前景充滿信心，我都采用了一些新的技術(shù)和設(shè)備他們有著很多的優(yōu)越性但也存在一定的不足，這些不足在一定程度上限制了我們的創(chuàng)造力。這無疑是很讓我自身感到遺憾的，可這些不足正是我們?nèi)ジ玫难芯扛玫膭?chuàng)造的最大動(dòng)力，只有發(fā)現(xiàn)問題面對(duì)問題才有可能解決問題，不足和遺憾不會(huì)給我打擊只會(huì)更好的鞭策我前行，今后我更會(huì)關(guān)注新技術(shù)新設(shè)備新工藝的出現(xiàn)，并爭(zhēng)取盡快的掌握這些先進(jìn)的知識(shí)，更好的為祖國的四化服務(wù)。

致謝本論文是在謝老師的悉心指導(dǎo)下完成的，謝老師嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度和科學(xué)工作方法讓我獲益匪淺。在此由衷感謝王老師對(duì)我的關(guān)心以及在生活和學(xué)習(xí)上的幫助。在外單位實(shí)習(xí)期間，感謝北京長遠(yuǎn)智揚(yáng)科技有限公司同事對(duì)我的論文的指導(dǎo)和幫助。另外也感謝我的家人，感謝他們對(duì)我在學(xué)業(yè)上的支持和鼓勵(lì)。

參考文獻(xiàn)[1]郭燕芳,李宏亮.對(duì)計(jì)算機(jī)輔助遠(yuǎn)程教學(xué)系統(tǒng)系統(tǒng)建設(shè)的探索和嘗試[J].廣西大學(xué)學(xué)報(bào),2005,7(增刊):8-10.[2]章一華,胡鵬,謝軍.互動(dòng)式遠(yuǎn)程教學(xué)系統(tǒng)的應(yīng)用設(shè)計(jì)[J].集美大學(xué)學(xué)報(bào),2000,6:22.[3]袁守華.基于Web的課程網(wǎng)絡(luò)遠(yuǎn)程教學(xué)系統(tǒng)的開發(fā)與應(yīng)用[J].中原工學(xué)院學(xué)報(bào),2004,2:15-18.[4]王小燕.對(duì)高校教師個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)建立的思考[J].文化教育,.2006:23-26.[5]李斌,孫巖,王康壽,鄭尚魁.遠(yuǎn)程教學(xué)系統(tǒng)設(shè)計(jì).學(xué)科建設(shè)[J]．遠(yuǎn)程教育,2005,5:44-45.[6]黃志軍,趙皚,劉海慶.基于校園網(wǎng)的遠(yuǎn)程教學(xué)系統(tǒng)建設(shè)探討[J].教育技術(shù),2005:36.[7]邢苗條.基于Internet遠(yuǎn)程教學(xué)系統(tǒng)系統(tǒng)的設(shè)計(jì)方案[J].現(xiàn)代電子技術(shù),2002,2(第4期):18.[8]趙航濤.建立學(xué)科遠(yuǎn)程教學(xué)系統(tǒng)的探討[J].基礎(chǔ)教育,.2004,3(上):50.[9]趙雙萍.基于Web的網(wǎng)上教學(xué)系統(tǒng)的設(shè)計(jì)[J].蘭州工業(yè)高等專科學(xué)校學(xué)報(bào),2002,3(.第1期):24.[10]吳劍,朱志字,張冰.交互式動(dòng)態(tài)遠(yuǎn)程教學(xué)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)與數(shù)字工程,2006年(第5期):32-34.[11]Gleen,Denis.Learningforachangeinfurthereducation[J]..JournalofVocationalEducationandTraining.Volume57,Number2,Jume2005,pp.239-246[12]劉少華.試論專業(yè)遠(yuǎn)程教學(xué)系統(tǒng)的建設(shè)[J].當(dāng)代教育論壇,2005(第6期):25-26.[13]Marcie,pitt-catsouphes.Buildingavirtualreseachandteaching.Community,Work&Family[J],Volume8,Number1,February2005,pp.93-105[14]趙守凱.常用軟件遠(yuǎn)程教學(xué)系統(tǒng)的構(gòu)建及教學(xué)體會(huì)[J].科技平臺(tái),2006:26-27.[15]駱志煌,張小明,陳亞東.淺議教師個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)的發(fā)展空間[J].中小學(xué)信息技術(shù)教育,2004,10(.第45期):36-37.[14]王海燕,李芒.讓師生實(shí)現(xiàn)零距離的心靈觸摸[J].電化教育研究,2004(第2期):25.[16]衛(wèi)春芳.個(gè)人遠(yuǎn)程教學(xué)系統(tǒng)的建立[J].計(jì)算機(jī)時(shí)代,2002:8-9.[17]劉波,王本玉,王磊.建立遠(yuǎn)程教學(xué)系統(tǒng)實(shí)現(xiàn)網(wǎng)上信息交流和信息管理[J].邵陽學(xué)院學(xué)報(bào)(自然科學(xué)),2003,10(第5期):12-15.[18]胡小榮,李建平.基于ASP技術(shù)的高等數(shù)學(xué)輔助教學(xué)網(wǎng)絡(luò)平臺(tái)[J].數(shù)學(xué)理論與應(yīng)用,2005,12(第4期):40-42.附錄Css文件templatemo_style.cssCss代碼body{ margin:0; padding:0; line-height:1.5em; font-family:Georgia,"TimesNewRoman",Times,serif; font-size:12px; color:#555a4a;background:#a0c73f;}a:link,a:visited{color:#0683ab;text-decoration:none;font-weight:normal;}a:active,a:hover{color:#0683ab;text-decoration:underline;}.button_01a{ display:block; width:102px; height:23px; padding:7px000; background:url(images/templatemo_button.png)no-repeat; color:#333; font-size:12px; font-weight:bold; text-align:center; text-decoration:none;}.button_01a:hover{ color:#fff;background:url(images/templatemo_button_hover.png)no-repeat;}p{margin:0px;padding:0px;}img{margin:0px;padding:0px;border:none;}.cleaner{clear:both;width:100%;height:0px;font-size:0px;}.cleaner_h30{clear:both;width:100%;height:30px;}.cleaner_h40{clear:both;width:100%;height:40px;}.margin_r10{margin-right:10px;}.float_l{float:left;}.float_r{float:right;}#templatemo_header_wrapper{ width:100%; height:265px; background:url(images/templatemo_header.jpg)no-repeattopcenter;}#templatemo_header{ position:relative; width:980px; height:265px; padding:010px; margin:0auto; background:url(images/templatemo_header.jpg)no-repeattopcenter;}/*sitetitle*/#templatemo_header#site_title{ float:left; width:220px; padding:90px0050px;}#site_titleh1{ margin:0; padding:0;}#site_titleh1a{ margin:0px; padding:0px; font-size:30px; color:#ffffff; font-weight:bold; text-decoration:none;}#site_titleh1a:hover{ font-weight:bold; text-decoration:none;}#site_titleh1aspan{ display:block; margin-left:2px; font-size:14px; color:#416902; font-weight:bold; letter-spacing:2px;}/*endofsitetitle*//*menu*/#templatemo_menu{ float:right; padding-top:70px; height:43px;}#templatemo_menuul{ margin:0; padding:0; list-style:none;}#templatemo_menuulli{ padding:0; margin:0; display:inline;}#templatemo_menuullia{ float:left; display:block; height:35px; width:125px; margin:0; padding:8px000; text-align:center; font-size:12px; text-decoration:none; color:#333333; font-weight:bold; outline:none;}#templatemo_menulia:hover,#templatemo_menuli.current{ color:#333333; background:url(images/templatemo_menu_hover.png)no-repeattop;}/*endofmenu*//*Search*/#templatemo_header#search_box{ position:absolute; width:335px; height:72px; bottom:30px; right:50px; background:url(images/templatemo_search.p