《MATLAB程序設(shè)計(jì)》課程輔助教學(xué)網(wǎng)站的構(gòu)建畢業(yè)論文
《《MATLAB程序設(shè)計(jì)》課程輔助教學(xué)網(wǎng)站的構(gòu)建畢業(yè)論文》由會(huì)員分享，可在線閱讀，更多相關(guān)《《MATLAB程序設(shè)計(jì)》課程輔助教學(xué)網(wǎng)站的構(gòu)建畢業(yè)論文（40頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、 畢 業(yè) 設(shè) 計(jì)〔論 文〕 題 目： ?MATLAB程序設(shè)計(jì)?課程輔助教學(xué)網(wǎng)站的構(gòu)建 學(xué)生姓名 章琳飛 指導(dǎo)教師 應(yīng)明峰 二級(jí)學(xué)院 機(jī)電工程學(xué)院 專 業(yè) 電氣工程及其自動(dòng)化 班 級(jí)06電氣工程及其自動(dòng)化 學(xué) 號(hào) 0605120213 提交日期 2010年
2、5月 14日 辯論日期 2010年 5月 15日 目 錄 摘 要 III Abstract IV 1 緒 論 1 2 課程輔助教學(xué)網(wǎng)站的綜述 2 課題背景 2 程序設(shè)計(jì)背景及意義 2 輔助教學(xué)網(wǎng)站的現(xiàn)狀 2 輔助教學(xué)網(wǎng)站的開展趨勢(shì) 2 輔助教學(xué)網(wǎng)站的優(yōu)點(diǎn) 3 3 教學(xué)輔助網(wǎng)站的應(yīng)用分析 4 網(wǎng)站的規(guī)劃 4 內(nèi)容設(shè)計(jì)及規(guī)劃 4 素材收集 4 網(wǎng)站運(yùn)行與維護(hù) 4 網(wǎng)站的開發(fā)工具 5 制作網(wǎng)站軟件的簡(jiǎn)述 5 軟件的選擇 6 4 網(wǎng)站總體設(shè)計(jì) 8 網(wǎng)站設(shè)計(jì)的步驟 8 網(wǎng)站形象設(shè)計(jì) 8 網(wǎng)站的主頁設(shè)計(jì) 8 網(wǎng)站頁面設(shè)計(jì) 10 網(wǎng)站功能模
3、塊 10 網(wǎng)站頁面 10 網(wǎng)站功能模塊設(shè)計(jì) 11 5 網(wǎng)站詳細(xì)設(shè)計(jì) 13 數(shù)據(jù)庫詳細(xì)設(shè)計(jì) 13 5.1.1 學(xué)生信息表 13 5.1.2 教師信息表 13 5.1.3 管理員信息表 14 5.1.4 上傳文件表 14 5.1.5 課程所有作業(yè)信息表 14 5.1.6 學(xué)生作業(yè)信息表 15 5.1.7 考試科目表 15 考試題目表 15 5.1.9 考試信息表 16 5.1.10 考試記錄表 16 5.1.11 公告信息表 16 5.1.12 論壇文章信息表 17 5.2 局部代碼 17 5.2.1 數(shù)據(jù)庫連接代碼 17 登錄驗(yàn)證代碼 18 5.2.3 考
4、試計(jì)時(shí)器代碼 19 5.2.4 顯示學(xué)生作業(yè)完成情況的代碼 20 課程輔助網(wǎng)站的頁面 22 網(wǎng)站的首頁 22 用戶注冊(cè)的頁面 23 電子教案下載頁面 23 網(wǎng)站留言板頁面 24 結(jié)束語 25 參考文獻(xiàn) 26 附錄 27 Dreamweaver生成局部代碼 27 致謝 35 ?MATLAB程序設(shè)計(jì)?課程輔助教學(xué)網(wǎng)站的構(gòu)建 摘 要 網(wǎng)絡(luò)技術(shù)的高速開展，使人類的信息資源實(shí)現(xiàn)了高度共享，并從根本上改變了人類進(jìn)行的信息交流方式，對(duì)教育的影響也是深刻的。隨著信息科學(xué)技術(shù)的高速開展，網(wǎng)絡(luò)已經(jīng)被廣泛地應(yīng)用于教學(xué)系統(tǒng)。在網(wǎng)絡(luò)環(huán)境下的教學(xué)，具有開放性、綜合性、及時(shí)性和高效性的特
5、點(diǎn)，教學(xué)時(shí)間、層次更靈活，教學(xué)手段、資源更豐富，教學(xué)反應(yīng)、知識(shí)更新更及時(shí)，教學(xué)管理、互動(dòng)與協(xié)作更高效。 本文的工作是圍繞開發(fā)課程輔助教學(xué)系統(tǒng)——輔助教學(xué)網(wǎng)站展開的，主要工作是網(wǎng)站總體設(shè)計(jì)及教師系統(tǒng)的構(gòu)建，具體實(shí)現(xiàn)了新聞發(fā)布、作業(yè)批改、資料上傳、學(xué)生管理及在線答疑等功能。 文章首先介紹了課程開發(fā)的背景以及本文所完成的工作；接著按照軟件工程的開發(fā)流程，詳細(xì)介紹了需求分析、頁面設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、關(guān)鍵技術(shù)和技術(shù)點(diǎn)實(shí)現(xiàn)等具體內(nèi)容；文章的最后對(duì)本次畢業(yè)設(shè)計(jì)的工作進(jìn)行了總結(jié)，概括了本次輔助教學(xué)網(wǎng)站開發(fā)已完成的工作，主要闡述了本次網(wǎng)站開發(fā)的缺乏之處以及進(jìn)一步改良的方向。 關(guān)鍵詞：MATLAB；教學(xué)輔助網(wǎng)
6、站；網(wǎng)站制作 "MATLAB Programming" curriculum auxiliary teaching website construction Abstract Networking's high speed development, caused humanity's information resource to realize shared highly, fundamentally and changed the communication way which the humanity carried on, to the education
7、 the influence was also profound. With the development of information technology, the network has already been widely used in the teaching system. The teaching that is under the network environment is open, integrative, timely and efficient. The time and layer of teaching are more flexible. The mean
8、s and resources of teaching are more abundant. The teaching feedback and knowledge renews are more in time. The effect of teaching management, interaction and cooperation are higher. The textual work launch around the development of on-line assistant education system——assistant teaching website, th
9、e main work include the total design of the website and the development of assistant teaching system, concretely achieve much important function: such as announce news, correct homework, upload data, management student, on-line answer etc. The article introduced the background of the task and the j
10、ob have done in this text first; Then according to the developing process of the software engineering, I will introduce in detail the need analysis, the page design, the database design, the key technique and how to achieve the technique point etc.; The end of the article carried on summary to the w
11、ork of this graduation design, generalizing an accomplished work of this assistant teaching system to develop, but mainly elaborating the shortage of this web site development and the direction of the further improvement. Key word: MATLAB; assistant teaching website; Website manufacture; 1 緒 論 2
12、1世紀(jì)是以科學(xué)技術(shù)的高速開展為其特征，中華民族在國際大家庭中的地位將取決于我國的綜合國力，高速度高質(zhì)量地培養(yǎng)千千萬萬掌握高技術(shù)人才，是其中一個(gè)十分重要的任務(wù)，要做到這一點(diǎn)就必須努力的吸取世界上一切優(yōu)秀的教育思想，教學(xué)手段，并創(chuàng)造性地應(yīng)用于我們的教學(xué)事業(yè)。 MATLAB程序設(shè)計(jì)是一種科學(xué)計(jì)算軟件，主要適用于矩陣運(yùn)算及控制和信息處理領(lǐng)域的分析設(shè)計(jì)，它使用方便，輸入簡(jiǎn)捷，運(yùn)算高效，內(nèi)容豐富，并且很容易由用戶自行擴(kuò)展，因此當(dāng)前已成為大學(xué)教學(xué)和科學(xué)研究中最常用而不必可少的工具。 課程輔助教學(xué)網(wǎng)站設(shè)計(jì)可以給教學(xué)工作帶來極大的方便，比方在教學(xué)中，教師可以將自己的講義以及學(xué)習(xí)資源放在網(wǎng)上供學(xué)生課后復(fù)習(xí)，這
13、樣學(xué)生隨時(shí)都可以上網(wǎng)瀏覽，也省去了復(fù)印的麻煩，極大地方便了廣闊師生，確實(shí)有助于學(xué)習(xí)策略的實(shí)現(xiàn)，極大地調(diào)動(dòng)學(xué)習(xí)的積極性，加強(qiáng)了教學(xué)效果，提高了教學(xué)質(zhì)量，更有助于師生、同學(xué)以及網(wǎng)友之間的交流。 2 課程輔助教學(xué)網(wǎng)站的綜述 課題背景 及意義 MATLAB是一種以矩陣運(yùn)算為根底的交互式程序語言，專門針對(duì)科學(xué)、工程計(jì)算及繪圖的需求。是由美國Mathworks公司于1984年正式推出的，從那時(shí)到現(xiàn)在一升級(jí)到7.x版本。隨著系統(tǒng)的升級(jí)，內(nèi)容不斷擴(kuò)充，功能更加強(qiáng)大。特別是在系統(tǒng)仿真和實(shí)時(shí)運(yùn)算等方面，有很多新進(jìn)展，跟擴(kuò)大了它的應(yīng)用前景。 與其他計(jì)算機(jī)
14、語言相比，其特別是簡(jiǎn)潔和智能化，適應(yīng)科技專業(yè)人員的思維方式和書寫習(xí)慣，使得編程和調(diào)試效率大大提高，它用解釋方式工作，鍵入程序立即得出結(jié)果，人機(jī)交互性能好，能適應(yīng)多種平臺(tái)，并且隨著計(jì)算機(jī)軟件的更新及時(shí)升級(jí)，因此MATLAB語言以成為每個(gè)工學(xué)院學(xué)生都掌握的工具，它大大提高了課程教學(xué)、解題作業(yè)、分析研究的效率。 輔助教學(xué)網(wǎng)站的現(xiàn)狀 現(xiàn)代社會(huì)是信息時(shí)代，互聯(lián)網(wǎng)拉近了人們的距離，計(jì)算機(jī)網(wǎng)絡(luò)輔助教學(xué)是教學(xué)開展的新趨勢(shì)。在現(xiàn)有的一些教學(xué)輔助網(wǎng)中，教師可以在線進(jìn)行教學(xué)管理：發(fā)布教學(xué)信息、提供教學(xué)資源、配合課堂進(jìn)行教學(xué)指導(dǎo)、布置作業(yè)、網(wǎng)上教學(xué)交流、了解學(xué)生情況等。教師是網(wǎng)站信息的提供者，是系統(tǒng)應(yīng)用的指導(dǎo)者。
15、而學(xué)生可以查看老師發(fā)布的教學(xué)信息，下載教學(xué)課件，完成作業(yè)，和老師在線交流探討學(xué)習(xí)中遇到的一些困難。 從大的方面來說，輔助教學(xué)網(wǎng)站對(duì)教育的管理模式、教學(xué)模式、財(cái)政投入模式等都帶來巨大的影響，從小的方面來說，它可以解決傳統(tǒng)課堂教學(xué)中存在的很多問題，一些不能實(shí)現(xiàn)或很難實(shí)現(xiàn)的教學(xué)設(shè)計(jì)思想，現(xiàn)在可以實(shí)現(xiàn)了。 2.輔助教學(xué)網(wǎng)站的開展趨勢(shì) 信息技術(shù)飛速開展，在社會(huì)各個(gè)領(lǐng)域得到了廣泛的應(yīng)用。利用先進(jìn)的信息技術(shù)改革和開展教育自然也成為世界各國的一項(xiàng)重大舉措。網(wǎng)絡(luò)教育具有突破時(shí)空限制和實(shí)現(xiàn)資源共享的根本特點(diǎn)，由此帶來了共享教育資源、擴(kuò)大教育規(guī)模、提高教育速度、促進(jìn)教育改革、構(gòu)筑終身教育體系、實(shí)現(xiàn)以學(xué)習(xí)者為主
16、體的學(xué)習(xí)和協(xié)作式學(xué)習(xí)等好處，因而網(wǎng)絡(luò)教學(xué)已成為世界各國教育改革和開展的重要趨勢(shì)。 (1)可以給教學(xué)工作帶來極大的方便 輔助教學(xué)網(wǎng)站給教學(xué)工作帶來了極大的方便，例如在教學(xué)中，教師可以將自己的講義及有關(guān)學(xué)習(xí)資源放在網(wǎng)上供學(xué)生課后復(fù)習(xí)，這樣學(xué)生隨時(shí)都可以上網(wǎng)瀏覽，也可以省去了復(fù)印的麻煩；學(xué)生可以通過Email交作業(yè)，就省了收作業(yè)發(fā)作業(yè)的麻煩；師生可以隨時(shí)通過Email交流或通過網(wǎng)站討論。事實(shí)上，目前很多老師已經(jīng)不同程度的利用網(wǎng)絡(luò)輔助教學(xué)，比方提供電子講義、收作業(yè)等等，為他們提供一個(gè)更好的輔助教學(xué)網(wǎng)站就成為比擬迫切的問題。 (2)可以更好的實(shí)現(xiàn)許多教學(xué)設(shè)計(jì)謀略 輔助教學(xué)網(wǎng)站在給教學(xué)工作帶
17、來極大方便的同時(shí)，也使原來不太好實(shí)現(xiàn)或不可能實(shí)現(xiàn)的教學(xué)設(shè)計(jì)思想得以實(shí)現(xiàn)，如利用網(wǎng)站開展基于資源的學(xué)習(xí)、基于問題的學(xué)習(xí)以及協(xié)作學(xué)習(xí)等等，通過有效的實(shí)現(xiàn)各種學(xué)習(xí)策略，就可以加強(qiáng)教學(xué)效果，提高教學(xué)質(zhì)量。 (3)它是“以教師為中心〞的教學(xué)模式和“以學(xué)生為中心〞的教學(xué)模式的完美結(jié)合 目前有兩種教學(xué)設(shè)計(jì)理念：一種是“以教師為中心的〞教學(xué)設(shè)計(jì)理念，另一種是“以學(xué)生為中心〞的教學(xué)設(shè)計(jì)理念，這兩種教學(xué)模式各有優(yōu)缺點(diǎn)，但又是相互互補(bǔ)，相輔相成的關(guān)系目前高等院校還是以課堂教學(xué)為主，自然主要是以教為中心的，如何才能協(xié)調(diào)使用這兩種教學(xué)模式呢？輔助教學(xué)網(wǎng)站正好是一個(gè)良好的工具。在課堂教學(xué)中，仍然采用以教師為中心的教學(xué)
18、模式，在課后的網(wǎng)絡(luò)輔助學(xué)習(xí)中，采用以學(xué)生為中心的教學(xué)模式，并且力爭(zhēng)通過輔助教學(xué)系統(tǒng)盡可能將這兩種教學(xué)模式互相融合。 3 教學(xué)輔助網(wǎng)站的應(yīng)用分析 教學(xué)網(wǎng)站的成功運(yùn)作首先取決于網(wǎng)站規(guī)劃。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的、網(wǎng)站的功能、建站的技術(shù)，并且進(jìn)行詳細(xì)分析，寫出網(wǎng)站規(guī)劃書。 內(nèi)容設(shè)計(jì)及規(guī)劃 教學(xué)網(wǎng)站內(nèi)容設(shè)計(jì)與組織是網(wǎng)站規(guī)劃中最重要的局部，是網(wǎng)站吸引瀏覽者最重要的因素。教學(xué)網(wǎng)站通常的功能模塊有教師介紹、教師課表、課程教案、參考資料、教學(xué)論壇、課后答疑、典型問題、優(yōu)秀作品、學(xué)生管理、考試管理、作業(yè)管理等。這些模塊之間的關(guān)系有的是同級(jí)關(guān)系、有的是附屬關(guān)系， 可根據(jù)其關(guān)系畫出模塊層次關(guān)系圖
19、， 構(gòu)略網(wǎng)頁內(nèi)容的布局。原那么上主要功能模塊在前，次要功能模塊在后，并且為每一個(gè)模塊對(duì)應(yīng)的網(wǎng)頁命名， 提前標(biāo)注說明。 內(nèi)容豐富、信息量大是網(wǎng)站最重要的特點(diǎn)，制作網(wǎng)站的素材獲取需要很大的工作量?，F(xiàn)在網(wǎng)上有很多免費(fèi)提供的文字、圖形、動(dòng)畫，特殊效果 功能模塊、網(wǎng)頁模板等素材， 下載后略加修改就可使用，制作網(wǎng)站前要提前收集和準(zhǔn)備素材。 網(wǎng)站只有在互聯(lián)網(wǎng)上發(fā)布，才能正常使用。根據(jù)條件可以選擇個(gè)人效勞器發(fā)布或互聯(lián)網(wǎng)發(fā)布兩種方式。網(wǎng)站制作內(nèi)容多，而且有數(shù)據(jù)庫支持的網(wǎng)站選用個(gè)人效勞器，維護(hù)、修改容易，但配置復(fù)雜，需要長(zhǎng)期維護(hù)，定時(shí)開機(jī)。對(duì)于內(nèi)容較少，數(shù)據(jù)庫的交互量較少的網(wǎng)站，只要在網(wǎng)上申請(qǐng)一個(gè)免費(fèi)
20、的空間和域名，利用FTP軟件上傳網(wǎng)站文件后就可以直接使用，公網(wǎng)上的效勞器有專人維護(hù)， 問題較少。 制作網(wǎng)站軟件的簡(jiǎn)述 網(wǎng)站的設(shè)計(jì)技術(shù)是完成網(wǎng)站的保證， 目前的網(wǎng)站從技術(shù)方面可初步分為靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站。 靜態(tài)網(wǎng)站中的網(wǎng)頁不提供人機(jī)交互功能， 只是文字、圖形、動(dòng)畫、視頻等資料的數(shù)字化顯示，是初學(xué)者的較好選擇。制作靜態(tài)網(wǎng)站目前流行的軟件有：Dreamweaver 、FrontPage 、Flash 、Fireworks、Photoshop等，這幾個(gè)軟件在使用方面的側(cè)重點(diǎn)不同，因而可以互補(bǔ)。前兩個(gè)軟件主要用于網(wǎng)頁的框架設(shè)計(jì)和圖形、文字、動(dòng)畫的集成，是制作網(wǎng)頁的主要工具。 FrontPag
21、e簡(jiǎn)單易學(xué)，Dreamweaver號(hào)稱網(wǎng)頁制作三劍客之首，功能強(qiáng)大， 除具備FrontPage的全部功能外，還包括大量的輔助制作工具，例如調(diào)整對(duì)象的屬性、制作簡(jiǎn)單動(dòng)畫、智能編寫動(dòng)態(tài)網(wǎng)頁代碼等。尤其是其圖層功能可以彌補(bǔ)由表格設(shè)計(jì)造成的空間變形，是專業(yè)網(wǎng)站制作的工具。 Fireworks主要用于制作簡(jiǎn)單的動(dòng)畫、圖形、按鈕等， 在網(wǎng)頁設(shè)計(jì)中起輔助作用。Fireworks也可以直接設(shè)計(jì)網(wǎng)頁文件，特別是復(fù)雜的文字、圖形定位， 可以自動(dòng)形成表格， 防止其他軟件中由于表格中的一個(gè)單元格的誤差，造成整個(gè)網(wǎng)頁框架變形。但Fireworks網(wǎng)頁維護(hù)復(fù)雜，不適合頻繁改動(dòng)的主頁制作。 Flash軟件作為專業(yè)的動(dòng)畫
22、設(shè)計(jì)軟件，主要制作網(wǎng)頁中的動(dòng)畫素材，吸引瀏覽者。另外F1ash軟件功能強(qiáng)大，可以獨(dú)立建立靜態(tài)、動(dòng)態(tài)網(wǎng)站，F(xiàn)lash軟件單獨(dú)制作的主頁易于整體規(guī)劃，界面美觀，但生成的文件較大，在互聯(lián)網(wǎng)中傳輸速度較慢， 很少用來單獨(dú)制作大型網(wǎng)站。 Photoshop軟件是專業(yè)的圖像處理軟件， 主要用于網(wǎng)頁中圖像的特殊處理，還可以制作頁面背景、按鈕、底紋、邊框等，在網(wǎng)站美化和布局中起重要作用。Photoshop軟件也可以單獨(dú)制作主頁，利用圖層的靈活處理， 可以設(shè)計(jì)出美觀的主頁，但如果生成網(wǎng)頁文件，還需要其他軟件的配合使用，且鏈接、維護(hù)困難，初學(xué)者不易掌握。如果力求網(wǎng)頁制作完美，網(wǎng)頁中文字、鏈接等統(tǒng)一，還需要掌握C
23、SS語法規(guī)那么，假設(shè)需要一些特殊效果，還需要學(xué)習(xí)腳本語言。 動(dòng)態(tài)網(wǎng)站是指具有人機(jī)交互功能的網(wǎng)站，初學(xué)者容易理解為具有動(dòng)畫的網(wǎng)頁，主要制作網(wǎng)站中有關(guān)數(shù)據(jù)管理功能模塊。動(dòng)態(tài)網(wǎng)站制作技術(shù)較復(fù)雜， 需要和數(shù)據(jù)庫進(jìn)行交互，要求制作者具備一定的編程能力和數(shù)據(jù)庫管理技術(shù)，需要熟練使用SQL語句，對(duì)初學(xué)者較難掌握。但目前常用的功能模塊比擬成熟， 比方： 留言板、BBS、通訊錄、聊天室等。制作動(dòng)態(tài)網(wǎng)站的語言目前流行的有ASP、PHP、JSP，配合腳本語言使用，例如：VBScript和JavaScript。ASP語言要求的環(huán)境配置簡(jiǎn)單，而且語法規(guī)那么和Basic一致，易學(xué)易用，使用者很多，便于交流。使用的語言編
24、輯軟件很多，Windows中的記事本、Dreamweaver、FrontPage、Flash等眾多軟件都可用來編輯。數(shù)據(jù)庫軟件有很多版本，對(duì)于個(gè)人用戶， 目前易于掌握的有Access和SQL Server。 Dreamweaver是Macromedia公司開發(fā)的一個(gè)專業(yè)的網(wǎng)頁制作工具，它是采用所見所得的編輯方式，通過特有的行為、模板、時(shí)間軸等技術(shù)，快速高效地創(chuàng)立極具表現(xiàn)力和動(dòng)感效果的網(wǎng)頁。Dreamweaver 8是一個(gè)功能強(qiáng)大的網(wǎng)站管理與網(wǎng)頁設(shè)計(jì)工具，利用它不僅可以方便地管理站點(diǎn)目錄結(jié)構(gòu)，上傳和同步更新站點(diǎn)，還可以方便地創(chuàng)立各種極具動(dòng)態(tài)特性的網(wǎng)頁。Dreamweaver 8具有以下幾個(gè)
25、特性： 〔1〕精確性：Dreamweaver采用Roundtrip HTML技術(shù)實(shí)現(xiàn)對(duì)HTML源代碼的精確控制，它能生成最為簡(jiǎn)潔和高效的HTML代碼。文檔中如出現(xiàn)不配對(duì)的標(biāo)記，將會(huì)用黃色顯示提醒用戶有錯(cuò)誤需要修改。 〔2〕易用性。Dreamweaver的編輯界面相當(dāng)友好，且操作簡(jiǎn)單。通過各種工具面板，可以非常方便地控制頁面各種元素的屬性。在不用手工輸入一行代碼的情況下，就可以制作出各種特效，比方動(dòng)畫、動(dòng)態(tài)按鈕、索引條、分層等。 〔3〕兼容性。兼容性是Dreamweaver的一個(gè)非常優(yōu)秀的特性，用它制作的頁面能在各種瀏覽器上正確地顯示，這在其他網(wǎng)頁制作工具中是沒有的。 Dreamweav
26、er是一個(gè)功能強(qiáng)大的網(wǎng)頁編程軟件，于是我選用Dreamweaver來完成網(wǎng)頁制作。 ASP是一個(gè)效勞器端的腳本開發(fā)環(huán)境，開發(fā)者可以在ASP環(huán)境下建立并執(zhí)行交互式Web效勞器應(yīng)用程序，而且ASP腳本還可以和HTML語言、Java小程序等混合在一起編寫，這大大豐富和擴(kuò)充了ASP 應(yīng)用程序的功能。ASP簡(jiǎn)單易學(xué)，又有微軟的強(qiáng)大支持。ASP程序的優(yōu)點(diǎn)有： 〔1〕使用VBScript、Jscript等簡(jiǎn)單易懂的腳本語言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 〔2〕無須編譯，使用普通的文本編輯器，即可進(jìn)行編輯設(shè)計(jì)，可在效勞器端直接執(zhí)行。 〔3〕與瀏覽器無關(guān)，用戶端只要使用可執(zhí)行HTML
27、代碼的瀏覽器，即可瀏覽ASP網(wǎng)頁內(nèi)容。ASP所使用的腳本語言均在Web效勞器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。 〔4〕可使用效勞器端的腳本來產(chǎn)生客戶端的腳本。 〔5〕ASP能與任何ActiveX scripting語言相容。 〔6〕程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動(dòng)態(tài)HTML文件，提高了程序的平安性。 〔7〕存取數(shù)據(jù)庫輕松容易〔使用ADO組件〕。 Access 是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)〔RDBMS〕，是Office系列應(yīng)用軟件之一。Access是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點(diǎn)如下： 〔1〕存儲(chǔ)方式單一； 〔2〕面
28、向?qū)ο螅? 〔3〕界面友好、易操作； 〔4〕集成環(huán)境、處理多種數(shù)據(jù)信息。 〔5〕Access支持ODBC〔開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity〕，利用Access強(qiáng)大的DDE〔動(dòng)態(tài)數(shù)據(jù)交換〕和OLE〔對(duì)象的聯(lián)接和嵌入〕特性，可以在一個(gè)數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動(dòng)態(tài)的數(shù)據(jù)庫報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對(duì)象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用。 4 網(wǎng)站總體設(shè)計(jì) 4.1網(wǎng)站設(shè)計(jì)的步驟 4.1.1網(wǎng)站形象設(shè)計(jì) (1)設(shè)計(jì)網(wǎng)
29、站的標(biāo)志: 標(biāo)志是站點(diǎn)特色和內(nèi)涵的集中表達(dá)，看見標(biāo)志就聯(lián)想起站點(diǎn)，標(biāo)志盡可能出現(xiàn)在每個(gè)頁面的頁眉、頁腳或背景。 (2)設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn): 色彩網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用， 只是作為點(diǎn)綴和襯托， 絕不能喧賓奪主。文字的鏈接色彩、圖片的主色彩、背景色、邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。 (3)設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體: 和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的特有字體。網(wǎng)頁默認(rèn)的字體是宋體， 為了表
30、達(dá)站點(diǎn)的“與眾不同〞 和特有風(fēng)格， 可以選擇一些特別字體。在關(guān)鍵的標(biāo)題、菜單、圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。 (4)使用統(tǒng)一的語氣和人稱。 (5)使用統(tǒng)一的圖片處理效果。比方： 陰影效果的方向、厚度、模 糊度都必須一致。 (6)統(tǒng)一的花邊、點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最正確的頁面效果。 (7)主頁與子頁保持結(jié)構(gòu)、色彩、內(nèi)容要和諧統(tǒng)一 4.1.2網(wǎng)站的主頁設(shè)計(jì) (1)表格設(shè)計(jì) 復(fù)雜的主頁空間分布，都是由表格控制的。合理地布局表格，才能準(zhǔn)確地把文字、圖形、動(dòng)畫材料有機(jī)地組織起來，到達(dá)美觀的效果。但表格的設(shè)計(jì)是最復(fù)雜的局部，也容易出錯(cuò)。表格設(shè)計(jì)根據(jù)個(gè)人習(xí)慣和愛好，可以分
31、為橫向設(shè)計(jì)原那么和縱向設(shè)計(jì)原那么。橫向原那么是從總體上設(shè)計(jì)一個(gè)特定寬度和高度的多行一列的表格，再在每一行的單元格中嵌套一個(gè)表格，用嵌套的表格進(jìn)一步細(xì)分行和列?？v向設(shè)計(jì)原那么是設(shè)計(jì)一個(gè)特定寬度和高度的只有一行多列的表格，在每一列的單元格中嵌套一個(gè)新的表格，用新表格再重新分割空間。表格設(shè)計(jì)時(shí)注意表格的空間大小，準(zhǔn)確計(jì)算每一個(gè)單元格的空間，不能出現(xiàn)邏輯錯(cuò)誤。如有邏輯計(jì)算錯(cuò)誤，隨時(shí)都可能出現(xiàn)表格混亂，一旦出現(xiàn)混亂，就不能復(fù)原。一般地，主頁的高度隨著主頁內(nèi)容的增加而增高，主頁的寬度要充滿整個(gè)顯示器的寬度。但顯示器的寬度隨著分辨率的改變，實(shí)際像素值不變。如果表格的寬度表示為特定的像素值， 在不同分辨率下所
32、顯示的效果不同。比方一個(gè)寬度為774像素的表格在800×600下滿寬顯示，而在1024.768下只能顯示774個(gè)像素的寬度。設(shè)計(jì)表格寬度時(shí)如果設(shè)置為相對(duì)寬度，100％的寬度在任何分辨率上都能滿屏顯示。主頁內(nèi)如有大量圖片， 也會(huì)造成圖片和其他內(nèi)容搭配不協(xié)調(diào)的結(jié)果，所以表格的分布在常用分辨率下設(shè)置表格的絕對(duì)寬度， 一般在800×600分辨率下，設(shè)置寬度為773像素， 加上邊框的寬度接近800像素的寬度。 (2)網(wǎng)頁中的邊框線條 網(wǎng)頁中的空間分布有時(shí)采用各種線條、矩形框、圓角線框、藝術(shù)線框等來進(jìn)行修飾，增加主頁視覺的美感。具體線框制作有四種：一種是直接在表格中通過分配單元格的高度和寬度像素來實(shí)現(xiàn)
33、，分配足夠小的單元格寬度，比方只有一個(gè)像素，而單元格背景色是藍(lán)色，那么就得到一條藍(lán)色23豎線條，如果設(shè)置的是高度，那么得到橫線條；第二種方法是通過使用兩個(gè)嵌套表格的背景疊加來實(shí)現(xiàn)；第三種方法是用圖形設(shè)計(jì)軟件設(shè)計(jì)一個(gè)和表格大小相等的矩形或圓角矩形或其他式樣的線框，當(dāng)作表格背景插入網(wǎng)頁中；第四種方法先設(shè)置表格單元格的高度寬度適當(dāng)，在圖形軟件中制作一個(gè)點(diǎn)或一個(gè)標(biāo)志，通過做表格邊緣的背景，正確對(duì)接就可以形成所要的邊框。 (3)主頁或表格底紋的設(shè)計(jì)。 使用Photoshop或Fireworks軟件先設(shè)置一個(gè)3×3或4×4像素的圖形，放大圖形，再設(shè)計(jì)內(nèi)容，保存為圖案，填充出特定的圖形，比方網(wǎng)格、圓點(diǎn)、
34、多線條、小文字等，然后用這個(gè)圖像文件當(dāng)作表格或整個(gè)主頁的背景，就得出特殊的背景或底紋。 (4)圖形文件、動(dòng)畫文件的插入 主頁中的圖形或動(dòng)畫在網(wǎng)頁設(shè)計(jì)中往往起到畫龍點(diǎn)睛的作用,無論是收集的素材或制作的素材,必須要求插入到正確的位置或和整個(gè)網(wǎng)頁的色彩協(xié)調(diào)一致。對(duì)于靜態(tài)圖片，要注意圖像不能失真，調(diào)整圖形大小時(shí)，不使用縮放處理，只取特定大小局部，通過圖像的拼湊得到所需的圖像效果。FLASH動(dòng)畫的插入相對(duì)復(fù)雜。對(duì)于文字動(dòng)畫，因?yàn)槎际菃紊?，不?huì)產(chǎn)生顏色失真現(xiàn)象，發(fā)布成GIF格式插入即可。而FLASH制作的圖像動(dòng)畫，如果發(fā)布成GIF文件，可能造成嚴(yán)重圖像顏色失真，必須生成SWF文件,使用JavaScr
35、ipt腳本語句插入到表格中，或使用Dreamweaver中插入FLASH動(dòng)畫工具插入，但要注意動(dòng)畫的正確路徑． (5)網(wǎng)頁的鏈接 一個(gè)網(wǎng)站是由很多網(wǎng)頁文件鏈接形成的，正確使用鏈接，才能使網(wǎng)站正常運(yùn)行，同時(shí)給維護(hù)工作提供方便。網(wǎng)站中的路徑必須全部采用相對(duì)路徑，鏈接到某一日錄下的缺省文件的鏈接路徑不必寫全名，主頁中含有大量的鏈接，鏈接的效果要求統(tǒng)一，可以使用CSS中的鏈接對(duì)象設(shè)置來完成。 4.2網(wǎng)站頁面設(shè)計(jì) 4.2.1網(wǎng)站功能模塊 作為一個(gè)輔助教學(xué)網(wǎng)站，有其特有的功能要求。本網(wǎng)站主要目的是在教學(xué)過程中，為師生交流提供一個(gè)平臺(tái),主要設(shè)置了以下幾個(gè)功能模塊： 信息管理：教師、學(xué)生、管理員
36、等數(shù)據(jù)的添加功能； 2.教學(xué)資料管理：教師可以上傳教學(xué)課件和其它相關(guān)資料，學(xué)生可以對(duì)這些資料進(jìn)行下載。 3.論壇模塊：師生交流論壇，討論教學(xué)中的一些問題或者學(xué)生對(duì)老師的意見等。 4.作業(yè)管理：教師布置及批改點(diǎn)評(píng)作業(yè)，學(xué)生完成作業(yè)并提交答案。 5.在線考試：教師添加考試科目、考試題目并生成試卷，學(xué)生在規(guī)定時(shí)間內(nèi)完成試卷，且一個(gè)人每個(gè)考試只能進(jìn)行一次。 為了豐富網(wǎng)站的內(nèi)容，還增加了公告模塊和新聞模塊。 4.2.2網(wǎng)站頁面 網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速開展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重
37、要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。 網(wǎng)站的頁面設(shè)計(jì)主要考慮以下幾點(diǎn)： (1)簡(jiǎn)潔實(shí)用:盡量不增加與網(wǎng)站無關(guān)的內(nèi)容，去掉冗余的東西。 (2)使用方便:滿足使用者的要求，網(wǎng)頁要做得適合使用。 (3)整體性好: 一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，要圍繞一個(gè)統(tǒng)一的目標(biāo)進(jìn)行設(shè)計(jì)。 (4)頁面用色協(xié)調(diào)：頁面主色調(diào)要貫穿各頁面，搭配的顏色要協(xié)調(diào)。 4.2.3網(wǎng)站功能模塊設(shè)計(jì) 輔助教學(xué)網(wǎng)站 學(xué) 生 模 塊 教 師 模 塊 學(xué) 生 模 塊 圖4-1 網(wǎng)站總體結(jié)構(gòu) 首 頁 登 錄 公 告 新 聞 資料下載
38、圖4-2 網(wǎng)站首頁框架 作業(yè)模塊 在線考試 個(gè)人信息 顯示信息 修改密碼 查看作業(yè) 提交作業(yè)答案 學(xué) 生 模 塊 論 壇 考試 查看成績(jī) 圖4-3 學(xué)生模塊結(jié)構(gòu) 修改密碼 顯示信息 作業(yè)管理 個(gè)人信息 教 師 模 塊 修改刪除公告 學(xué)生提交答案列表 已有作業(yè)列表 添加作業(yè) 點(diǎn)評(píng)作業(yè) 發(fā)布公告 公告管理 論 壇 在線考試 生成試卷 修改試卷 題庫管理 科目管理 圖4-4 教師模塊結(jié)構(gòu) 新聞管理 論 壇 人員管理 添加教師 添加管理員 發(fā)布新聞 修改刪除新聞 管 理 員 模 塊 修改密碼 添
39、加學(xué)生 公告管理 發(fā)布公告 修改刪除公告 圖4-5 管理員模塊結(jié)構(gòu) 發(fā)表文章 查看文章 回復(fù)文章 論 壇 圖4-6 論壇結(jié)構(gòu) 5 網(wǎng)站詳細(xì)設(shè)計(jì) 數(shù)據(jù)表文件存放該網(wǎng)站所有的數(shù)據(jù)，為Access型數(shù)據(jù)庫文件，數(shù)據(jù)庫名：edu 5.1.1 學(xué)生信息表 表5-1 student表 備注: 存儲(chǔ)學(xué)生信息，由管理員后臺(tái)添加 .2 教師信息表 表5-2 teacher表 備注: 存儲(chǔ)老師信息，由管理員后臺(tái)添加 管理員信息表 表5-3 manager表 備注: 存儲(chǔ)管理員信息，由管理員后
40、臺(tái)添加 5.1.4 上傳文件表 表5-4 loadfiles表 備注：存儲(chǔ)上傳文件信息，老師上傳文件時(shí)系統(tǒng)自動(dòng)添加 5.1.5 課程所有作業(yè)信息表 表5-5 courseHomework表 備注：保存所有課程的所有作業(yè)信息 5.1.6 學(xué)生作業(yè)信息表 表5-6 stuHomework表 備注：保存學(xué)生提交的作業(yè)答案 5.1.7 考試科目表 表5-7 TestSubject表 備注：記錄考試科目的有關(guān)信息 5.1.8考試題目表 表5-8 Question表 備注：記錄考試題目的有關(guān)信息 5.1.9
41、 考試信息表 表5-9 Test表 備注：記錄考試試卷的有關(guān)信息 5.1.10 考試記錄表 表5-10 TestRecord表 備注：記錄考生考試的有關(guān)信息 5.1.11 公告信息表 表5-11 notice表 備注: 保存發(fā)布的公告的信息 5.1.12 論壇文章信息表 表5-12 bbs表 備注：保存發(fā)表的文章信息 5.2 局部代碼 5.2.1 數(shù)據(jù)庫連接代碼 將與數(shù)據(jù)庫的連接寫成函數(shù)，分成有返回值和無返回值兩種，在需從數(shù)據(jù)庫中存取數(shù)據(jù)的頁面直接調(diào)用函數(shù)。鏈接數(shù)據(jù)庫我們使用ADO對(duì)象群的Connection對(duì)象；而翻開數(shù)據(jù)庫使用ADO對(duì)
42、象群的Record set對(duì)象，程序如下： response.Expires=0 dim db db="data/edu.mdb" sub ExecuteNonQuery(sql) dim conn dim connstr set conn=server.CreateObject("ADODB.Connection") connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" connstr=connstr & server.MapPath(""&db&"
43、") conn.open connstr conn.execute sql set conn=nothing end sub function ExecuteQuery(sql) dim conn dim connstr dim rcs set conn=server.CreateObject("ADODB.Connection") connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" connstr=connstr & ser
44、ver.MapPath(""&db&"") conn.open connstr set rcs=server.CreateObject("ADODB.Recordset") rcs.open sql,conn,1,1 set ExecuteQuery=rcs end function 登錄的用戶分為三種：學(xué)生、老師、管理員，先判斷填寫信息是否完整，再判斷該用戶是否存在，如果存在就把用戶信息寫入session中，然后根據(jù)身份轉(zhuǎn)向各自的首頁。程序如下： userID=trim(request.Form("userID")) userpas
45、sword=trim(request.Form("userpassword")) usertype=request.Form("usertype") if userID="" or userpassword="" then Alert("對(duì)不起,你的信息填寫不完整,請(qǐng)查實(shí)后再登錄!") GoBack() response.End() end if if usertype="teacher" then sql="select * from teacher where ID='" & userID & "' and
46、 tPassword='" & userpassword & "'" set rs=ExecuteQuery(sql) if rs.eof then Alert("對(duì)不起,你輸入的用戶名或密碼錯(cuò)誤,請(qǐng)重新輸入1") GoBack() response.End() else session("userID")=rs("ID") session("userName")=rs("tName") session("usertype")=usertype response.Redirect("teach
47、er.asp") end if 然后用elseif usertype="student"和elseif usertype="manager"來判斷是學(xué)生還是管理員，其它代碼和老師的差不多。 5.2.3 考試計(jì)時(shí)器代碼 根據(jù)考試的時(shí)間〔單位：小時(shí)〕來進(jìn)行倒計(jì)時(shí)，考試時(shí)間結(jié)束時(shí)，還沒交卷的強(qiáng)制提交考卷，程序如下： 5.2.4 顯示學(xué)生作業(yè)完成情況的代碼 從數(shù)據(jù)庫中取出所有學(xué)生完成這道作業(yè)的情況，程序如下： sqlstu="select A.stuID,B.homeworkContent,B.ID from"_ & "(select stuID from student) as A left join"_ & "(select * from stuHomework where homeworkID="_ & rs("ID") & ") as
53、 B on A.stuID=B.stuID" set rsstu=ExecuteQuery(sqlstu) 列出所有完成這道作業(yè)的學(xué)生的學(xué)號(hào)，通過點(diǎn)擊學(xué)號(hào)鏈接到顯示學(xué)生答案的頁面，程序如下： while(not rsstu.eof) if(rsstu("homeworkContent")<>"") then response.Write("" & rsstu("stuID")& " ") end if
54、 rsstu.movenext() end 列出所有未完成這道作業(yè)的學(xué)生的學(xué)號(hào) while(not rsstu.eof) if(isnull(rsstu("homeworkContent"))) then response.Write(rsstu("stuID") & " ") end if rsstu.movenext() end 局部頁面 網(wǎng)站的首頁 圖5-1 網(wǎng)站的首頁 用戶注冊(cè)的頁面 圖5-2 網(wǎng)站的
55、用戶注冊(cè)頁面 電子教案下載頁面 圖5-3 網(wǎng)站電子教案下載頁面 網(wǎng)站留言板頁面 圖5-4 網(wǎng)站的用戶留言板頁面 結(jié)束語 目前，教育方式正面臨著一場(chǎng)巨大的革命，推動(dòng)這場(chǎng)革命的巨大力量來自通信、網(wǎng)絡(luò)、多媒體以及虛擬現(xiàn)實(shí)等技術(shù)。與傳統(tǒng)課堂教育方式相比，新教育方式的重要特點(diǎn)在于突破了時(shí)間和空間的限制，由于不需要教師與學(xué)生之間面對(duì)面的教學(xué)，在計(jì)算機(jī)輔助教學(xué)網(wǎng)站的方式下，學(xué)生可以根據(jù)自己的學(xué)習(xí)情況確定自己的學(xué)習(xí)內(nèi)容和安排學(xué)習(xí)進(jìn)度，從而滿足了社會(huì)普遍性和個(gè)體獨(dú)立性的進(jìn)一步需要，并能實(shí)現(xiàn)吃醋教育和終身教育。本文說明了課題的背景，對(duì)網(wǎng)站進(jìn)行了總體分析，并對(duì)課程輔助教學(xué)網(wǎng)站的設(shè)
56、計(jì)與實(shí)現(xiàn)過程進(jìn)行了較詳細(xì)的介紹，對(duì)網(wǎng)站的總體框架和數(shù)據(jù)庫的設(shè)計(jì)進(jìn)行了說明，并參加了網(wǎng)站的主要網(wǎng)頁的頁面和一些代碼。 本輔助教學(xué)網(wǎng)站只是簡(jiǎn)單實(shí)現(xiàn)了一些功能，還有很多不完善的地方，需待日后改良。通過這次畢業(yè)設(shè)計(jì)的制作，我根本學(xué)會(huì)了Dreamweaver的使用，對(duì)ASP和數(shù)據(jù)庫也有了一定的掌握。在設(shè)計(jì)期間，也遇到一些問題，對(duì)于制作網(wǎng)站沒有什么根底，學(xué)習(xí)起來相比照擬困難，通過圖書館借閱資料和網(wǎng)上一些資源，認(rèn)真學(xué)習(xí)Dreamweaver等相關(guān)軟件，相對(duì)有了初步了解，覺得網(wǎng)站制作雖不是一項(xiàng)需要很多技術(shù)，但卻是一項(xiàng)工作量很大很繁瑣的工作。 參考文獻(xiàn) [1] 陳懷琛 吳大正 高西全編著.MATLAB及
57、在電子信息課程中的應(yīng)用.電子工業(yè)出版社.2021年10月 [2] 姜偉.實(shí)例版Dreamweaver8網(wǎng)頁制作.電子工業(yè)出版社.2006年9月 [3] CIS工程組著.Web配色字典.電子工業(yè)出版社.2006年9月 [4] 陳學(xué)平主編.網(wǎng)頁制作自學(xué)手冊(cè). 電子工業(yè)出版社出版.2006年1月 [5] 王國平 涂巧霞編著.Macromedia Studio8網(wǎng)頁三劍客根底與實(shí)踐教程. 電子工業(yè)出版社.2006年8月 [6] 前沿電腦圖像工作室編著.巧學(xué)巧用Dreamweaver8 Fireworks8 Flash8制作網(wǎng)頁.人民郵電出版社.2006年1月
58、 附錄 Dreamweaver生成局部代碼 l 主體生成代碼
習(xí)/網(wǎng)站/第10章/圖片/im_47(2).jpg){kind=small}
