C語言課程網(wǎng)站的設(shè)計與開發(fā)精講

1、* 科 技 學(xué) 院 2013 屆本科畢業(yè)設(shè)計 設(shè)計題目： C語言精品課程網(wǎng)站的設(shè)計與開發(fā) 學(xué)生姓名： * 所在院系： 信息工程學(xué)院 所學(xué)專業(yè)： 計算機(jī)科學(xué)與技術(shù) 導(dǎo)師姓名： * 完成時間： 2013-05-10 C語言精品課程網(wǎng)站的設(shè)計與開發(fā)摘要隨著計算機(jī)網(wǎng)絡(luò)技術(shù)的快速發(fā)展和普及，網(wǎng)絡(luò)教學(xué)以及遠(yuǎn)程教育成為當(dāng)前社會教育的一個熱點(diǎn)，國家教育部根據(jù)當(dāng)前教育發(fā)展的趨勢，提出了建設(shè)“國家精品課程網(wǎng)站”為主要內(nèi)容的“質(zhì)量工程”。提高教學(xué)的效率和質(zhì)量，實(shí)現(xiàn)了優(yōu)質(zhì)資源的共享。正是基于此，構(gòu)建了 C語言精品課程網(wǎng)站，以實(shí)現(xiàn)這樣的初衷。C語言程序設(shè)計是計算機(jī)專業(yè)的一門專業(yè)基礎(chǔ)課，堅實(shí)的C語言功底是學(xué)習(xí)其他課程的基

2、礎(chǔ)。本設(shè)計為教師與學(xué)生搭建一個C語言交流和學(xué)習(xí)的平臺，對于學(xué)生提高C語言的學(xué)習(xí)是大有裨益的。本文主要介紹C語言課程網(wǎng)站的4大模塊：課程信息，資料下載，實(shí)驗教學(xué)，留言板以及各個模塊所實(shí)現(xiàn)的功能。關(guān)鍵詞：精品課程，Html語言，Access數(shù)據(jù)庫。C Language Course Website Design and DevelopmentAbstractWith the rapid development of computer network technology and popularization of online teaching and distance education has

3、 become a hot topic of current social education, the Ministry of Education based on the current trends in the development of education, proposed the construction of "National Excellent Course Website" as the main content of the "Quality Engineering . "Improve teaching efficiency

4、and quality to achieve a quality resource sharing. Based on this, build the C language Course Website, in order to achieve this in mind."C Programming Language" is a computer professional basic course, a solid grounding in the C language is the basis for learning other subjects. The design

5、 for the teachers and students to build a C-language communication and learning platform for students to improve the C language learning is helpful.This paper describes the C language curriculum websites four major modules: Course information, data downloads, experimental teaching, message boards, a

6、nd each module functions realized.Key words: quality courses, html language, Access database.目錄1 緒論12C語言精品課程網(wǎng)站的設(shè)計與開發(fā)綜述12.1 精品課程網(wǎng)站簡介12.2 精品課程網(wǎng)站特點(diǎn)、優(yōu)點(diǎn)和難點(diǎn)32.3 精品課程網(wǎng)站的作用42.4 精品課程網(wǎng)站設(shè)計的目標(biāo)43 開發(fā)環(huán)境的選擇與簡介43.1編程環(huán)境的選擇43.2 IIS安裝與配置43.3 Access安裝53.4具體實(shí)現(xiàn)中采用的關(guān)鍵技術(shù)54 系統(tǒng)總體設(shè)計54.1系統(tǒng)結(jié)構(gòu)圖54.2課程信息模塊64.3資料下載模塊64.4實(shí)驗教學(xué)模塊74.5留言

7、管理模塊75 系統(tǒng)的詳細(xì)設(shè)計與實(shí)現(xiàn)75.1數(shù)據(jù)庫設(shè)計75.2頁面布局的設(shè)計95.3課程信息模塊的設(shè)計105.4資料下載模塊的設(shè)計115.5實(shí)驗教學(xué)模塊的設(shè)計125.6留言管理模塊的設(shè)計126 系統(tǒng)測試146.1系統(tǒng)的測試147 結(jié)論15致謝17參考文獻(xiàn)181 緒論精品課程是指擁有一支優(yōu)秀的教師團(tuán)隊，有著一流的教學(xué)內(nèi)容，運(yùn)用一流的教學(xué)方法，使用一流的教材，以及擁有一流教學(xué)管理的示范性課程。精品課程網(wǎng)站在教育事業(yè)中起著重要的作用，從2003年初開始，國內(nèi)各高校投入了大量的資源進(jìn)行精品課程網(wǎng)站的建設(shè)。為了提高開發(fā)精品課程網(wǎng)站的效率，部分高校甚至開發(fā)了支持精品課程網(wǎng)站建設(shè)的相關(guān)軟件，這些軟件提高了網(wǎng)站

8、的開發(fā)效率，降低了網(wǎng)站開發(fā)的技術(shù)門檻，提高了精品課程網(wǎng)站的開發(fā)速度。在國外精品課程網(wǎng)站在國家的教育中占有很大的比重，已經(jīng)成為人們學(xué)習(xí)必不可少的一種手段。精品課程網(wǎng)站將引導(dǎo)廣大高等院校鞏固教學(xué)的中心地位，提高教學(xué)質(zhì)量，加強(qiáng)教學(xué)建設(shè)，利用現(xiàn)代化的教育技術(shù)手段實(shí)現(xiàn)教學(xué)資源的共享，更為其他的高校在實(shí)施此類課程中提供借鑒，使這些優(yōu)秀的教學(xué)資源，在更大的范圍內(nèi)使用以培養(yǎng)更多的人才。精品課程建設(shè)是教學(xué)過程中一個重要的環(huán)節(jié)，它可以使教師與學(xué)生之間實(shí)現(xiàn)多角度、多渠道、多方位的溝通，以及及時、有序、高效地完成教學(xué)任務(wù)，及時了解教學(xué)的狀態(tài)，基于此，精品課程網(wǎng)站的建設(shè)顯得尤為重要。在以往的傳統(tǒng)教學(xué)模式中，教師在教學(xué)過

9、程中占據(jù)著主導(dǎo)地位，教師根據(jù)自己的經(jīng)驗和對教材的理解進(jìn)行教學(xué)活動，這種教學(xué)模式不可能實(shí)現(xiàn)“因材施教”的教學(xué)方針。而在精品課程網(wǎng)站的學(xué)習(xí)過程中，學(xué)生利用計算機(jī)以實(shí)現(xiàn)人機(jī)交互的方式參與學(xué)習(xí)，學(xué)生可以根據(jù)自己的學(xué)習(xí)特點(diǎn)，以及學(xué)習(xí)軟件的導(dǎo)航，并利用自主評價和反饋信息來控制學(xué)習(xí)的進(jìn)程。因此，我們建立了C語言精品課程網(wǎng)站以實(shí)現(xiàn)這樣的初衷。網(wǎng)站的系統(tǒng)是按照前臺和后臺的思路來搭建的，實(shí)現(xiàn)了畫面與文字、聲音與視頻、Html語言與Access的完美結(jié)合。做出的網(wǎng)站集文字、圖像、視頻、音頻于一體，充分發(fā)揮了多媒體技術(shù)的優(yōu)勢，提高了學(xué)生自主的學(xué)習(xí)能力,積極性和創(chuàng)新能力，實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源的共享，更好地提高教學(xué)質(zhì)量。2C

10、語言精品課程網(wǎng)站的設(shè)計與開發(fā)綜述2.1 精品課程網(wǎng)站簡介精品課程網(wǎng)站建設(shè)是“高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革”的一項重要內(nèi)容和先期啟動的四個項目之一。精品課程網(wǎng)站是深化我國教育體制改革，以實(shí)現(xiàn)教育信息化的一個重要舉措。C語言程序設(shè)計是計算機(jī)專業(yè)的一門專業(yè)基礎(chǔ)課。 本課程的前導(dǎo)課程有計算機(jī)文化基礎(chǔ)，后續(xù)課程有數(shù)據(jù)結(jié)構(gòu)、面向?qū)ο蟪绦蛟O(shè)計。它是一門實(shí)踐性很強(qiáng)的課程，既要掌握概念，又要動手編程，還要上機(jī)調(diào)試運(yùn)行。 對計算機(jī)專業(yè)和理工類專業(yè)來說是一門必修的課程。同時， 這門課程也是全國非計算機(jī)專業(yè)學(xué)生計算機(jī)應(yīng)用能力水平考試二級考試的主要語種之一。他的發(fā)展具有以下的趨勢：（1）計算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展促進(jìn)了多媒體網(wǎng)

11、絡(luò)教學(xué)形式的普及，這是信息化社會發(fā)展階段的必然產(chǎn)物。把多媒體技術(shù)和計算機(jī)網(wǎng)絡(luò)技術(shù)結(jié)合在一起，借助于網(wǎng)絡(luò)化的優(yōu)勢，才可以為多媒體網(wǎng)絡(luò)教學(xué)的發(fā)展提供更廣闊的的空間。同傳統(tǒng)的單機(jī)多媒體教學(xué)相比，網(wǎng)絡(luò)多媒體教學(xué)能充分利用計算機(jī)網(wǎng)絡(luò)進(jìn)行優(yōu)質(zhì)教學(xué)資源的共享，只需要將教學(xué)內(nèi)容存放在網(wǎng)絡(luò)管理中心的服務(wù)器上，校園網(wǎng)內(nèi)的所有的用戶將在任何時間、任何地點(diǎn)按照自己的需要瀏覽教學(xué)內(nèi)容，從而進(jìn)行備課、自學(xué)、復(fù)習(xí)等等。利用計算機(jī)網(wǎng)絡(luò)的特性，還可以增加在線討論、瀏覽等功能，豐富了教學(xué)手段，使學(xué)生能對教學(xué)內(nèi)容進(jìn)行充分的理解和掌握。（2）多媒體的信息數(shù)據(jù)量很大，對傳播網(wǎng)絡(luò)的要求很高，我們必須要建一個成功的高速寬帶網(wǎng)絡(luò)傳輸系統(tǒng)，能

12、夠做到進(jìn)行遠(yuǎn)程實(shí)時數(shù)據(jù)、圖文、聲音及視頻信號的傳播。目前，大多數(shù)的高等院校有了一定規(guī)模的校園網(wǎng)，如何能夠?qū)崿F(xiàn)多媒體教學(xué)與校園網(wǎng)之間的最佳結(jié)合，使網(wǎng)絡(luò)教學(xué)技術(shù)應(yīng)用于實(shí)踐，是教育改革的現(xiàn)階段面臨的一個重要課題。（3）由于數(shù)據(jù)壓縮技術(shù)的不斷發(fā)展，為多媒體信息傳輸提供了必要的條件。多媒體信息中語音信息的數(shù)據(jù)量相對較小，且基本的壓縮方法已經(jīng)成熟，目前的數(shù)據(jù)壓縮領(lǐng)域研究主要集中于圖像和視頻信號的壓縮方面。圖像和動態(tài)視頻的數(shù)據(jù)量信息十分大，不但超出了計算機(jī)的存儲和處理能力，而且是當(dāng)前的通信信道的傳輸速率所不能達(dá)到的（對于高清無壓縮的視頻）。因此，為了存儲、處理和傳輸這些數(shù)據(jù)，我們就必須對其進(jìn)行壓縮。數(shù)據(jù)壓縮

13、的方法種類很多，一般又可以分為有損壓縮和無損壓縮兩大類。無損壓縮利用數(shù)據(jù)的統(tǒng)計冗余進(jìn)行壓縮，我們可以完全恢復(fù)原始數(shù)據(jù)，而不會引起失真，但是壓縮率會受到數(shù)據(jù)統(tǒng)計冗余度的理論限制，一般為2:1到5:1.這類壓縮方法廣泛應(yīng)用于文本數(shù)據(jù)、程序和特殊應(yīng)用場合的圖像數(shù)據(jù)壓縮。由于壓縮比的限制，僅適用無損壓縮方法不可能解決圖像和數(shù)字視頻的存儲和傳輸問題。有損壓縮方法是利用了人類視覺對圖像中的某些頻率成分不敏感度的特性，允許壓縮過程中損失一定的信息，在解壓的過程中雖然不能完全恢復(fù)原始數(shù)據(jù)，但是由于壓縮過程中損失的數(shù)據(jù)對原始圖像的理解影響較小，壓縮比較大，所以目前廣泛應(yīng)用于圖像和視頻數(shù)據(jù)的壓縮。（4）多媒體軟件

14、的開發(fā)，也是網(wǎng)絡(luò)多媒體教學(xué)中的一個重要的環(huán)節(jié)，由于課件的開發(fā)涉及到對文本、圖像、聲音、動畫等信息的處理，需要我們投入大量的人力物力，需要利用計算機(jī)的編程語言、美術(shù)設(shè)計等方面人才的密切協(xié)作。同傳統(tǒng)的多媒體課件制作相比，采用制作專題精品課程網(wǎng)站的方法來完成制作課件，不僅能達(dá)到相同的效果，而且還具有簡單方便、鏈接更容易實(shí)現(xiàn)、可擴(kuò)展性更強(qiáng)等優(yōu)點(diǎn)。綜上所訴，精品課程網(wǎng)站這個新的平臺如果將以上四個方面能夠充分的完善，那么以后的網(wǎng)上教學(xué)將會越來越普及、通過計算機(jī)網(wǎng)絡(luò)自主學(xué)習(xí)的人將會越來越多、網(wǎng)上的優(yōu)質(zhì)的教學(xué)資源也會越來越豐富。精品課程網(wǎng)站將會得到廣大用戶的充分肯定。2.2 精品課程網(wǎng)站的特點(diǎn)、優(yōu)點(diǎn)和難點(diǎn)精品

15、課程網(wǎng)站的特點(diǎn)有先進(jìn)性：精品課程要有先進(jìn)的教學(xué)理念、教學(xué)內(nèi)容、教學(xué)方法和教學(xué)手段。互動性：利用健全的精品課程評價體系，即有效的反饋機(jī)制的建設(shè)，通過消化校內(nèi)外、甚至國外專家、同行、學(xué)生在使用精品課程建設(shè)方案，調(diào)整和完善精品課程的教學(xué)內(nèi)容，加強(qiáng)精品課程建設(shè)者與使用者的互動建設(shè)，這是精品課程建設(shè)的一條必經(jīng)之路，同時也是一條捷徑。整體性：精品課程包括了教師、學(xué)生、教材、教學(xué)技術(shù)手段、教學(xué)制度等要素。精品課程建設(shè)要考慮完整的課程建設(shè)的各個環(huán)節(jié)，即課堂授課水平、教與學(xué)的互動、學(xué)生課余的自主學(xué)習(xí)和實(shí)踐動手能力的培養(yǎng)、學(xué)業(yè)成績的評價以及教學(xué)輔助手段和教學(xué)參考書的建設(shè)等等，同時要抓住各方面間的關(guān)系，關(guān)注整體建設(shè)

16、而不只是局部建設(shè)。開放性：通過精品課程網(wǎng)站，以較低的成本實(shí)現(xiàn)優(yōu)質(zhì)教育教學(xué)資源的共享，打破現(xiàn)有教育教學(xué)質(zhì)量受制于教學(xué)資源不足的瓶頸，通過免費(fèi)為師生提供優(yōu)質(zhì)教育教學(xué)資源來提高教育教學(xué)質(zhì)量。精品課程建設(shè)的優(yōu)點(diǎn)有實(shí)現(xiàn)了課程資源的共享：在精品課程建設(shè)標(biāo)準(zhǔn)中，從課程的篩選、申報和評審到公示、公開和使用，都需要通過網(wǎng)絡(luò)進(jìn)行，最終必將實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源的共享。教師和學(xué)生成為最大的受益者：教育部精品課程建設(shè)為高等學(xué)校的課程建設(shè)指明了方向，提供了樣板，帶動了其他課程的建設(shè)。通過精品課程的建設(shè)，好的課程內(nèi)容、教案、課件以及各高校權(quán)威教師的教學(xué)錄像等都上傳到網(wǎng)上，使不同學(xué)校的廣大學(xué)生可以共享最優(yōu)秀的教學(xué)資源，并可以及時

17、地與名師進(jìn)行交流和溝通。同時，不同學(xué)校、不同學(xué)科的教師利用網(wǎng)上精品課程資源，彼此之間可以互相學(xué)習(xí)、借鑒，取人之長，補(bǔ)已之短，學(xué)、教、研相長，促進(jìn)教學(xué)內(nèi)容、方法、手段的改革和學(xué)術(shù)水平、教育教學(xué)質(zhì)量的提高推進(jìn)了高校信息化建設(shè)的進(jìn)程：精品課程是通過信息技術(shù)手段，特別是技術(shù)和多媒體技術(shù)手段的使用來實(shí)現(xiàn)教學(xué)資源的共享這一目標(biāo)，廣大師生如果想從事精品課程的建設(shè)或使用精品課程教學(xué)資源，就必須提高其使用信息技術(shù)的能力；同時，國家、省、校三級精品課程建設(shè)也對各級教育機(jī)構(gòu)的信息化水平提出了更高的要求。通過精品課程建設(shè)，將進(jìn)一步推進(jìn)高校教學(xué)和管理信息化建設(shè)進(jìn)程。精品課程建設(shè)的幾個難點(diǎn)：難以維持精品課程師資隊伍的高水

18、平；精品課程網(wǎng)上資源的規(guī)劃、設(shè)計有待提高；持續(xù)性的支持、資助難以為繼。2.3 精品課程網(wǎng)站的作用精品課程網(wǎng)站的作用就是實(shí)現(xiàn)優(yōu)秀教學(xué)資源的共享，減小地區(qū)間因為經(jīng)濟(jì)差距帶來的教育不公平，提高教學(xué)的質(zhì)量和效率，是對傳統(tǒng)教學(xué)模式的優(yōu)化，推進(jìn)了我國教育體制的改革，加快了教育信息化的進(jìn)程，為學(xué)生的自主學(xué)習(xí)提供了良好的平臺，加強(qiáng)了師生之間的交流。2.4 精品課程網(wǎng)站的目標(biāo)精品課程網(wǎng)站的目標(biāo)就是培養(yǎng)人才，實(shí)現(xiàn)教育機(jī)會的公平、教學(xué)資源的合理分配、教學(xué)模式的改進(jìn)。以此為契機(jī)，推動我國的教育的改革。3 開發(fā)環(huán)境的選擇與簡介3.1 編程環(huán)境的選擇運(yùn)用以Dreamweaver CS5為操作界面的Html語言，Html是

19、一種超文本標(biāo)記語言，Html即（HyperTextMark-upLanguage）是www的描述語言。它的功能十分的強(qiáng)大，能獨(dú)立應(yīng)用于各種操作系統(tǒng)，可擴(kuò)展性強(qiáng)，簡單易操作。運(yùn)行的環(huán)境是IE （Internet Explorer）瀏覽器8。3.2 IIS的安裝與配置IIS是運(yùn)行于Windows平臺的Web服務(wù)器組件。IIS提供Web瀏覽服務(wù)，并可以使用戶應(yīng)用動態(tài)服務(wù)器技術(shù)。各版本的Windows操作系統(tǒng)都支持安裝IIS。Windows XP安裝IIS如下：（1）打開控制面板，選擇"添加/刪除程序"，可打開窗口如圖1所示；（2）單擊左側(cè)的"添加/刪除Windows組件

20、"按鈕，可打開對話框如圖2所示；（3）在其中勾選"Internet信息服務(wù)（IIS）"項目，并單擊"下一步"即開始安裝；（4）開始安裝后，若用的是系統(tǒng)光盤，要把光盤放入光驅(qū)；若用的是安裝包，則會彈出對話框，用戶需要指定所用到的安裝包的存放位置；（5）安裝完畢，會彈出提示窗口，確定即可。安裝完成后，在瀏覽器地址欄中輸入“”或“http：/localhost”就可以打開IIS默認(rèn)的網(wǎng)頁。設(shè)置IIS服務(wù)器，在創(chuàng)建了Web服務(wù)器以后，將會自動生成一個簡單的站點(diǎn)，其中就包含了一些用于驗證站點(diǎn)的內(nèi)容。打開控制面板，選擇"管理工具"，可打

21、開窗口。雙擊其中的"Internet信息服務(wù)"圖標(biāo)，打開窗口。依圖中所示，展開左側(cè)的樹狀菜單并右擊選擇"屬性"，可打開對話框。在該對話框中，可以設(shè)置已建立的IIS服務(wù)器站點(diǎn)。然后可以對主目錄等面板下的具體選項進(jìn)行設(shè)定。3.3 Access的安裝本系統(tǒng)是在Access 2003的版本之下進(jìn)行的數(shù)據(jù)庫設(shè)計。3.4 具體實(shí)現(xiàn)中采用的關(guān)鍵技術(shù)數(shù)據(jù)庫技術(shù)在設(shè)計中發(fā)揮著重要的作用， Html語言技巧的應(yīng)用使得瀏覽器的解析更加流暢。網(wǎng)頁左右式的結(jié)構(gòu)設(shè)計符合人的視覺習(xí)慣，色彩的搭配有利于緩解學(xué)習(xí)者長時間觀看的視覺疲勞。利用CSS樣式使頁面更加的和諧統(tǒng)一。ASP技術(shù)的應(yīng)用

22、是至關(guān)重要的，它連接著數(shù)據(jù)庫，是前臺和后臺的紐帶。圖像和視頻技術(shù)的使用，能夠激發(fā)學(xué)習(xí)者對本網(wǎng)站的學(xué)習(xí)興趣，使它具有持久的生命力。第4章 系統(tǒng)的總體設(shè)計4.1 系統(tǒng)結(jié)構(gòu)圖課程信息：關(guān)于C語言的基本介紹，包括學(xué)習(xí)方法、學(xué)習(xí)條件、學(xué)習(xí)的工具平臺等內(nèi)容。資料下載：關(guān)于C語言學(xué)習(xí)的課件、視頻、以及課程章節(jié)的具體內(nèi)容，以及C語言運(yùn)行平臺的工具下載。實(shí)驗教學(xué)：C語言是需要學(xué)生花費(fèi)更多的時間去動手操作，學(xué)生在實(shí)驗中增加自己編寫程序的技能。留言板：為教師與學(xué)生的交流搭建一個平臺， 使學(xué)生的學(xué)習(xí)情況得到及時的反饋，有助于學(xué)生的學(xué)習(xí)。基于此我們可以得到網(wǎng)站各個模塊的結(jié)構(gòu)圖。如圖1所示。C語言精品課程網(wǎng)站課程信息資料

23、下載課程簡介教學(xué)大綱課程建設(shè)教學(xué)模式課件下載教學(xué)視頻試卷答案經(jīng)典例題實(shí)驗教學(xué)留言板實(shí)驗內(nèi)容程序調(diào)試經(jīng)驗常見錯誤分析我要留言實(shí)驗大綱圖1 模塊結(jié)構(gòu)圖4.2 課程信息模塊課程信息模塊通過課程簡介、教學(xué)大綱、課程建設(shè)、教學(xué)模式四個方面詳細(xì)介紹了C語言程序設(shè)計。課程簡介部分詳細(xì)地介紹了C語言程序設(shè)計在學(xué)科發(fā)展中的重要作用、課程性質(zhì)、教學(xué)目標(biāo)以及使用的教材。教學(xué)大綱部分具體地闡述了各個章節(jié)的內(nèi)容。課程建設(shè)部分清晰地展示了課程建設(shè)的基本理念和性質(zhì)。教學(xué)模式部分明確地講述了C語言程序設(shè)計的方法。本模塊采用頁中頁的網(wǎng)頁設(shè)計模式。4.3 資料下載模塊資料下載模塊提供了優(yōu)秀的教學(xué)資源包括課件下載、教學(xué)視頻、試卷答

24、案和經(jīng)典例題。課件下載部分給出了每個單元優(yōu)質(zhì)的課件資源（ppt）。教學(xué)視頻部分列出了C語言程序設(shè)計重點(diǎn)章節(jié)的優(yōu)秀教學(xué)視頻，包括指針和數(shù)組等。試卷答案部分給出了經(jīng)典的C語言程序設(shè)計試卷的出題模式。經(jīng)典例題部分提供了經(jīng)典例題下載的鏈接，以實(shí)現(xiàn)教學(xué)機(jī)會的公平。為了給學(xué)習(xí)者提供方便，資料下載的各個模塊都提供了下載的鏈接，學(xué)習(xí)者可以不受時間、設(shè)備的限制，盡情地享受學(xué)習(xí)的美好過程。4.4 實(shí)驗教學(xué)模塊實(shí)驗教學(xué)模塊包括四個部分：實(shí)驗大綱、實(shí)驗內(nèi)容、程序調(diào)試經(jīng)驗和常見錯誤分析。實(shí)驗大綱給出了十個重點(diǎn)的實(shí)驗項目，有利于加深學(xué)習(xí)者對C語言程序設(shè)計的理解。實(shí)驗內(nèi)容部分為學(xué)習(xí)者提供了15個典型的實(shí)驗。程序調(diào)試經(jīng)驗和常

25、見錯誤分析部分為初學(xué)者提供了寶貴的程序調(diào)試經(jīng)驗分析，加快了初學(xué)者對C語言程序設(shè)計的入門速度。4.5 留言管理模塊留言管理模塊實(shí)現(xiàn)的功能是：管理員可刪除用戶留言，并可以對用戶的留言進(jìn)行回復(fù)。為學(xué)習(xí)者提供一個與教師交流的平臺，有利于學(xué)習(xí)者進(jìn)行自主學(xué)習(xí)。5 系統(tǒng)的詳細(xì)設(shè)計與實(shí)現(xiàn)5.1 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫(Database)是按照數(shù)據(jù)結(jié)構(gòu)組織、存儲和管理數(shù)據(jù)的倉庫，它產(chǎn)生于距今五十年前，隨著信息技術(shù)和市場的發(fā)展，特別是二十世紀(jì)九十年代以后，數(shù)據(jù)管理不在僅僅是存儲和管理數(shù)據(jù)，而轉(zhuǎn)變成為用戶需要各種數(shù)據(jù)的管理方式。數(shù)據(jù)庫之間的緊密連接構(gòu)建了整個系統(tǒng)的骨架。管理員信息表主要用于存放管理員信息見表1-1。表1-

26、1管理員信息表名稱admin用途存放管理員的相關(guān)信息使用者管理員管理員信息表各數(shù)據(jù)項的說明表，主要記錄管理員的信息，包括編號、用戶名、密碼，見表1-2。表1-2管理員信息表各數(shù)據(jù)項的詳細(xì)說明表序號數(shù)據(jù)項名稱備注類型、長度、精度PK/FK1id編號Int(4)pk2username用戶名Nvarchar(50)3password密碼Nvarchar(50)上傳資源表主要是供管理員上傳資料，存放上傳資料的相關(guān)信息，見表1-3。表1-3上傳資源表名稱share用途存放上傳資源的相關(guān)信息使用者管理員上傳資源表各數(shù)據(jù)項的詳細(xì)說明表，主要是對上傳者的資源名稱、資源簡介、存放路徑、上傳者、上傳時間的說明，見

27、表1-4。表1-4上傳資源表各數(shù)據(jù)項的詳細(xì)說明表序號數(shù)據(jù)項名稱備注類型、長度、精度PK/FK1id編號Int(4)pk2sharename資源名稱Nvarchar(50)3content資源簡介Ntext(16)4uppath存放路徑Nvarchar(50)5sender上傳者Nvarchar(50)6sendertime上傳時間Datetime(8)針對上傳者上傳的資料管理員要對資源進(jìn)行管理見表1-5和表1-6。表1-5上傳資源參數(shù)表名稱uploadset用途存放上傳資源參數(shù)的相關(guān)信息使用者管理員表1-6上傳資源表各數(shù)據(jù)項的詳細(xì)說明表序號數(shù)據(jù)項名稱備注類型、長度、精度PK/FK1id編號In

28、t(4)Pk2filetype上傳文件類型Nvarchar(50)3size上傳文件大小Int(4)4filepath上傳文件存放目錄Nvarchar(50)5fileset是否開放上傳項目Bit(1)6nameset文件名稱設(shè)置Int(4)7upset文件數(shù)目設(shè)置Int(4)8weburl文件存放路徑所屬目錄Nvarchar(50)為了統(tǒng)計評論的相關(guān)信息建了一個評論表見表1-7。表1-7評論表名稱pinglun用途存放評論的相關(guān)信息使用者管理員為了對評論者的評論內(nèi)容、時間、標(biāo)題以及回復(fù)的時間、內(nèi)容作出說明。見表1-8。表1-8上傳資源表各數(shù)據(jù)項的詳細(xì)說明表序號數(shù)據(jù)項名稱備注類型、長度、精度P

29、K/FK1id編號Int(4)Pk2author作者Char(4)3piingluntitle評論標(biāo)題Nvarchar(50)4content評論內(nèi)容Nvarchar(50)5pinglundate評論時間Datetime(8)6huifudate回復(fù)時間Datetime(8)7huifucontent回復(fù)內(nèi)容Nvarchar(50)5.2頁面布局的設(shè)計本網(wǎng)站的頁面布局為左右結(jié)構(gòu)，符合人們的視覺習(xí)慣。采用了以藍(lán)色為主色調(diào)的色彩搭配，主要由于藍(lán)色是最冷的色彩，表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍(lán)色有沉穩(wěn)的特性，具有理智、思考、冷靜的意義。寄希望于學(xué)習(xí)者時刻保持著一種冷靜和睿智。如圖2所

30、示：圖2 頁面結(jié)構(gòu)布局圖頁面主要采用頁中頁的布局格式，為了方便學(xué)習(xí)者閱讀以及節(jié)省內(nèi)存空間，使網(wǎng)站的運(yùn)行更加流暢。主要的代碼如下：<iframe height="700" width="800" name="ym" scrolling="no" marginheight="0" marginwidth="0" src="web/kc-1.html" frameborder="0"></iframe>采用CSS樣式對

31、頁面的文字及圖片進(jìn)行整體規(guī)劃，使得頁面的內(nèi)容更加的統(tǒng)一和諧。主要的代碼如下：charset "utf-8"/* CSS Document */a:link color: #F00;text-decoration: none; a:visited color: #00F;text-decoration: none; a:hover color: #3F0;text-decoration: underline; a:active color: #9FF;text-decoration: none; 5.3 課程信息模塊的設(shè)計課程信息模塊主要是對C語言程序設(shè)計這門課程進(jìn)行詳細(xì)的解

32、讀，包括具體的教學(xué)大綱、課程的簡介、課程建設(shè)和教學(xué)的模式。在教學(xué)大綱的版塊中主要采用頁中頁的布局格式，將大綱的所有單元進(jìn)行整合。課程建設(shè)版塊提供了更多優(yōu)秀資源的下載。教學(xué)大綱的效果圖如圖3所示：圖3 教學(xué)大綱效果圖5.4 資料下載模塊的設(shè)計資料下載模塊提供了優(yōu)秀的教學(xué)和學(xué)習(xí)資源，并為學(xué)習(xí)者提供了下載的鏈接，文件都采用的是ZIP壓縮工具形成的壓縮包，為下載提供便利。所有的視頻文件都是轉(zhuǎn)換格式以后的Flv流媒體文件，適合在網(wǎng)上在線觀看。網(wǎng)站中所有的word和ppt都是office2003版本的，符合市場上主流用戶的習(xí)慣。由于下載的鏈接很多，在這里就不一一介紹了。如下圖即為章節(jié)課件的下載鏈接：圖4

33、課件下載鏈接圖主要的代碼如下：<table width="702" height="431" border="0" align="center"><tr><td width="302" height="35" class="ziti">第一章 C語言基礎(chǔ) <a href="./ppt/1 .ppt">點(diǎn)擊立即觀看</a></td><td width="

34、;384" rowspan="11" align="left" valign="top"><img src="./img/fengpi.png" width="429" height="429" /></td></tr><tr><td height="35" class="ziti">第三章 數(shù)據(jù)描述 <a href="./ppt/3 .ppt&

35、quot;>點(diǎn)擊立即觀看</a></td> </tr><tr><td height="35" class="ziti">第四章 數(shù)據(jù)的輸入和輸出 <a href="./ppt/4 .ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第五 六章 C語言程序設(shè)計 <a href=".

36、/ppt/5-6.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第七章 數(shù)組 <a href="./ppt/7.ppt">點(diǎn)擊立即觀看</a></td></tr><tr> <td height="35" class="ziti">第八章 函數(shù) <a href="./

37、ppt/8.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第九章 編譯預(yù)處理 <a href="./ppt/9.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第十章 指針 <a href="./p

38、pt/10.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第十一章 結(jié)構(gòu)體與共用體 <a href="./ppt/11.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td height="35" class="ziti">第十二 三章文件 <a href=&qu

39、ot;./ppt/12-13.ppt">點(diǎn)擊立即觀看</a></td></tr><tr><td>&nbsp;</td></tr> </table>5.5 實(shí)驗教學(xué)模塊的設(shè)計實(shí)驗教學(xué)模塊為學(xué)習(xí)者提供了豐富的實(shí)驗資源，其中包括經(jīng)典的實(shí)驗例題15個，并為學(xué)習(xí)者提供了寶貴的程序調(diào)試經(jīng)驗的分享。在實(shí)驗內(nèi)容方面主要采用Iframe對頁面進(jìn)行設(shè)計，各個小的頁面進(jìn)行嵌套，其中15個實(shí)驗的內(nèi)容都是jpg的清晰圖片，主要為了防止學(xué)習(xí)者直接將程序復(fù)制粘貼進(jìn)去，這樣就起不到動手實(shí)踐的效果。如圖5所示

40、：圖5 實(shí)驗教學(xué)模塊設(shè)計圖主要的部分代碼如下：<tr class="bg"><td height="15" align="center" bgcolor="#0099FF"><a href="sy-2/sy-2.1.html" target="sy">實(shí)驗1</a></td><td height="15" align="center" bgcolor="#009

41、9FF"><a href="sy-2/sy-2.2.html" target="sy">試驗2</a></td><td height="15" align="center" bgcolor="#0099FF"><a href="sy-2/sy-2.3.html" target="sy">試驗3</a></td></tr>5.6 留言管理模塊的設(shè)計

42、在線交流模塊是精品課程中不可或缺的一部分，為教師與學(xué)生的交流搭建一個平臺， 使學(xué)生的學(xué)習(xí)情況得到及時的反饋，有助于學(xué)生的學(xué)習(xí)，同時也使得學(xué)生與學(xué)生之間相互探討更為便捷。本模塊共分兩個子模塊，我要留言和查看留言。如圖6所示：圖6 留言管理模塊設(shè)計圖代碼如下：<script type="text/javascript">function MM_validateForm() /v4.0 if (document.getElementById) var i,p,q,nm,test,num,min,max,errors='',args=MM_validat

43、eForm.arguments; for(i=0;i<(args.length-2);i+=3)test=argsi+2; val=document.getElementById(argsi); if (val) nm=; if (val=val.value)!="") if (test.indexOf('isEmail')!=-1) p=val.indexOf(''); if (p<1 | p=(val.length-1) errors+='- '+nm+' must contain an

44、 e-mail address.n' else if (test!='R') num = parseFloat(val); if (isNaN(val) errors+='- '+nm+' must contain a number.n' if (test.indexOf('inRange') != -1) p=test.indexOf(':'); min=test.substring(8,p); max=test.substring(p+1); if (num<min | max<num) e

45、rrors+='- '+nm+' must contain a number between '+min+' and '+max+'.n' else if (test.charAt(0) = 'R') errors += '- '+nm+' is required.n' if (errors) alert('The following error(s) occurred:n'+errors); document.MM_returnValue = (errors = &

46、#39;'); </script>6 系統(tǒng)測試6.1 系統(tǒng)的測試系統(tǒng)在window XP，在數(shù)據(jù)庫Access2003的支持下通過IE瀏覽器進(jìn)行測試，其中包括網(wǎng)頁中各個鏈接的正常連接，頁面中各個子網(wǎng)頁的位置，以及網(wǎng)頁中流媒體的正常播放等功能的實(shí)現(xiàn)。網(wǎng)頁中色彩是否失真以及網(wǎng)頁中圖片的正常顯示進(jìn)行多次的測試，并將沒有達(dá)到預(yù)期效果的網(wǎng)頁進(jìn)行重新的更正和設(shè)計，達(dá)到美觀、整潔、大方的瀏覽效果。這是對靜態(tài)網(wǎng)頁部分的測試。動態(tài)網(wǎng)頁方面：對留言板的信息進(jìn)行發(fā)表和查看，確保留言板模塊的正常運(yùn)行，對歷史記錄的查看和修改，使得數(shù)據(jù)庫的容量不至于過大，歷史記錄保留有一定的時間周期，并進(jìn)行更新。對數(shù)

47、據(jù)庫進(jìn)行反復(fù)的測試，使得數(shù)據(jù)庫在增加和刪除數(shù)據(jù)的時候功能正常。為了使整個系統(tǒng)穩(wěn)健，還應(yīng)該對語言進(jìn)行精簡，以實(shí)現(xiàn)快速的瀏覽效果，減少瀏覽器的解析難度。在站點(diǎn)中對不需要的素材以及循環(huán)使用的素材進(jìn)行篩選，減小站點(diǎn)的容量，使得瀏覽器的解析效率更高。對頁面的設(shè)計使用外部的css樣式，實(shí)現(xiàn)css的強(qiáng)大功能，使整個的C語言精品課程網(wǎng)站的設(shè)計與開發(fā)高效，快速，準(zhǔn)確運(yùn)行。測試能否進(jìn)行正常登陸：在進(jìn)行用戶的登陸時，如果輸入的用戶名或密碼不正確，將導(dǎo)致不能登陸成功，生成的圖如圖7所示。圖7 登陸界面失敗圖通過進(jìn)行查找原因發(fā)現(xiàn)，在登陸按鈕的Click事件里，用戶輸入的密碼或用戶名不滿足系統(tǒng)在開發(fā)時所設(shè)計的要求，超過了

48、所允許輸入的字符數(shù)。更改過后再登陸，運(yùn)行結(jié)果如圖8所示。圖8 成功登陸效果圖通過對系統(tǒng)的測試，我們可以看到系統(tǒng)還有很多需要改進(jìn)的地方。通過對系統(tǒng)的分析我們得出了如下的結(jié)論：一個真正穩(wěn)健，高效地系統(tǒng)是一個集體智慧的結(jié)晶，數(shù)據(jù)庫是系統(tǒng)正常運(yùn)行的基礎(chǔ)，Html語言是搭建系統(tǒng)的平臺。7 結(jié)論基于計算機(jī)網(wǎng)絡(luò)的遠(yuǎn)程教學(xué)系統(tǒng)的兩個主要功能就是精品課程網(wǎng)站的建設(shè)和在線學(xué)習(xí)支持服務(wù)系統(tǒng)的開發(fā)。隨著信息化社會的高速發(fā)展，越來越多的學(xué)習(xí)資料出現(xiàn)在計算機(jī)網(wǎng)絡(luò)上面，為學(xué)習(xí)者帶來了豐富的學(xué)習(xí)資源，但是也同樣給學(xué)習(xí)者帶來這樣的困惑，那就是對這么多海量學(xué)習(xí)資源的選擇。在教育教學(xué)的活動中，如何使學(xué)生快速地了解和使用這些資料呢？

49、正是基于這個問題，精品課程網(wǎng)站的建設(shè)，便能夠充分利用各種計算機(jī)網(wǎng)絡(luò)信息，增強(qiáng)學(xué)生的自主學(xué)習(xí)能力，不管是對學(xué)生還是對教師都有很大益處。在線學(xué)習(xí)日益成為成人學(xué)習(xí)者重要的學(xué)習(xí)形式之一，而且將會在很大程度上要求學(xué)習(xí)者改變傳統(tǒng)的學(xué)習(xí)習(xí)慣和學(xué)習(xí)方式。計算機(jī)網(wǎng)絡(luò)對普通高等學(xué)校在校大學(xué)生的學(xué)習(xí)過程同樣發(fā)揮著積極的作用。隨著計算機(jī)網(wǎng)絡(luò)的飛速發(fā)展，傳統(tǒng)的單機(jī)多媒體教學(xué)方法已經(jīng)不能滿足教學(xué)的要求，網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)壓縮技術(shù)和課件制作技術(shù)的發(fā)展，將使多媒體教學(xué)突破傳統(tǒng)的教學(xué)局限，引發(fā)一場新的教育改革，多媒體教學(xué)網(wǎng)絡(luò)化將成為未來教學(xué)的主要形式。隨著信息化進(jìn)程的加快，將對我國教育制度的改革起到推動促進(jìn)作用。本文論述了一個基于Html語言的精品課程網(wǎng)站管理系統(tǒng)，基本上實(shí)現(xiàn)了電子信息化管理的優(yōu)點(diǎn)，實(shí)現(xiàn)優(yōu)秀教學(xué)資源的共