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

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

2、礎(chǔ)。本設(shè)計(jì)為教師與學(xué)生搭建一個(gè)C語(yǔ)言交流和學(xué)習(xí)的平臺(tái)，對(duì)于學(xué)生提高C語(yǔ)言的學(xué)習(xí)是大有裨益的。本文主要介紹C語(yǔ)言課程網(wǎng)站的4大模塊：課程信息，資料下載，實(shí)驗(yàn)教學(xué)，留言板以及各個(gè)模塊所實(shí)現(xiàn)的功能。關(guān)鍵詞：精品課程，Html語(yǔ)言，Access數(shù)據(jù)庫(kù)。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語(yǔ)言精品課程網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)綜述12.1 精品課程網(wǎng)站簡(jiǎn)介12.2 精品課程網(wǎng)站特點(diǎn)、優(yōu)點(diǎn)和難點(diǎn)32.3 精品課程網(wǎng)站的作用42.4 精品課程網(wǎng)站設(shè)計(jì)的目標(biāo)43 開(kāi)發(fā)環(huán)境的選擇與簡(jiǎn)介43.1編程環(huán)境的選擇43.2 IIS安裝與配置43.3 Access安裝53.4具體實(shí)現(xiàn)中采用的關(guān)鍵技術(shù)54 系統(tǒng)總體設(shè)計(jì)54.1系統(tǒng)結(jié)構(gòu)圖54.2課程信息模塊64.3資料下載模塊64.4實(shí)驗(yàn)教學(xué)模塊74.5留言

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

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

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

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

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

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

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

14、的開(kāi)發(fā)，也是網(wǎng)絡(luò)多媒體教學(xué)中的一個(gè)重要的環(huán)節(jié)，由于課件的開(kāi)發(fā)涉及到對(duì)文本、圖像、聲音、動(dòng)畫(huà)等信息的處理，需要我們投入大量的人力物力，需要利用計(jì)算機(jī)的編程語(yǔ)言、美術(shù)設(shè)計(jì)等方面人才的密切協(xié)作。同傳統(tǒng)的多媒體課件制作相比，采用制作專(zhuān)題精品課程網(wǎng)站的方法來(lái)完成制作課件，不僅能達(dá)到相同的效果，而且還具有簡(jiǎn)單方便、鏈接更容易實(shí)現(xiàn)、可擴(kuò)展性更強(qiáng)等優(yōu)點(diǎn)。綜上所訴，精品課程網(wǎng)站這個(gè)新的平臺(tái)如果將以上四個(gè)方面能夠充分的完善，那么以后的網(wǎng)上教學(xué)將會(huì)越來(lái)越普及、通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)自主學(xué)習(xí)的人將會(huì)越來(lái)越多、網(wǎng)上的優(yōu)質(zhì)的教學(xué)資源也會(huì)越來(lái)越豐富。精品課程網(wǎng)站將會(huì)得到廣大用戶的充分肯定。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é)手段?；?dòng)性：利用健全的精品課程評(píng)價(jià)體系，即有效的反饋機(jī)制的建設(shè)，通過(guò)消化校內(nèi)外、甚至國(guó)外專(zhuān)家、同行、學(xué)生在使用精品課程建設(shè)方案，調(diào)整和完善精品課程的教學(xué)內(nèi)容，加強(qiáng)精品課程建設(shè)者與使用者的互動(dòng)建設(shè)，這是精品課程建設(shè)的一條必經(jīng)之路，同時(shí)也是一條捷徑。整體性：精品課程包括了教師、學(xué)生、教材、教學(xué)技術(shù)手段、教學(xué)制度等要素。精品課程建設(shè)要考慮完整的課程建設(shè)的各個(gè)環(huán)節(jié)，即課堂授課水平、教與學(xué)的互動(dòng)、學(xué)生課余的自主學(xué)習(xí)和實(shí)踐動(dòng)手能力的培養(yǎng)、學(xué)業(yè)成績(jī)的評(píng)價(jià)以及教學(xué)輔助手段和教學(xué)參考書(shū)的建設(shè)等等，同時(shí)要抓住各方面間的關(guān)系，關(guān)注整體建設(shè)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

30、示：圖2 頁(yè)面結(jié)構(gòu)布局圖頁(yè)面主要采用頁(yè)中頁(yè)的布局格式，為了方便學(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樣式對(duì)

31、頁(yè)面的文字及圖片進(jìn)行整體規(guī)劃，使得頁(yè)面的內(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è)計(jì)課程信息模塊主要是對(duì)C語(yǔ)言程序設(shè)計(jì)這門(mén)課程進(jìn)行詳細(xì)的解

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

33、課件下載鏈接圖主要的代碼如下：<table width="702" height="431" border="0" align="center"><tr><td width="302" height="35" class="ziti">第一章 C語(yǔ)言基礎(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語(yǔ)言程序設(shè)計(jì) <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í)驗(yàn)教學(xué)模塊的設(shè)計(jì)實(shí)驗(yàn)教學(xué)模塊為學(xué)習(xí)者提供了豐富的實(shí)驗(yàn)資源，其中包括經(jīng)典的實(shí)驗(yàn)例題15個(gè)，并為學(xué)習(xí)者提供了寶貴的程序調(diào)試經(jīng)驗(yàn)的分享。在實(shí)驗(yàn)內(nèi)容方面主要采用Iframe對(duì)頁(yè)面進(jìn)行設(shè)計(jì)，各個(gè)小的頁(yè)面進(jìn)行嵌套，其中15個(gè)實(shí)驗(yàn)的內(nèi)容都是jpg的清晰圖片，主要為了防止學(xué)習(xí)者直接將程序復(fù)制粘貼進(jìn)去，這樣就起不到動(dòng)手實(shí)踐的效果。如圖5所示

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

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

42、在線交流模塊是精品課程中不可或缺的一部分，為教師與學(xué)生的交流搭建一個(gè)平臺(tái)， 使學(xué)生的學(xué)習(xí)情況得到及時(shí)的反饋，有助于學(xué)生的學(xué)習(xí)，同時(shí)也使得學(xué)生與學(xué)生之間相互探討更為便捷。本模塊共分兩個(gè)子模塊，我要留言和查看留言。如圖6所示：圖6 留言管理模塊設(shè)計(jì)圖代碼如下：<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)測(cè)試6.1 系統(tǒng)的測(cè)試系統(tǒng)在window XP，在數(shù)據(jù)庫(kù)Access2003的支持下通過(guò)IE瀏覽器進(jìn)行測(cè)試，其中包括網(wǎng)頁(yè)中各個(gè)鏈接的正常連接，頁(yè)面中各個(gè)子網(wǎng)頁(yè)的位置，以及網(wǎng)頁(yè)中流媒體的正常播放等功能的實(shí)現(xiàn)。網(wǎng)頁(yè)中色彩是否失真以及網(wǎng)頁(yè)中圖片的正常顯示進(jìn)行多次的測(cè)試，并將沒(méi)有達(dá)到預(yù)期效果的網(wǎng)頁(yè)進(jìn)行重新的更正和設(shè)計(jì)，達(dá)到美觀、整潔、大方的瀏覽效果。這是對(duì)靜態(tài)網(wǎng)頁(yè)部分的測(cè)試。動(dòng)態(tài)網(wǎng)頁(yè)方面：對(duì)留言板的信息進(jìn)行發(fā)表和查看，確保留言板模塊的正常運(yùn)行，對(duì)歷史記錄的查看和修改，使得數(shù)據(jù)庫(kù)的容量不至于過(guò)大，歷史記錄保留有一定的時(shí)間周期，并進(jìn)行更新。對(duì)數(shù)

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

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

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