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

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

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

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

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

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

致謝本論文是在謝老師的悉心指導下完成的，謝老師嚴謹的治學態度和科學工作方法讓我獲益匪淺。在此由衷感謝王老師對我的關心以及在生活和學習上的幫助。在外單位實習期間，感謝北京長遠智揚科技有限公司同事對我的論文的指導和幫助。另外也感謝我的家人，感謝他們對我在學業上的支持和鼓勵。

參考文獻[1]郭燕芳,李宏亮.對計算機輔助遠程教學系統系統建設的探索和嘗試[J].廣西大學學報,2005,7(增刊):8-10.[2]章一華,胡鵬,謝軍.互動式遠程教學系統的應用設計[J].集美大學學報,2000,6:22.[3]袁守華.基于Web的課程網絡遠程教學系統的開發與應用[J].中原工學院學報,2004,2:15-18.[4]王小燕.對高校教師個人遠程教學系統建立的思考[J].文化教育,.2006:23-26.[5]李斌,孫巖,王康壽,鄭尚魁.遠程教學系統設計.學科建設[J]．遠程教育,2005,5:44-45.[6]黃志軍,趙皚,劉海慶.基于校園網的遠程教學系統建設探討[J].教育技術,2005:36.[7]邢苗條.基于Internet遠程教學系統系統的設計方案[J].現代電子技術,2002,2(第4期):18.[8]趙航濤.建立學科遠程教學系統的探討[J].基礎教育,.2004,3(上):50.[9]趙雙萍.基于Web的網上教學系統的設計[J].蘭州工業高等?？茖W校學報,2002,3(.第1期):24.[10]吳劍,朱志字,張冰.交互式動態遠程教學系統的設計與實現[J].計算機與數字工程,2006年(第5期):32-34.[11]Gleen,Denis.Learningforachangeinfurthereducation[J]..JournalofVocationalEducationandTraining.Volume57,Number2,Jume2005,pp.239-246[12]劉少華.試論專業遠程教學系統的建設[J].當代教育論壇,2005(第6期):25-26.[13]Marcie,pitt-catsouphes.Buildingavirtualreseachandteaching.Community,Work&Family[J],Volume8,Number1,February2005,pp.93-105[14]趙守凱.常用軟件遠程教學系統的構建及教學體會[J].科技平臺,2006:26-27.[15]駱志煌,張小明,陳亞東.淺議教師個人遠程教學系統的發展空間[J].中小學信息技術教育,2004,10(.第45期):36-37.[14]王海燕,李芒.讓師生實現零距離的心靈觸摸[J].電化教育研究,2004(第2期):25.[16]衛春芳.個人遠程教學系統的建立[J].計算機時代,2002:8-9.[17]劉波,王本玉,王磊.建立遠程教學系統實現網上信息交流和信息管理[J].邵陽學院學報(自然科學),2003,10(第5期):12-15.[18]胡小榮,李建平.基于ASP技術的高等數學輔助教學網絡平臺[J].數學理論與應用,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