《計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)》課件系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

摘要：計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程課件要簡單易懂，以便于老師的教學(xué)和學(xué)生對(duì)知識(shí)點(diǎn)的理解，即要求課件知識(shí)中心和重點(diǎn)突出、醒目，對(duì)比較難的知識(shí)點(diǎn)要用諸如圖形、動(dòng)畫等各種方式比較形象的描繪出來；而對(duì)于比較簡單的內(nèi)容，又要結(jié)構(gòu)清晰，簡單明了。本系統(tǒng)將使用Macromedia Flash MX和Macromedia Dreamweaver MX兩個(gè)軟件結(jié)合制作課件。利用Macromedia Dreamweaver MX “所見即所得”良好的網(wǎng)頁編輯特點(diǎn)，將該課件做成網(wǎng)頁形式，然后利用Macromedia Flash MX強(qiáng)大的動(dòng)畫制作能力，將課件中比較難以理解的部分做成動(dòng)畫形式，嵌入網(wǎng)頁中，使重點(diǎn)難點(diǎn)更加突出、淺顯易懂。

關(guān)鍵字：多媒體 課件 動(dòng)畫

隨著IT業(yè)的不斷發(fā)展，計(jì)算機(jī)已經(jīng)廣泛的應(yīng)用到各個(gè)領(lǐng)域當(dāng)中，并從很大程度上取代了繁瑣的手工勞動(dòng)。教育業(yè)也不例外，計(jì)算機(jī)使得老師們從繁瑣的工作里逐漸解脫出來，逐漸過渡到現(xiàn)在的多媒體教學(xué)。多媒體教學(xué)不但減少了老師的工作量，而且也從很大程度上提高了學(xué)生的聽課興趣，大大提高了教學(xué)質(zhì)量和老師的教學(xué)效率。本課件系統(tǒng)正是為了能夠更好的發(fā)揮多媒體的作用而開發(fā)的。

1、《計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)》課件制作的必要性

計(jì)算機(jī)已經(jīng)成為我們學(xué)習(xí)和工作的得力助手。今天，計(jì)算機(jī)的價(jià)格已經(jīng)十分低廉，性能卻有了長足的進(jìn)步，被更多地應(yīng)用到多媒體教學(xué)當(dāng)中。《計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)》課程是學(xué)院計(jì)算機(jī)工程系開設(shè)的一門非常重要的核心必修課。該課程主要講解了計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展，以及其協(xié)議與體系結(jié)構(gòu)等等方面的知識(shí)，著重講解了OSI參考模型中各個(gè)層的工作原理。該門課程比較難以理解和掌握。通過制作多媒體課件，可以使得一些比較難以理解的知識(shí)形象化。比如停等協(xié)議發(fā)送方和接收方之間的交互過程，可以通過動(dòng)畫的形式，將停等協(xié)議的工作原理、工作過程按照固有的先后順序，一步一步地展現(xiàn)在學(xué)生面前，使學(xué)生在看動(dòng)畫的過程中就對(duì)其有了較為深刻的理解，也加深了該知識(shí)點(diǎn)的印象。所以，為了使本來較為復(fù)雜的課程簡單化，制作交互性較強(qiáng)的課件是很有必要的。

2、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課件系統(tǒng)設(shè)計(jì)

2.1課件制作工具選擇

目前大多數(shù)多媒體課件都是用PowerPoint做的，要不就是Authorware了，甚至有的人為了方便省事，干脆就用Word 來做，敷衍了事。為什么要選Macromedia Dreamweaver MX和Macromedia Flash MX來結(jié)合制做該課件呢？總結(jié)原因有二：

DW自身“所見即所得”良好的編輯效果和Flash MX強(qiáng)大的動(dòng)畫制作能力。

計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程是一門計(jì)算機(jī)專業(yè)基礎(chǔ)課程，所涉及計(jì)算機(jī)網(wǎng)絡(luò)方面的原理性知識(shí)較多而且難于理解，比如IP協(xié)議的工作流程，握手協(xié)議的三次“握手”機(jī)制，再如IP數(shù)據(jù)包的發(fā)送和接收過程等等。為了達(dá)到好的授課效果，我們采用了Flash MX把它們?nèi)堪凑掌涔ぷ髁鞒套龀蓜?dòng)畫的形式，以便學(xué)生理解。

方便網(wǎng)絡(luò)教學(xué)。

隨著我們學(xué)院校園網(wǎng)的建立和不斷發(fā)展，網(wǎng)絡(luò)在我院教學(xué)領(lǐng)域上已經(jīng)充當(dāng)了一個(gè)不可忽視的角色，比如進(jìn)行網(wǎng)絡(luò)考試，網(wǎng)絡(luò)授課等等。有的課程筆記和課件也已經(jīng)放在了校園網(wǎng)上，這大大方便了學(xué)生的學(xué)習(xí)和老師的授課，所以我們將該課程做成網(wǎng)頁的形式，以方便實(shí)現(xiàn)該門課程的網(wǎng)絡(luò)教學(xué)。

2.2模塊設(shè)計(jì)

計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程的內(nèi)容根據(jù)計(jì)算機(jī)網(wǎng)絡(luò)開放式互連參考模型的七層協(xié)議來而定，相應(yīng)分為七章，每一層作為單獨(dú)的一章出現(xiàn)。在制作過程中就相應(yīng)把每一章作為一個(gè)模塊來做，每一章里又分了幾個(gè)小節(jié)，分別又分為幾個(gè)小的模塊。

2.2.1課件索引（目錄）模塊設(shè)計(jì)

課件索引應(yīng)包含該課件系統(tǒng)的所有功能模塊的接口。根據(jù)該門課程的特點(diǎn)，設(shè)置了如下幾個(gè)子模塊的接口：

教學(xué)內(nèi)容：課件內(nèi)容接口

授課計(jì)劃：教師授課計(jì)劃模塊接口

重點(diǎn)難點(diǎn)：課程重難點(diǎn)模塊接口

2.2.2 各節(jié)內(nèi)容頁面（系統(tǒng)主體）模塊設(shè)計(jì)

模塊頁面設(shè)計(jì)

經(jīng)過分析，該課件的內(nèi)容頁分成8個(gè)幀，其中，上面兩個(gè)幀為頁頭，再其次是兩個(gè)標(biāo)題，一個(gè)指明該頁內(nèi)的動(dòng)畫和圖片所屬的章節(jié)標(biāo)題，另外一個(gè)指明該頁的文本內(nèi)容所屬的章節(jié)標(biāo)題。為了使整個(gè)頁面整潔美觀，也為了方便教師在教學(xué)的過程中避免頻繁翻屏，每一節(jié)的內(nèi)容全部放在一頁里邊。在每一章里，將所有的靜態(tài)圖片和動(dòng)畫都以 .swf文件的形式放在該頁面的左半部分，一節(jié)中多個(gè)圖片用按扭來實(shí)現(xiàn)切換；所有的靜態(tài)文本都放在頁面的右半部分，作為一個(gè)單獨(dú)的模塊存在。下面兩個(gè)幀提供與其他模塊的接口。左邊為快速定位，右邊為與前一節(jié)和后一節(jié)內(nèi)容的鏈接，以及返回到目錄頁。

快速定位幀的設(shè)計(jì)

通常在授課過程中，為了讓學(xué)生更好地鞏固已經(jīng)學(xué)過的知識(shí)，或者在講到與其他內(nèi)容相關(guān)的知識(shí)點(diǎn)時(shí)，為了將幾個(gè)知識(shí)點(diǎn)更好地聯(lián)系到一起，老師經(jīng)常會(huì)從一節(jié)內(nèi)容跳到其他章節(jié)講解。為了使老師更加方便，我們?cè)O(shè)計(jì)了一個(gè)快速定位幀來實(shí)現(xiàn)該功能。在該幀里，設(shè)置了一個(gè)表單，該表單里有每一章第一節(jié)模塊的鏈接，選擇那一章，頁面就自動(dòng)切換到該章的第一節(jié)內(nèi)容模塊中。

切換幀的設(shè)計(jì)

在該幀里，主要是要實(shí)現(xiàn)返回到當(dāng)節(jié)內(nèi)容的前一節(jié)學(xué)習(xí)和跳到后一節(jié)內(nèi)容學(xué)習(xí)的功能。于是，在該模塊里設(shè)置三個(gè)動(dòng)態(tài)按扭，一個(gè)為BACK，另一個(gè)為NEXT，再一個(gè)就是鏈接到目錄頁的INDEX。點(diǎn)擊BACK按扭則返回到前一節(jié)內(nèi)容學(xué)習(xí)，點(diǎn)擊NEXT則跳轉(zhuǎn)到下一節(jié)內(nèi)容學(xué)習(xí)，點(diǎn)擊INDEX則進(jìn)入目錄頁以便執(zhí)行系統(tǒng)的其它功能。

系統(tǒng)主體模塊工作流程如2.1圖所示:

3、課件系統(tǒng)的實(shí)現(xiàn)

3.1課件站點(diǎn)的建立和管理

首先，建立一個(gè)本地站點(diǎn)，并命名為web，所有的網(wǎng)頁按照課件的章節(jié)來分布，將每一章的所有網(wǎng)頁放在一個(gè)文件夾里邊，將每一節(jié)的內(nèi)容放在一個(gè)網(wǎng)頁里。

3.2“授課內(nèi)容”模版制作

授課內(nèi)容的所有頁面都是一個(gè)模式，所以，首先建立一個(gè)模版文件，命名為：model1。

3.2.1 模版幀頁面介紹

該模版一共由8個(gè)幀頁面組成，分別取名為title1.htm、title2.htm、flashbiao.htm、textbiao.htm、flash.htm、text.htm、biaotan.htm、next.htm。

Title1.htm:存放頭標(biāo)圖片的幀頁面。

Title2.htm：存放頭標(biāo)Flash動(dòng)畫的幀頁面。

Flashbiao.htm：flash動(dòng)畫幀的頭標(biāo)，標(biāo)識(shí)Flash.htm幀中動(dòng)畫屬于哪一章節(jié)。

Textbiao.htm：授課內(nèi)容文本幀的頭標(biāo)，標(biāo)識(shí)屬于哪一章節(jié)。

Flash.htm：Flash動(dòng)畫幀頁面，其存放了每一節(jié)中所有的flash動(dòng)畫、靜態(tài)圖。

Text.htm: 授課內(nèi)容文本幀頁面，其存放了每一節(jié)中的所有文本內(nèi)容。

Biaodan.htm：快速定位幀頁面，通過頁面中的表單可以快速選擇所要學(xué)習(xí)的內(nèi)容。

Next.htm：該幀頁面主要有三個(gè)按扭，即Index、Back、Next。點(diǎn)擊Index回到Index幀頁面，點(diǎn)擊Back則到前一節(jié)內(nèi)容學(xué)習(xí)，點(diǎn)擊Next則是跳到下一節(jié)。

3.2.2 課件正文制作

如前所述，該課件分為兩個(gè)部分，一部分為課件內(nèi)容文本部分，全部放在Text幀頁面里；另一部分既為課件中的圖形部分，包括課件中的所有靜態(tài)圖片和動(dòng)畫，全是用Flash制作的.swf文件，放在左邊的Flash幀頁面里。

本系統(tǒng)教學(xué)內(nèi)容參考思科系統(tǒng)公司的CCNA配套教材，并根據(jù)學(xué)院實(shí)際情況進(jìn)行了適當(dāng)修改。主要內(nèi)容包括：網(wǎng)絡(luò)概述、應(yīng)用層功能及協(xié)議、OSI傳輸層、OSI網(wǎng)絡(luò)層、OSI數(shù)據(jù)鏈路層、OSI物理層、以太網(wǎng)。

結(jié)束語

本系統(tǒng)已在教學(xué)過程中使用，在使用過程中學(xué)生明顯表現(xiàn)的學(xué)習(xí)興趣更濃厚，對(duì)課程的理解更加透徹。

參考文獻(xiàn)：

[1] 思科系統(tǒng)公司.CCNA Exploration：網(wǎng)絡(luò)基礎(chǔ)知識(shí)[M]. 人民郵電出版社.2009年1月.

[2] 思科系統(tǒng)公司.CCNA Discovery：家庭和小型企業(yè)網(wǎng)絡(luò)[M]. 人民郵電出版社.2008年10月

[3] 劉玉山 劉彥武.Flash動(dòng)畫實(shí)用技術(shù)[M]. 機(jī)械工業(yè)出版社.2009年5月

[4] 吳菁.網(wǎng)頁型多媒體課件設(shè)計(jì)與制作.《現(xiàn)代教育技術(shù)》[J].2009年第5期

[5] 田寶勇等. 多媒體與網(wǎng)絡(luò)技術(shù)教學(xué)課件的幾點(diǎn)建議.電腦知識(shí)與技術(shù)[J]. 2010年第29期