《MATLAB程序設計》課程輔助教學網(wǎng)站的構建畢業(yè)論文
《《MATLAB程序設計》課程輔助教學網(wǎng)站的構建畢業(yè)論文》由會員分享，可在線閱讀，更多相關《《MATLAB程序設計》課程輔助教學網(wǎng)站的構建畢業(yè)論文（40頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、 畢 業(yè) 設 計〔論 文〕 題 目： ?MATLAB程序設計?課程輔助教學網(wǎng)站的構建 學生姓名 章琳飛 指導教師 應明峰 二級學院 機電工程學院 專 業(yè) 電氣工程及其自動化 班 級06電氣工程及其自動化 學 號 0605120213 提交日期 2010年
2、5月 14日 辯論日期 2010年 5月 15日 目 錄 摘 要 III Abstract IV 1 緒 論 1 2 課程輔助教學網(wǎng)站的綜述 2 課題背景 2 程序設計背景及意義 2 輔助教學網(wǎng)站的現(xiàn)狀 2 輔助教學網(wǎng)站的開展趨勢 2 輔助教學網(wǎng)站的優(yōu)點 3 3 教學輔助網(wǎng)站的應用分析 4 網(wǎng)站的規(guī)劃 4 內(nèi)容設計及規(guī)劃 4 素材收集 4 網(wǎng)站運行與維護 4 網(wǎng)站的開發(fā)工具 5 制作網(wǎng)站軟件的簡述 5 軟件的選擇 6 4 網(wǎng)站總體設計 8 網(wǎng)站設計的步驟 8 網(wǎng)站形象設計 8 網(wǎng)站的主頁設計 8 網(wǎng)站頁面設計 10 網(wǎng)站功能模
3、塊 10 網(wǎng)站頁面 10 網(wǎng)站功能模塊設計 11 5 網(wǎng)站詳細設計 13 數(shù)據(jù)庫詳細設計 13 5.1.1 學生信息表 13 5.1.2 教師信息表 13 5.1.3 管理員信息表 14 5.1.4 上傳文件表 14 5.1.5 課程所有作業(yè)信息表 14 5.1.6 學生作業(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 登錄驗證代碼 18 5.2.3 考
4、試計時器代碼 19 5.2.4 顯示學生作業(yè)完成情況的代碼 20 課程輔助網(wǎng)站的頁面 22 網(wǎng)站的首頁 22 用戶注冊的頁面 23 電子教案下載頁面 23 網(wǎng)站留言板頁面 24 結(jié)束語 25 參考文獻 26 附錄 27 Dreamweaver生成局部代碼 27 致謝 35 ?MATLAB程序設計?課程輔助教學網(wǎng)站的構建 摘 要 網(wǎng)絡技術的高速開展，使人類的信息資源實現(xiàn)了高度共享，并從根本上改變了人類進行的信息交流方式，對教育的影響也是深刻的。隨著信息科學技術的高速開展，網(wǎng)絡已經(jīng)被廣泛地應用于教學系統(tǒng)。在網(wǎng)絡環(huán)境下的教學，具有開放性、綜合性、及時性和高效性的特
5、點，教學時間、層次更靈活，教學手段、資源更豐富，教學反應、知識更新更及時，教學管理、互動與協(xié)作更高效。 本文的工作是圍繞開發(fā)課程輔助教學系統(tǒng)——輔助教學網(wǎng)站展開的，主要工作是網(wǎng)站總體設計及教師系統(tǒng)的構建，具體實現(xiàn)了新聞發(fā)布、作業(yè)批改、資料上傳、學生管理及在線答疑等功能。 文章首先介紹了課程開發(fā)的背景以及本文所完成的工作；接著按照軟件工程的開發(fā)流程，詳細介紹了需求分析、頁面設計、數(shù)據(jù)庫設計、關鍵技術和技術點實現(xiàn)等具體內(nèi)容；文章的最后對本次畢業(yè)設計的工作進行了總結(jié)，概括了本次輔助教學網(wǎng)站開發(fā)已完成的工作，主要闡述了本次網(wǎng)站開發(fā)的缺乏之處以及進一步改良的方向。 關鍵詞：MATLAB；教學輔助網(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世紀是以科學技術的高速開展為其特征，中華民族在國際大家庭中的地位將取決于我國的綜合國力，高速度高質(zhì)量地培養(yǎng)千千萬萬掌握高技術人才，是其中一個十分重要的任務，要做到這一點就必須努力的吸取世界上一切優(yōu)秀的教育思想，教學手段，并創(chuàng)造性地應用于我們的教學事業(yè)。 MATLAB程序設計是一種科學計算軟件，主要適用于矩陣運算及控制和信息處理領域的分析設計，它使用方便，輸入簡捷，運算高效，內(nèi)容豐富，并且很容易由用戶自行擴展，因此當前已成為大學教學和科學研究中最常用而不必可少的工具。 課程輔助教學網(wǎng)站設計可以給教學工作帶來極大的方便，比方在教學中，教師可以將自己的講義以及學習資源放在網(wǎng)上供學生課后復習，這
13、樣學生隨時都可以上網(wǎng)瀏覽，也省去了復印的麻煩，極大地方便了廣闊師生，確實有助于學習策略的實現(xiàn)，極大地調(diào)動學習的積極性，加強了教學效果，提高了教學質(zhì)量，更有助于師生、同學以及網(wǎng)友之間的交流。 2 課程輔助教學網(wǎng)站的綜述 課題背景 及意義 MATLAB是一種以矩陣運算為根底的交互式程序語言，專門針對科學、工程計算及繪圖的需求。是由美國Mathworks公司于1984年正式推出的，從那時到現(xiàn)在一升級到7.x版本。隨著系統(tǒng)的升級，內(nèi)容不斷擴充，功能更加強大。特別是在系統(tǒng)仿真和實時運算等方面，有很多新進展，跟擴大了它的應用前景。 與其他計算機
14、語言相比，其特別是簡潔和智能化，適應科技專業(yè)人員的思維方式和書寫習慣，使得編程和調(diào)試效率大大提高，它用解釋方式工作，鍵入程序立即得出結(jié)果，人機交互性能好，能適應多種平臺，并且隨著計算機軟件的更新及時升級，因此MATLAB語言以成為每個工學院學生都掌握的工具，它大大提高了課程教學、解題作業(yè)、分析研究的效率。 輔助教學網(wǎng)站的現(xiàn)狀 現(xiàn)代社會是信息時代，互聯(lián)網(wǎng)拉近了人們的距離，計算機網(wǎng)絡輔助教學是教學開展的新趨勢。在現(xiàn)有的一些教學輔助網(wǎng)中，教師可以在線進行教學管理：發(fā)布教學信息、提供教學資源、配合課堂進行教學指導、布置作業(yè)、網(wǎng)上教學交流、了解學生情況等。教師是網(wǎng)站信息的提供者，是系統(tǒng)應用的指導者。
15、而學生可以查看老師發(fā)布的教學信息，下載教學課件，完成作業(yè)，和老師在線交流探討學習中遇到的一些困難。 從大的方面來說，輔助教學網(wǎng)站對教育的管理模式、教學模式、財政投入模式等都帶來巨大的影響，從小的方面來說，它可以解決傳統(tǒng)課堂教學中存在的很多問題，一些不能實現(xiàn)或很難實現(xiàn)的教學設計思想，現(xiàn)在可以實現(xiàn)了。 2.輔助教學網(wǎng)站的開展趨勢 信息技術飛速開展，在社會各個領域得到了廣泛的應用。利用先進的信息技術改革和開展教育自然也成為世界各國的一項重大舉措。網(wǎng)絡教育具有突破時空限制和實現(xiàn)資源共享的根本特點，由此帶來了共享教育資源、擴大教育規(guī)模、提高教育速度、促進教育改革、構筑終身教育體系、實現(xiàn)以學習者為主
16、體的學習和協(xié)作式學習等好處，因而網(wǎng)絡教學已成為世界各國教育改革和開展的重要趨勢。 (1)可以給教學工作帶來極大的方便 輔助教學網(wǎng)站給教學工作帶來了極大的方便，例如在教學中，教師可以將自己的講義及有關學習資源放在網(wǎng)上供學生課后復習，這樣學生隨時都可以上網(wǎng)瀏覽，也可以省去了復印的麻煩；學生可以通過Email交作業(yè)，就省了收作業(yè)發(fā)作業(yè)的麻煩；師生可以隨時通過Email交流或通過網(wǎng)站討論。事實上，目前很多老師已經(jīng)不同程度的利用網(wǎng)絡輔助教學，比方提供電子講義、收作業(yè)等等，為他們提供一個更好的輔助教學網(wǎng)站就成為比擬迫切的問題。 (2)可以更好的實現(xiàn)許多教學設計謀略 輔助教學網(wǎng)站在給教學工作帶
17、來極大方便的同時，也使原來不太好實現(xiàn)或不可能實現(xiàn)的教學設計思想得以實現(xiàn)，如利用網(wǎng)站開展基于資源的學習、基于問題的學習以及協(xié)作學習等等，通過有效的實現(xiàn)各種學習策略，就可以加強教學效果，提高教學質(zhì)量。 (3)它是“以教師為中心〞的教學模式和“以學生為中心〞的教學模式的完美結(jié)合 目前有兩種教學設計理念：一種是“以教師為中心的〞教學設計理念，另一種是“以學生為中心〞的教學設計理念，這兩種教學模式各有優(yōu)缺點，但又是相互互補，相輔相成的關系目前高等院校還是以課堂教學為主，自然主要是以教為中心的，如何才能協(xié)調(diào)使用這兩種教學模式呢？輔助教學網(wǎng)站正好是一個良好的工具。在課堂教學中，仍然采用以教師為中心的教學
18、模式，在課后的網(wǎng)絡輔助學習中，采用以學生為中心的教學模式，并且力爭通過輔助教學系統(tǒng)盡可能將這兩種教學模式互相融合。 3 教學輔助網(wǎng)站的應用分析 教學網(wǎng)站的成功運作首先取決于網(wǎng)站規(guī)劃。在建立網(wǎng)站前應明確建設網(wǎng)站的目的、網(wǎng)站的功能、建站的技術，并且進行詳細分析，寫出網(wǎng)站規(guī)劃書。 內(nèi)容設計及規(guī)劃 教學網(wǎng)站內(nèi)容設計與組織是網(wǎng)站規(guī)劃中最重要的局部，是網(wǎng)站吸引瀏覽者最重要的因素。教學網(wǎng)站通常的功能模塊有教師介紹、教師課表、課程教案、參考資料、教學論壇、課后答疑、典型問題、優(yōu)秀作品、學生管理、考試管理、作業(yè)管理等。這些模塊之間的關系有的是同級關系、有的是附屬關系， 可根據(jù)其關系畫出模塊層次關系圖
19、， 構略網(wǎng)頁內(nèi)容的布局。原那么上主要功能模塊在前，次要功能模塊在后，并且為每一個模塊對應的網(wǎng)頁命名， 提前標注說明。 內(nèi)容豐富、信息量大是網(wǎng)站最重要的特點，制作網(wǎng)站的素材獲取需要很大的工作量?，F(xiàn)在網(wǎng)上有很多免費提供的文字、圖形、動畫，特殊效果 功能模塊、網(wǎng)頁模板等素材， 下載后略加修改就可使用，制作網(wǎng)站前要提前收集和準備素材。 網(wǎng)站只有在互聯(lián)網(wǎng)上發(fā)布，才能正常使用。根據(jù)條件可以選擇個人效勞器發(fā)布或互聯(lián)網(wǎng)發(fā)布兩種方式。網(wǎng)站制作內(nèi)容多，而且有數(shù)據(jù)庫支持的網(wǎng)站選用個人效勞器，維護、修改容易，但配置復雜，需要長期維護，定時開機。對于內(nèi)容較少，數(shù)據(jù)庫的交互量較少的網(wǎng)站，只要在網(wǎng)上申請一個免費
20、的空間和域名，利用FTP軟件上傳網(wǎng)站文件后就可以直接使用，公網(wǎng)上的效勞器有專人維護， 問題較少。 制作網(wǎng)站軟件的簡述 網(wǎng)站的設計技術是完成網(wǎng)站的保證， 目前的網(wǎng)站從技術方面可初步分為靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站。 靜態(tài)網(wǎng)站中的網(wǎng)頁不提供人機交互功能， 只是文字、圖形、動畫、視頻等資料的數(shù)字化顯示，是初學者的較好選擇。制作靜態(tài)網(wǎng)站目前流行的軟件有：Dreamweaver 、FrontPage 、Flash 、Fireworks、Photoshop等，這幾個軟件在使用方面的側(cè)重點不同，因而可以互補。前兩個軟件主要用于網(wǎng)頁的框架設計和圖形、文字、動畫的集成，是制作網(wǎng)頁的主要工具。 FrontPag
21、e簡單易學，Dreamweaver號稱網(wǎng)頁制作三劍客之首，功能強大， 除具備FrontPage的全部功能外，還包括大量的輔助制作工具，例如調(diào)整對象的屬性、制作簡單動畫、智能編寫動態(tài)網(wǎng)頁代碼等。尤其是其圖層功能可以彌補由表格設計造成的空間變形，是專業(yè)網(wǎng)站制作的工具。 Fireworks主要用于制作簡單的動畫、圖形、按鈕等， 在網(wǎng)頁設計中起輔助作用。Fireworks也可以直接設計網(wǎng)頁文件，特別是復雜的文字、圖形定位， 可以自動形成表格， 防止其他軟件中由于表格中的一個單元格的誤差，造成整個網(wǎng)頁框架變形。但Fireworks網(wǎng)頁維護復雜，不適合頻繁改動的主頁制作。 Flash軟件作為專業(yè)的動畫
22、設計軟件，主要制作網(wǎng)頁中的動畫素材，吸引瀏覽者。另外F1ash軟件功能強大，可以獨立建立靜態(tài)、動態(tài)網(wǎng)站，F(xiàn)lash軟件單獨制作的主頁易于整體規(guī)劃，界面美觀，但生成的文件較大，在互聯(lián)網(wǎng)中傳輸速度較慢， 很少用來單獨制作大型網(wǎng)站。 Photoshop軟件是專業(yè)的圖像處理軟件， 主要用于網(wǎng)頁中圖像的特殊處理，還可以制作頁面背景、按鈕、底紋、邊框等，在網(wǎng)站美化和布局中起重要作用。Photoshop軟件也可以單獨制作主頁，利用圖層的靈活處理， 可以設計出美觀的主頁，但如果生成網(wǎng)頁文件，還需要其他軟件的配合使用，且鏈接、維護困難，初學者不易掌握。如果力求網(wǎng)頁制作完美，網(wǎng)頁中文字、鏈接等統(tǒng)一，還需要掌握C
23、SS語法規(guī)那么，假設需要一些特殊效果，還需要學習腳本語言。 動態(tài)網(wǎng)站是指具有人機交互功能的網(wǎng)站，初學者容易理解為具有動畫的網(wǎng)頁，主要制作網(wǎng)站中有關數(shù)據(jù)管理功能模塊。動態(tài)網(wǎng)站制作技術較復雜， 需要和數(shù)據(jù)庫進行交互，要求制作者具備一定的編程能力和數(shù)據(jù)庫管理技術，需要熟練使用SQL語句，對初學者較難掌握。但目前常用的功能模塊比擬成熟， 比方： 留言板、BBS、通訊錄、聊天室等。制作動態(tài)網(wǎng)站的語言目前流行的有ASP、PHP、JSP，配合腳本語言使用，例如：VBScript和JavaScript。ASP語言要求的環(huán)境配置簡單，而且語法規(guī)那么和Basic一致，易學易用，使用者很多，便于交流。使用的語言編
24、輯軟件很多，Windows中的記事本、Dreamweaver、FrontPage、Flash等眾多軟件都可用來編輯。數(shù)據(jù)庫軟件有很多版本，對于個人用戶， 目前易于掌握的有Access和SQL Server。 Dreamweaver是Macromedia公司開發(fā)的一個專業(yè)的網(wǎng)頁制作工具，它是采用所見所得的編輯方式，通過特有的行為、模板、時間軸等技術，快速高效地創(chuàng)立極具表現(xiàn)力和動感效果的網(wǎng)頁。Dreamweaver 8是一個功能強大的網(wǎng)站管理與網(wǎng)頁設計工具，利用它不僅可以方便地管理站點目錄結(jié)構，上傳和同步更新站點，還可以方便地創(chuàng)立各種極具動態(tài)特性的網(wǎng)頁。Dreamweaver 8具有以下幾個
25、特性： 〔1〕精確性：Dreamweaver采用Roundtrip HTML技術實現(xiàn)對HTML源代碼的精確控制，它能生成最為簡潔和高效的HTML代碼。文檔中如出現(xiàn)不配對的標記，將會用黃色顯示提醒用戶有錯誤需要修改。 〔2〕易用性。Dreamweaver的編輯界面相當友好，且操作簡單。通過各種工具面板，可以非常方便地控制頁面各種元素的屬性。在不用手工輸入一行代碼的情況下，就可以制作出各種特效，比方動畫、動態(tài)按鈕、索引條、分層等。 〔3〕兼容性。兼容性是Dreamweaver的一個非常優(yōu)秀的特性，用它制作的頁面能在各種瀏覽器上正確地顯示，這在其他網(wǎng)頁制作工具中是沒有的。 Dreamweav
26、er是一個功能強大的網(wǎng)頁編程軟件，于是我選用Dreamweaver來完成網(wǎng)頁制作。 ASP是一個效勞器端的腳本開發(fā)環(huán)境，開發(fā)者可以在ASP環(huán)境下建立并執(zhí)行交互式Web效勞器應用程序，而且ASP腳本還可以和HTML語言、Java小程序等混合在一起編寫，這大大豐富和擴充了ASP 應用程序的功能。ASP簡單易學，又有微軟的強大支持。ASP程序的優(yōu)點有： 〔1〕使用VBScript、Jscript等簡單易懂的腳本語言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應用程序。 〔2〕無須編譯，使用普通的文本編輯器，即可進行編輯設計，可在效勞器端直接執(zhí)行。 〔3〕與瀏覽器無關，用戶端只要使用可執(zhí)行HTML
27、代碼的瀏覽器，即可瀏覽ASP網(wǎng)頁內(nèi)容。ASP所使用的腳本語言均在Web效勞器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。 〔4〕可使用效勞器端的腳本來產(chǎn)生客戶端的腳本。 〔5〕ASP能與任何ActiveX scripting語言相容。 〔6〕程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動態(tài)HTML文件，提高了程序的平安性。 〔7〕存取數(shù)據(jù)庫輕松容易〔使用ADO組件〕。 Access 是微軟公司推出的基于Windows的桌面關系數(shù)據(jù)庫管理系統(tǒng)〔RDBMS〕，是Office系列應用軟件之一。Access是一種關系型數(shù)據(jù)庫管理系統(tǒng)，其主要特點如下： 〔1〕存儲方式單一； 〔2〕面
28、向?qū)ο螅? 〔3〕界面友好、易操作； 〔4〕集成環(huán)境、處理多種數(shù)據(jù)信息。 〔5〕Access支持ODBC〔開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity〕，利用Access強大的DDE〔動態(tài)數(shù)據(jù)交換〕和OLE〔對象的聯(lián)接和嵌入〕特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。Access還可以將程序應用于網(wǎng)絡，并與網(wǎng)絡上的動態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對象生成HTML文件，輕松構建Internet/Intranet的應用。 4 網(wǎng)站總體設計 4.1網(wǎng)站設計的步驟 4.1.1網(wǎng)站形象設計 (1)設計網(wǎng)
29、站的標志: 標志是站點特色和內(nèi)涵的集中表達，看見標志就聯(lián)想起站點，標志盡可能出現(xiàn)在每個頁面的頁眉、頁腳或背景。 (2)設計網(wǎng)站的標準: 色彩網(wǎng)站給人的第一印象來自視覺沖擊，確定網(wǎng)站的標準色彩是相當重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。標準色彩要用于網(wǎng)站的標志、標題、主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用， 只是作為點綴和襯托， 絕不能喧賓奪主。文字的鏈接色彩、圖片的主色彩、背景色、邊框等色彩盡量使用與標準色彩一致的色彩。 (3)設計網(wǎng)站的標準字體: 和標準色彩一樣，標準字體是指用于標題、主菜單的特有字體。網(wǎng)頁默認的字體是宋體， 為了表
30、達站點的“與眾不同〞 和特有風格， 可以選擇一些特別字體。在關鍵的標題、菜單、圖片里使用統(tǒng)一的標準字體。 (4)使用統(tǒng)一的語氣和人稱。 (5)使用統(tǒng)一的圖片處理效果。比方： 陰影效果的方向、厚度、模 糊度都必須一致。 (6)統(tǒng)一的花邊、點、線、面的互相穿插、互相襯托、互相補充構成最正確的頁面效果。 (7)主頁與子頁保持結(jié)構、色彩、內(nèi)容要和諧統(tǒng)一 4.1.2網(wǎng)站的主頁設計 (1)表格設計 復雜的主頁空間分布，都是由表格控制的。合理地布局表格，才能準確地把文字、圖形、動畫材料有機地組織起來，到達美觀的效果。但表格的設計是最復雜的局部，也容易出錯。表格設計根據(jù)個人習慣和愛好，可以分
31、為橫向設計原那么和縱向設計原那么。橫向原那么是從總體上設計一個特定寬度和高度的多行一列的表格，再在每一行的單元格中嵌套一個表格，用嵌套的表格進一步細分行和列?？v向設計原那么是設計一個特定寬度和高度的只有一行多列的表格，在每一列的單元格中嵌套一個新的表格，用新表格再重新分割空間。表格設計時注意表格的空間大小，準確計算每一個單元格的空間，不能出現(xiàn)邏輯錯誤。如有邏輯計算錯誤，隨時都可能出現(xiàn)表格混亂，一旦出現(xiàn)混亂，就不能復原。一般地，主頁的高度隨著主頁內(nèi)容的增加而增高，主頁的寬度要充滿整個顯示器的寬度。但顯示器的寬度隨著分辨率的改變，實際像素值不變。如果表格的寬度表示為特定的像素值， 在不同分辨率下所
32、顯示的效果不同。比方一個寬度為774像素的表格在800×600下滿寬顯示，而在1024.768下只能顯示774個像素的寬度。設計表格寬度時如果設置為相對寬度，100％的寬度在任何分辨率上都能滿屏顯示。主頁內(nèi)如有大量圖片， 也會造成圖片和其他內(nèi)容搭配不協(xié)調(diào)的結(jié)果，所以表格的分布在常用分辨率下設置表格的絕對寬度， 一般在800×600分辨率下，設置寬度為773像素， 加上邊框的寬度接近800像素的寬度。 (2)網(wǎng)頁中的邊框線條 網(wǎng)頁中的空間分布有時采用各種線條、矩形框、圓角線框、藝術線框等來進行修飾，增加主頁視覺的美感。具體線框制作有四種：一種是直接在表格中通過分配單元格的高度和寬度像素來實現(xiàn)
33、，分配足夠小的單元格寬度，比方只有一個像素，而單元格背景色是藍色，那么就得到一條藍色23豎線條，如果設置的是高度，那么得到橫線條；第二種方法是通過使用兩個嵌套表格的背景疊加來實現(xiàn)；第三種方法是用圖形設計軟件設計一個和表格大小相等的矩形或圓角矩形或其他式樣的線框，當作表格背景插入網(wǎng)頁中；第四種方法先設置表格單元格的高度寬度適當，在圖形軟件中制作一個點或一個標志，通過做表格邊緣的背景，正確對接就可以形成所要的邊框。 (3)主頁或表格底紋的設計。 使用Photoshop或Fireworks軟件先設置一個3×3或4×4像素的圖形，放大圖形，再設計內(nèi)容，保存為圖案，填充出特定的圖形，比方網(wǎng)格、圓點、
34、多線條、小文字等，然后用這個圖像文件當作表格或整個主頁的背景，就得出特殊的背景或底紋。 (4)圖形文件、動畫文件的插入 主頁中的圖形或動畫在網(wǎng)頁設計中往往起到畫龍點睛的作用,無論是收集的素材或制作的素材,必須要求插入到正確的位置或和整個網(wǎng)頁的色彩協(xié)調(diào)一致。對于靜態(tài)圖片，要注意圖像不能失真，調(diào)整圖形大小時，不使用縮放處理，只取特定大小局部，通過圖像的拼湊得到所需的圖像效果。FLASH動畫的插入相對復雜。對于文字動畫，因為都是單色的，不會產(chǎn)生顏色失真現(xiàn)象，發(fā)布成GIF格式插入即可。而FLASH制作的圖像動畫，如果發(fā)布成GIF文件，可能造成嚴重圖像顏色失真，必須生成SWF文件,使用JavaScr
35、ipt腳本語句插入到表格中，或使用Dreamweaver中插入FLASH動畫工具插入，但要注意動畫的正確路徑． (5)網(wǎng)頁的鏈接 一個網(wǎng)站是由很多網(wǎng)頁文件鏈接形成的，正確使用鏈接，才能使網(wǎng)站正常運行，同時給維護工作提供方便。網(wǎng)站中的路徑必須全部采用相對路徑，鏈接到某一日錄下的缺省文件的鏈接路徑不必寫全名，主頁中含有大量的鏈接，鏈接的效果要求統(tǒng)一，可以使用CSS中的鏈接對象設置來完成。 4.2網(wǎng)站頁面設計 4.2.1網(wǎng)站功能模塊 作為一個輔助教學網(wǎng)站，有其特有的功能要求。本網(wǎng)站主要目的是在教學過程中，為師生交流提供一個平臺,主要設置了以下幾個功能模塊： 信息管理：教師、學生、管理員
36、等數(shù)據(jù)的添加功能； 2.教學資料管理：教師可以上傳教學課件和其它相關資料，學生可以對這些資料進行下載。 3.論壇模塊：師生交流論壇，討論教學中的一些問題或者學生對老師的意見等。 4.作業(yè)管理：教師布置及批改點評作業(yè)，學生完成作業(yè)并提交答案。 5.在線考試：教師添加考試科目、考試題目并生成試卷，學生在規(guī)定時間內(nèi)完成試卷，且一個人每個考試只能進行一次。 為了豐富網(wǎng)站的內(nèi)容，還增加了公告模塊和新聞模塊。 4.2.2網(wǎng)站頁面 網(wǎng)頁設計伴隨著網(wǎng)絡的快速開展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常的重
37、要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。 網(wǎng)站的頁面設計主要考慮以下幾點： (1)簡潔實用:盡量不增加與網(wǎng)站無關的內(nèi)容，去掉冗余的東西。 (2)使用方便:滿足使用者的要求，網(wǎng)頁要做得適合使用。 (3)整體性好: 一個網(wǎng)站強調(diào)的就是一個整體，要圍繞一個統(tǒng)一的目標進行設計。 (4)頁面用色協(xié)調(diào)：頁面主色調(diào)要貫穿各頁面，搭配的顏色要協(xié)調(diào)。 4.2.3網(wǎng)站功能模塊設計 輔助教學網(wǎng)站 學 生 模 塊 教 師 模 塊 學 生 模 塊 圖4-1 網(wǎng)站總體結(jié)構 首 頁 登 錄 公 告 新 聞 資料下載
38、圖4-2 網(wǎng)站首頁框架 作業(yè)模塊 在線考試 個人信息 顯示信息 修改密碼 查看作業(yè) 提交作業(yè)答案 學 生 模 塊 論 壇 考試 查看成績 圖4-3 學生模塊結(jié)構 修改密碼 顯示信息 作業(yè)管理 個人信息 教 師 模 塊 修改刪除公告 學生提交答案列表 已有作業(yè)列表 添加作業(yè) 點評作業(yè) 發(fā)布公告 公告管理 論 壇 在線考試 生成試卷 修改試卷 題庫管理 科目管理 圖4-4 教師模塊結(jié)構 新聞管理 論 壇 人員管理 添加教師 添加管理員 發(fā)布新聞 修改刪除新聞 管 理 員 模 塊 修改密碼 添
39、加學生 公告管理 發(fā)布公告 修改刪除公告 圖4-5 管理員模塊結(jié)構 發(fā)表文章 查看文章 回復文章 論 壇 圖4-6 論壇結(jié)構 5 網(wǎng)站詳細設計 數(shù)據(jù)表文件存放該網(wǎng)站所有的數(shù)據(jù)，為Access型數(shù)據(jù)庫文件，數(shù)據(jù)庫名：edu 5.1.1 學生信息表 表5-1 student表 備注: 存儲學生信息，由管理員后臺添加 .2 教師信息表 表5-2 teacher表 備注: 存儲老師信息，由管理員后臺添加 管理員信息表 表5-3 manager表 備注: 存儲管理員信息，由管理員后
40、臺添加 5.1.4 上傳文件表 表5-4 loadfiles表 備注：存儲上傳文件信息，老師上傳文件時系統(tǒng)自動添加 5.1.5 課程所有作業(yè)信息表 表5-5 courseHomework表 備注：保存所有課程的所有作業(yè)信息 5.1.6 學生作業(yè)信息表 表5-6 stuHomework表 備注：保存學生提交的作業(yè)答案 5.1.7 考試科目表 表5-7 TestSubject表 備注：記錄考試科目的有關信息 5.1.8考試題目表 表5-8 Question表 備注：記錄考試題目的有關信息 5.1.9
41、 考試信息表 表5-9 Test表 備注：記錄考試試卷的有關信息 5.1.10 考試記錄表 表5-10 TestRecord表 備注：記錄考生考試的有關信息 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對象群的Connection對象；而翻開數(shù)據(jù)庫使用ADO對
42、象群的Record set對象，程序如下： 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 登錄的用戶分為三種：學生、老師、管理員，先判斷填寫信息是否完整，再判斷該用戶是否存在，如果存在就把用戶信息寫入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("對不起,你的信息填寫不完整,請查實后再登錄!") 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("對不起,你輸入的用戶名或密碼錯誤,請重新輸入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"來判斷是學生還是管理員，其它代碼和老師的差不多。 5.2.3 考試計時器代碼 根據(jù)考試的時間〔單位：小時〕來進行倒計時，考試時間結(jié)束時，還沒交卷的強制提交考卷，程序如下： 5.2.4 顯示學生作業(yè)完成情況的代碼 從數(shù)據(jù)庫中取出所有學生完成這道作業(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è)的學生的學號，通過點擊學號鏈接到顯示學生答案的頁面，程序如下： while(not rsstu.eof) if(rsstu("homeworkContent")<>"") then response.Write("" & rsstu("stuID")& " ") end if
54、 rsstu.movenext() end 列出所有未完成這道作業(yè)的學生的學號 while(not rsstu.eof) if(isnull(rsstu("homeworkContent"))) then response.Write(rsstu("stuID") & " ") end if rsstu.movenext() end 局部頁面 網(wǎng)站的首頁 圖5-1 網(wǎng)站的首頁 用戶注冊的頁面 圖5-2 網(wǎng)站的
55、用戶注冊頁面 電子教案下載頁面 圖5-3 網(wǎng)站電子教案下載頁面 網(wǎng)站留言板頁面 圖5-4 網(wǎng)站的用戶留言板頁面 結(jié)束語 目前，教育方式正面臨著一場巨大的革命，推動這場革命的巨大力量來自通信、網(wǎng)絡、多媒體以及虛擬現(xiàn)實等技術。與傳統(tǒng)課堂教育方式相比，新教育方式的重要特點在于突破了時間和空間的限制，由于不需要教師與學生之間面對面的教學，在計算機輔助教學網(wǎng)站的方式下，學生可以根據(jù)自己的學習情況確定自己的學習內(nèi)容和安排學習進度，從而滿足了社會普遍性和個體獨立性的進一步需要，并能實現(xiàn)吃醋教育和終身教育。本文說明了課題的背景，對網(wǎng)站進行了總體分析，并對課程輔助教學網(wǎng)站的設
56、計與實現(xiàn)過程進行了較詳細的介紹，對網(wǎng)站的總體框架和數(shù)據(jù)庫的設計進行了說明，并參加了網(wǎng)站的主要網(wǎng)頁的頁面和一些代碼。 本輔助教學網(wǎng)站只是簡單實現(xiàn)了一些功能，還有很多不完善的地方，需待日后改良。通過這次畢業(yè)設計的制作，我根本學會了Dreamweaver的使用，對ASP和數(shù)據(jù)庫也有了一定的掌握。在設計期間，也遇到一些問題，對于制作網(wǎng)站沒有什么根底，學習起來相比照擬困難，通過圖書館借閱資料和網(wǎng)上一些資源，認真學習Dreamweaver等相關軟件，相對有了初步了解，覺得網(wǎng)站制作雖不是一項需要很多技術，但卻是一項工作量很大很繁瑣的工作。 參考文獻 [1] 陳懷琛 吳大正 高西全編著.MATLAB及
57、在電子信息課程中的應用.電子工業(yè)出版社.2021年10月 [2] 姜偉.實例版Dreamweaver8網(wǎng)頁制作.電子工業(yè)出版社.2006年9月 [3] CIS工程組著.Web配色字典.電子工業(yè)出版社.2006年9月 [4] 陳學平主編.網(wǎng)頁制作自學手冊. 電子工業(yè)出版社出版.2006年1月 [5] 王國平 涂巧霞編著.Macromedia Studio8網(wǎng)頁三劍客根底與實踐教程. 電子工業(yè)出版社.2006年8月 [6] 前沿電腦圖像工作室編著.巧學巧用Dreamweaver8 Fireworks8 Flash8制作網(wǎng)頁.人民郵電出版社.2006年1月
58、 附錄 Dreamweaver生成局部代碼 l 主體生成代碼
| 你認為我們的網(wǎng)站如何？ | |||||
l 教程下載生成代碼
| |||||
站/第10章/圖片/im_47(2).jpg){kind=small}
