《通信原理》網(wǎng)絡(luò)課件的制作畢業(yè)設(shè)計(jì)

1、通信原理網(wǎng)絡(luò)課件的制作The Web-Based Courseware for Communication Principles 中文提要網(wǎng)絡(luò)環(huán)境下的在線學(xué)習(xí)系統(tǒng)，具有平等交互式的學(xué)習(xí)環(huán)境、豐富的信息容量和豐富的表現(xiàn)形式等特點(diǎn)。在線學(xué)習(xí)方式已經(jīng)在開放教育領(lǐng)域大顯身手。網(wǎng)絡(luò)課件是運(yùn)行在服務(wù)器端，客戶端通過(guò)瀏覽器瀏覽或下載運(yùn)行的課件。近年來(lái)網(wǎng)絡(luò)課件迅速發(fā)展，成為課堂教學(xué)的重要輔助手段。制作通信原理課程網(wǎng)絡(luò)課件，能彌補(bǔ)通信原理課程傳統(tǒng)課堂教學(xué)方式的不足。文章主要從兩個(gè)方面介紹通信原理網(wǎng)絡(luò)課件的制作，包括課件的設(shè)計(jì)和課件的制作。課件設(shè)計(jì)部分提出了我對(duì)制作通信原理網(wǎng)絡(luò)課件的基本構(gòu)想以及關(guān)于網(wǎng)頁(yè)制作的建議

2、。課件制作部分講述了我在課件制作過(guò)程中遇到的一些問(wèn)題以及解決方案。關(guān)鍵詞：通信原理 網(wǎng)絡(luò)課件 在線學(xué)習(xí)AbstractThe on-line studying system of network can take equal studying situation, plentiful information and forms to each other. Nowadays, the on-line studying system has achieved great success. Web-Based Courseware is courseware that runs on web se

3、rver and browsed on client using normative browser. Web-Based Courseware is developing rapidly and become an important assistance to course teaching. Web-Based Courseware for Communication Principles is constructed to assist the course teaching.Basically ，the article mainly depicts making the networ

4、k courseware of “Communication Principles” from two aspects, and includes design the courseware and making courseware. The design part put forward the mainly idea of design the courseware and some proposal for design the webs on my own. The making part depicts the problems that come into being when

5、making courseware, and gives some advices about making courseware intensively.Keywords: Communication Principles network courseware on-line studying目錄 TOC o 1-3 h z u HYPERLINK l _Toc198796726 第一章 網(wǎng)絡(luò)課件的重要性 PAGEREF _Toc198796726 h 1 HYPERLINK l _Toc198796727 1.1 網(wǎng)絡(luò)課件的開發(fā)背景 PAGEREF _Toc198796727 h 1 HY

6、PERLINK l _Toc198796728 1.1.1 網(wǎng)絡(luò)課件的定義 PAGEREF _Toc198796728 h 1 HYPERLINK l _Toc198796729 1.1.2 網(wǎng)絡(luò)課件的特點(diǎn) PAGEREF _Toc198796729 h 1 HYPERLINK l _Toc198796730 1.2 網(wǎng)絡(luò)課件在教學(xué)中的應(yīng)用 PAGEREF _Toc198796730 h 2 HYPERLINK l _Toc198796731 第二章 通信原理課件的設(shè)計(jì) PAGEREF _Toc198796731 h 3 HYPERLINK l _Toc198796732 2.1 整體結(jié)構(gòu)設(shè)計(jì)

7、 PAGEREF _Toc198796732 h 3 HYPERLINK l _Toc198796733 2.2 界面設(shè)計(jì) PAGEREF _Toc198796733 h 4 HYPERLINK l _Toc198796734 2.3 導(dǎo)航設(shè)計(jì) PAGEREF _Toc198796734 h 4 HYPERLINK l _Toc198796735 2.4 交互設(shè)計(jì) PAGEREF _Toc198796735 h 5 HYPERLINK l _Toc198796736 2.4.1 論壇討論功能 PAGEREF _Toc198796736 h 5 HYPERLINK l _Toc198796737

8、 2.4.2 在線測(cè)試功能 PAGEREF _Toc198796737 h 6 HYPERLINK l _Toc198796738 第三章 通信原理課件的制作工具介紹 PAGEREF _Toc198796738 h 7 HYPERLINK l _Toc198796739 3.1 有關(guān)PHOTOSHOP CS3在制作中的使用 PAGEREF _Toc198796739 h 7 HYPERLINK l _Toc198796740 3.2 有關(guān)DREAMWEAVER 8在制作中的使用 PAGEREF _Toc198796740 h 7 HYPERLINK l _Toc198796741 3.3 有關(guān)

9、FLASH 8在制作中的使用 PAGEREF _Toc198796741 h 8 HYPERLINK l _Toc198796742 3.4 有關(guān)VISUAL STUDIO 2005在制作中的使用 PAGEREF _Toc198796742 h 8 HYPERLINK l _Toc198796743 第四章 通信原理課件的制作 PAGEREF _Toc198796743 h 9 HYPERLINK l _Toc198796744 4.1 網(wǎng)頁(yè)主模版的制作 PAGEREF _Toc198796744 h 9 HYPERLINK l _Toc198796745 4.1.1 網(wǎng)頁(yè)主模版的結(jié)構(gòu) PAG

10、EREF _Toc198796745 h 9 HYPERLINK l _Toc198796746 4.1.2 網(wǎng)頁(yè)主模版的背景 PAGEREF _Toc198796746 h 10 HYPERLINK l _Toc198796747 4.1.3 CSS樣式表 PAGEREF _Toc198796747 h 10 HYPERLINK l _Toc198796748 4.1.4 Java script腳本語(yǔ)言 PAGEREF _Toc198796748 h 11 HYPERLINK l _Toc198796749 4.1.5 HTML中的Iframe標(biāo)記 PAGEREF _Toc198796749

11、 h 12 HYPERLINK l _Toc198796750 4.2 內(nèi)容網(wǎng)頁(yè)的制作 PAGEREF _Toc198796750 h 13 HYPERLINK l _Toc198796751 4.2.1 普通內(nèi)容網(wǎng)頁(yè) PAGEREF _Toc198796751 h 14 HYPERLINK l _Toc198796752 4.2.2 在線搜索內(nèi)容網(wǎng)頁(yè) PAGEREF _Toc198796752 h 15 HYPERLINK l _Toc198796753 4.2.3 Flash相關(guān)內(nèi)容網(wǎng)頁(yè) PAGEREF _Toc198796753 h 17 HYPERLINK l _Toc19879675

12、4 4.3 相關(guān)FLASH的制作 PAGEREF _Toc198796754 h 17 HYPERLINK l _Toc198796755 4.3.1 在線測(cè)試Flash的制作 PAGEREF _Toc198796755 h 18 HYPERLINK l _Toc198796756 4.3.2 網(wǎng)絡(luò)課件Flash的制作 PAGEREF _Toc198796756 h 22 HYPERLINK l _Toc198796757 4.4 互動(dòng)平臺(tái)的制作 PAGEREF _Toc198796757 h 24 HYPERLINK l _Toc198796758 4.4.1 注冊(cè) PAGEREF _Toc

13、198796758 h 24 HYPERLINK l _Toc198796759 4.4.2 登陸 PAGEREF _Toc198796759 h 27 HYPERLINK l _Toc198796760 4.4.3 學(xué)生信息管理 PAGEREF _Toc198796760 h 27 HYPERLINK l _Toc198796761 4.4.4 簡(jiǎn)易學(xué)生論壇 PAGEREF _Toc198796761 h 29 HYPERLINK l _Toc198796762 第五章 總結(jié)與展望 PAGEREF _Toc198796762 h 31 HYPERLINK l _Toc198796763 5.

14、1 總結(jié) PAGEREF _Toc198796763 h 31 HYPERLINK l _Toc198796764 5.2 展望 PAGEREF _Toc198796764 h 31 HYPERLINK l _Toc198796765 體會(huì)及謝詞 PAGEREF _Toc198796765 h 32 HYPERLINK l _Toc198796766 參考文獻(xiàn) PAGEREF _Toc198796766 h 33第一章 網(wǎng)絡(luò)課件的重要性1.1 網(wǎng)絡(luò)課件的開發(fā)背景隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、信息技術(shù)和現(xiàn)代教育技術(shù)的飛速發(fā)展，計(jì)算機(jī)廣泛應(yīng)用于各行各業(yè)中,它的高效性、重要性已經(jīng)逐漸被人們認(rèn)可?，F(xiàn)代遠(yuǎn)程教學(xué)中

15、的網(wǎng)絡(luò)多媒體課件，便是這三大技術(shù)運(yùn)用的結(jié)晶。 網(wǎng)絡(luò)課件的定義網(wǎng)絡(luò)課件是基于Browser/Server(瀏覽器/服務(wù)器)模式開發(fā)、能在Internet(互聯(lián)網(wǎng))或Intranet(局域網(wǎng))上發(fā)布的CAI課件。其本質(zhì)是一種Web應(yīng)用程序。目前非專業(yè)人員開發(fā)的網(wǎng)絡(luò)課件一般是網(wǎng)頁(yè)型的。由于網(wǎng)頁(yè)具有多媒體超文本實(shí)現(xiàn)能力，并且有良好的交互和動(dòng)態(tài)特性，所以借助Internet或Intranet來(lái)實(shí)現(xiàn)計(jì)算機(jī)輔助教學(xué)和遠(yuǎn)程教育已經(jīng)開始得到大力的發(fā)展和推廣。網(wǎng)絡(luò)課件運(yùn)行在服務(wù)器上，客戶只需用瀏覽器訪問(wèn)就行了，在客戶端真正做到了免安裝、免維護(hù)。網(wǎng)絡(luò)課件還實(shí)現(xiàn)了超媒體結(jié)構(gòu)。超媒體是基于超文本支持的多媒體，多媒體的表

16、現(xiàn)可使超文本的交互界面更為豐富，由多媒體和超文本結(jié)合發(fā)展而成的超媒體系統(tǒng)目前已成為一種理想的知識(shí)組織結(jié)構(gòu)和管理方式。課件設(shè)計(jì)采用超媒體結(jié)構(gòu)，既方便了教師操作，又可以使教師根據(jù)實(shí)際教學(xué)情況自由選擇和重新組織教學(xué)內(nèi)容。 網(wǎng)絡(luò)課件的特點(diǎn) 網(wǎng)絡(luò)課件的高度模塊化，使教師用它可以靈活地組織教學(xué)，學(xué)生用它可以靈活地選擇學(xué)習(xí)，與教無(wú)定法，學(xué)無(wú)定法的規(guī)律相適應(yīng)，是推進(jìn)素質(zhì)教育的現(xiàn)代化的教學(xué)輔助工具。綜上所述，網(wǎng)絡(luò)課件的主要特點(diǎn)是：(1)體積小，傳輸速度快，功能強(qiáng)大；(2)在客戶端無(wú)需安裝和維護(hù)；(3)信息量大，資源共享；(4)實(shí)時(shí)交互性強(qiáng)，信息反饋快； (5)高度模塊化，靈活性強(qiáng)；(6)既可助教又可助學(xué)；(7)

17、有網(wǎng)絡(luò)監(jiān)控和廣播功能。1.2 網(wǎng)絡(luò)課件在教學(xué)中的應(yīng)用在教學(xué)過(guò)程中，網(wǎng)絡(luò)課件是根據(jù)一定教學(xué)目標(biāo)表現(xiàn)特定教學(xué)內(nèi)容、反映一定教學(xué)策略的多媒體應(yīng)用軟件，它是利用計(jì)算機(jī)多媒體技術(shù)把文字、圖形、聲音、動(dòng)畫等多種表現(xiàn)媒體綜合起來(lái)而形成。隨著互聯(lián)網(wǎng)的發(fā)展和迅速普及，現(xiàn)代多媒體技術(shù)正經(jīng)歷著一場(chǎng)網(wǎng)絡(luò)化的革命。計(jì)算機(jī)多媒體網(wǎng)絡(luò)教學(xué)是將計(jì)算機(jī)多媒體技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)充分結(jié)合，將傳統(tǒng)的課堂理論知識(shí)講授建立于形象、生動(dòng)、直觀的教學(xué)之中，使教師和學(xué)生能夠最大限度地增強(qiáng)課堂參與意識(shí)，從多方面刺激學(xué)生的感官，進(jìn)一步提高教學(xué)質(zhì)量。在這一過(guò)程中，多媒體教學(xué)課件起了重要的作用。它匯集了文字、圖形、動(dòng)畫、視頻、聲音、特殊效果等，包含

18、了無(wú)限想象的空間，不僅改變了我們學(xué)習(xí)和理解問(wèn)題的方式，而且還改變了我們傳播信息的方式。將之用于網(wǎng)絡(luò)教學(xué)，即以其非凡的表現(xiàn)力，跨越時(shí)空的能力，為教育注入了無(wú)窮的活力。但是，多媒體網(wǎng)絡(luò)教學(xué)從某種意義上講仍是一種新興的教學(xué)方式，所以如何充分利用其優(yōu)越的特點(diǎn)，揚(yáng)長(zhǎng)避短，真正做到資源的充分利用與教學(xué)質(zhì)量的提高，成為教育界關(guān)注的熱點(diǎn)。在我校，網(wǎng)絡(luò)課件的應(yīng)用已經(jīng)相當(dāng)廣泛，這不僅提高了學(xué)生自主學(xué)習(xí)的能力，還增加了在課下與老師的交流，活躍了教學(xué)，更有利于所學(xué)知識(shí)的擴(kuò)展教學(xué)。 第二章 通信原理課件的設(shè)計(jì)網(wǎng)絡(luò)課件最終是通過(guò)網(wǎng)頁(yè)的形式表現(xiàn)出來(lái)的，我在制作通信原理課件之前首先明確了教學(xué)目的，進(jìn)行教學(xué)對(duì)象分析，逐步實(shí)現(xiàn)學(xué)

19、生在多媒體網(wǎng)絡(luò)環(huán)境中的自主學(xué)習(xí)。經(jīng)過(guò)對(duì)教學(xué)內(nèi)容的分類，網(wǎng)頁(yè)主題的規(guī)劃，開始進(jìn)行網(wǎng)絡(luò)課件的整體結(jié)構(gòu)設(shè)計(jì)、界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)以及交互設(shè)計(jì)。2.1 整體結(jié)構(gòu)設(shè)計(jì)網(wǎng)絡(luò)課件的整體結(jié)構(gòu)設(shè)計(jì)應(yīng)服從教學(xué)設(shè)計(jì)的需要，首先進(jìn)行任務(wù)分析，逐級(jí)找到需要掌握的知識(shí)點(diǎn)，然后根據(jù)學(xué)生現(xiàn)有的知識(shí)結(jié)構(gòu)確定合適的起點(diǎn)和知識(shí)傳遞過(guò)程，確定信息的組織與表現(xiàn)形式。根據(jù)教學(xué)內(nèi)容的相互聯(lián)系，按照建構(gòu)主義教學(xué)設(shè)計(jì)自上而下的設(shè)計(jì)思路，形成非線性知識(shí)結(jié)構(gòu)，讓學(xué)生嘗試解決問(wèn)題，并在此過(guò)程中發(fā)現(xiàn)完成整體任務(wù)所需的子任務(wù)，以及完成各級(jí)任務(wù)所需的各種知識(shí)和技能，引導(dǎo)學(xué)生進(jìn)行有目的地探索，實(shí)現(xiàn)有意義的知識(shí)建構(gòu)。根據(jù)教學(xué)內(nèi)容和學(xué)生使用的特點(diǎn)，整體設(shè)計(jì)如下：

20、圖2.1-1 通信原理網(wǎng)絡(luò)課件整體設(shè)計(jì)結(jié)構(gòu)圖如圖所示，本課件分為兩個(gè)界面，七部分內(nèi)容：登陸界面：課件封面。主界面： (1)課程介紹：對(duì)于所學(xué)課程的基本介紹。 (2)學(xué)習(xí)課件：所學(xué)課程的內(nèi)容。 (3)演示課件：對(duì)于所學(xué)內(nèi)容的演示。 (4)實(shí)驗(yàn)教學(xué)：課程相關(guān)實(shí)驗(yàn)的教程。 (5)習(xí)題庫(kù)：習(xí)題答案與模擬題。(6)在線測(cè)試：所學(xué)內(nèi)容的相關(guān)測(cè)試。(7)互動(dòng)平臺(tái)：用于師生交流。2.2 界面設(shè)計(jì)網(wǎng)絡(luò)課件的界面是實(shí)現(xiàn)人機(jī)交互的重要手段，界面的好壞會(huì)直接對(duì)學(xué)生產(chǎn)生影響。經(jīng)研究，風(fēng)格獨(dú)特、美觀大方的界面會(huì)對(duì)學(xué)生產(chǎn)生激勵(lì)作用，否則，就會(huì)使學(xué)生在學(xué)習(xí)過(guò)程中感到枯燥乏味。因此在通信原理課件的界面設(shè)計(jì)時(shí)注意了以下幾點(diǎn)：(1

21、)針對(duì)性網(wǎng)絡(luò)課件的界面設(shè)計(jì)應(yīng)根據(jù)通信原理課件的自身特點(diǎn)以及內(nèi)容特征采用了相應(yīng)的表現(xiàn)形式。界面統(tǒng)一，不繁瑣，整潔大方；主體色彩采用藍(lán)色調(diào)，給人安靜的感覺(jué)；布局等方面應(yīng)充分考慮學(xué)生的使用特點(diǎn)，合理安排。(2)協(xié)調(diào)美觀，和諧統(tǒng)一從心理學(xué)角度考慮，人們總是帶著某種情感經(jīng)歷來(lái)接受外部刺激的，情感對(duì)外部刺激起著催化和過(guò)濾作用。富有藝術(shù)性和感染力的界面，會(huì)給學(xué)生營(yíng)造一種視覺(jué)美感，使學(xué)生在輕松愉悅的氛圍中理解內(nèi)容。所以在表現(xiàn)整體設(shè)計(jì)的時(shí)候，非常注意界面的整體性、一致性，比如：圖形、表格、按紐的位置和頁(yè)面字體、顏色、大小等都做到整體布局的和諧統(tǒng)一。(3)簡(jiǎn)潔明快，富有動(dòng)感簡(jiǎn)潔明快是指界面主題清晰明確，內(nèi)容概括集

22、中，學(xué)生在查找特定內(nèi)容或元素時(shí)方便快捷，學(xué)習(xí)效率高，提高了學(xué)習(xí)積極性；另外，心理學(xué)揭示，運(yùn)動(dòng)及變化比任何靜止的事物都能更吸引人的注意力，所以在網(wǎng)絡(luò)課件的設(shè)計(jì)過(guò)程中，適度地采用動(dòng)態(tài)變化形式，利用Java script腳本技術(shù)加入了一些動(dòng)態(tài)元素，使頁(yè)面富有動(dòng)感，讓學(xué)生更容易產(chǎn)生興奮和愉悅，集中注意力。2.3 導(dǎo)航設(shè)計(jì)網(wǎng)絡(luò)教學(xué)強(qiáng)調(diào)以學(xué)生為中心，網(wǎng)絡(luò)課件發(fā)布后主要用于學(xué)生自學(xué)。試想，網(wǎng)絡(luò)課件內(nèi)容豐富，結(jié)構(gòu)復(fù)雜，導(dǎo)航不規(guī)范，查找感興趣的學(xué)習(xí)內(nèi)容效率會(huì)大大降低。因此網(wǎng)絡(luò)課件導(dǎo)航顯得尤為重要。導(dǎo)航框架是將學(xué)習(xí)內(nèi)容按照主次、先后、層次關(guān)系，進(jìn)行索引，使相互聯(lián)系的內(nèi)容，有效地分離在不同的頁(yè)面中，使瀏覽者能清醒地

23、了解當(dāng)前所處位置，按照知識(shí)點(diǎn)的相互關(guān)系，采用橫向?qū)Ш脚c縱向?qū)Ш綐?gòu)成了網(wǎng)狀導(dǎo)航。橫向?qū)Ш剑簣D2.3-1 通信原理網(wǎng)絡(luò)課件橫向?qū)Ш较鄳?yīng)縱向?qū)Ш剑赫n程介紹：課程簡(jiǎn)介、教師介紹、理論教學(xué)大綱、實(shí)驗(yàn)教學(xué)大綱、課程考試大綱、 課程考試要求、教學(xué)日歷、參考信息。學(xué)習(xí)課件：第一章緒論、第二章隨機(jī)信號(hào)分析、第三章信道、第四章模擬調(diào)制系統(tǒng)、第五章數(shù)字基帶傳輸系統(tǒng)、第七章模擬信號(hào)的數(shù)字傳輸。演示課件：AM產(chǎn)生與調(diào)制、頻分復(fù)用原理。實(shí)驗(yàn)教學(xué)：TIMS實(shí)驗(yàn)臺(tái)簡(jiǎn)介、實(shí)驗(yàn)一、實(shí)驗(yàn)二、實(shí)驗(yàn)三、實(shí)驗(yàn)四、實(shí)驗(yàn)五、實(shí)驗(yàn)六。習(xí)題庫(kù)：習(xí)題答案、模擬試題。在線測(cè)試：第一章、第二章、第三章、第四章、第五章、第七章、第九章?；?dòng)平臺(tái)：在線搜

24、索、在線交流。2.4 交互設(shè)計(jì)網(wǎng)絡(luò)課件應(yīng)采用適當(dāng)?shù)慕换シ绞?，以提供學(xué)生在學(xué)習(xí)過(guò)程中自主學(xué)習(xí)，協(xié)作學(xué)習(xí)，從而實(shí)現(xiàn)師生交互，生生交互和人機(jī)交互的目的，并設(shè)立了如下功能： 論壇討論功能學(xué)生在學(xué)習(xí)過(guò)程中可以在互動(dòng)平臺(tái)中，與同伴交流，發(fā)表自己的意見(jiàn)，或提出不懂的問(wèn)題要求教師或同伴在線實(shí)時(shí)回答。圖.1-1 論壇功能流程圖如圖-1所示，論壇討論功能采用了學(xué)生需要注冊(cè)而教師需要數(shù)據(jù)庫(kù)直接導(dǎo)入的設(shè)計(jì)思路。共有兩個(gè)模塊，即“學(xué)生信息管理”模塊和“簡(jiǎn)易學(xué)生論壇”模塊?！皩W(xué)生信息管理”模塊只有教師有權(quán)限進(jìn)入而“簡(jiǎn)易學(xué)生論壇”模塊則為教師和學(xué)生共同使用。2.4.2 在線測(cè)試功能學(xué)生使用在線測(cè)試功能可以分章節(jié)對(duì)已學(xué)內(nèi)容進(jìn)

25、行測(cè)試，自測(cè)試題都為客觀題，由Flash形式表現(xiàn)，可完成選擇以及評(píng)分的功能。圖-1 在線測(cè)試功能流程圖如圖-1所示，在線測(cè)試功能可以完成“選擇答案”“判題及得分”以及“重置”功能，讓學(xué)生輕松完成課后的自我測(cè)試。第三章 通信原理課件的制作工具介紹 在完成了設(shè)計(jì)工作之后，我便根據(jù)設(shè)計(jì)開始制作通信原理網(wǎng)絡(luò)課件。首先對(duì)所使用的軟件進(jìn)行大致的了解，然后深入學(xué)習(xí)。從技術(shù)上講，選擇什么樣的制作工具都不會(huì)影響網(wǎng)絡(luò)課件的優(yōu)劣，但是一個(gè)功能強(qiáng)大，操作簡(jiǎn)單，使用方便的工具往往會(huì)帶來(lái)事半功倍的效果。目前，夠制作網(wǎng)絡(luò)課件的工具比較多，我根據(jù)自己的情況選擇了網(wǎng)頁(yè)制作工具Dreamweaver 8， 圖象處理工具Photo

26、shop cs3， 動(dòng)畫制作工具Flash 8，以及編程工具Visual Studio 2005。 有關(guān)PHOTOSHOP CS3在制作中的使用Photoshop是Adobe公司旗下最為出名的圖像處理軟件軟件之一。Photoshop cs3是Adobe的核心產(chǎn)品。 本課件中所有的圖像都是由Photoshop cs3制作完成的。在網(wǎng)絡(luò)課件中，所有圖像一般采用JPG和GIF兩種格式，它們都屬于壓縮圖片格式，具有文件小，下載速度快，跨平臺(tái)等優(yōu)點(diǎn)。對(duì)于一些需要講究色彩濃淡的圖片，我采用了JPG格式，它支持24bit色，支持全彩和灰度格式，壓縮比高。一些對(duì)色彩要求較低的圖片，我采用了GIF格式，因?yàn)镚I

27、F犧牲了色彩，保存了像素，最多呈現(xiàn)256色，可設(shè)置透明背景，能與網(wǎng)頁(yè)背景很好融合。3.2 有關(guān)DREAMWEAVER 8在制作中的使用Macromedia Dreamweaver 8是建立Web站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從對(duì)基于CSS的設(shè)計(jì)的領(lǐng)先支持到手工編碼功能，Dreamweaver 8提供了專業(yè)人員在一個(gè)集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用Dreamweaver 8及所選擇的服務(wù)器技術(shù)來(lái)創(chuàng)建功能強(qiáng)大的Intelnet應(yīng)用程序

28、，從而使用戶能連接到數(shù)據(jù)庫(kù)、Web服務(wù)和舊式系統(tǒng)。Dreamweaver 8完成了本課件中所有網(wǎng)頁(yè)的架構(gòu)，并且通過(guò)它連接整個(gè)課件的其他功能，起著至關(guān)重要的作用。在網(wǎng)絡(luò)課件中，所有網(wǎng)頁(yè)都是由HTML代碼編寫，定義了CSS外部樣式表，并且一些網(wǎng)頁(yè)中使用了Java script腳本技術(shù)。CSS樣式表使網(wǎng)頁(yè)的設(shè)計(jì)更加工整，便于作一些整體修改。Java script腳本技術(shù)完成了一些簡(jiǎn)單小功能，讓網(wǎng)頁(yè)使用起來(lái)更加方便快捷，增加了網(wǎng)頁(yè)的美觀。3.3 有關(guān)FLASH 8在制作中的使用Macromedia Flash 8是世界上使用最廣泛的軟件平臺(tái)。Flash是交互式矢量圖和Web動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用F

29、lash能創(chuàng)建漂亮的、可改變尺寸的、以及極其緊密的導(dǎo)航界面、技術(shù)說(shuō)明以及其他奇特的效果。本課件中“登陸界面”，“演示課件”以及“在線測(cè)試”模塊都是由Flash 8制作完成的。在網(wǎng)絡(luò)課件中，F(xiàn)lash不僅起到了裝飾課件以及豐富內(nèi)容的作用，還讓網(wǎng)頁(yè)的畫面更加生動(dòng)，從而增加了同學(xué)們的學(xué)習(xí)興趣，以及更直觀地理解所學(xué)內(nèi)容，讓學(xué)習(xí)過(guò)程具有趣味性。3.4 有關(guān)VISUAL STUDIO 2005在制作中的使用隨著ASP.NET 2.0技術(shù)的發(fā)布，與之相應(yīng)的開發(fā)工具Visual Studio 2005也就產(chǎn)生了，它提供了更好的集成開發(fā)環(huán)境，可高效傳見(jiàn)任何類型的.NET應(yīng)用程序或者組件。本課件中“互動(dòng)平臺(tái)”模塊

30、是由Visual Studio 2005利用ASP.NET語(yǔ)言制作而成的，采用了數(shù)據(jù)庫(kù)導(dǎo)入技術(shù)。在網(wǎng)絡(luò)課件中，“互動(dòng)平臺(tái)”的設(shè)計(jì)為老師和同學(xué)交流提供了良好的交流平臺(tái)，使師生的互動(dòng)更加方便快捷。第四章 通信原理課件的制作 課件制作關(guān)鍵環(huán)節(jié)體現(xiàn)在網(wǎng)頁(yè)主模版，內(nèi)容網(wǎng)頁(yè)，相關(guān)Flash，互動(dòng)平臺(tái)四部分的制作過(guò)程中，下面進(jìn)行分別介紹。4.1 網(wǎng)頁(yè)主模版的制作圖4.1-1 網(wǎng)頁(yè)主模版樣式圖 網(wǎng)頁(yè)主模版的結(jié)構(gòu)主模版利用Dreamweaver 8的表格功能分為四行：(1)第一行：BannerBanner是一張900*110像素的圖像，在生成網(wǎng)頁(yè)的時(shí)候會(huì)導(dǎo)致顯示過(guò)慢，所以在制作的時(shí)候，采用了把它裁剪成兩張450

31、*110的圖像然后依次插入的方法，這樣避免了生成網(wǎng)頁(yè)時(shí)顯示過(guò)慢的缺點(diǎn)。(2)第二行：橫向?qū)Ш綑M向?qū)Ш教砑渔溄拥姆绞讲煌诳v向?qū)Ш?，采取了利用Dreamweaver 8中的矩形熱點(diǎn)工具直接在圖上勾畫出要添加鏈接的位置，然后在此位置上加入需要添加的鏈接，這種方式避免了Dreamweaver 8中定義文字的單調(diào)，使頁(yè)面整體更加規(guī)整美觀。(3)第三行：分為左右兩列，即：縱向?qū)Ш胶蛢?nèi)容網(wǎng)頁(yè)左側(cè)縱向?qū)Ш嚼昧薐ava script腳本技術(shù)，實(shí)現(xiàn)了隱藏次級(jí)表格的作用。右側(cè)內(nèi)容網(wǎng)頁(yè)利用了HTML的Iframe語(yǔ)句，實(shí)現(xiàn)了嵌入內(nèi)容網(wǎng)頁(yè)的效果。(4)第四行：結(jié)尾行結(jié)尾行用了一張900*25像素的圖像。 網(wǎng)頁(yè)主模版

32、的背景代碼：說(shuō)明：“background”是設(shè)置背景圖片?！啊笔潜尘皥D片的名字。 “”是該圖片相對(duì)于這個(gè)頁(yè)面的位置。 在此情況下，圖片會(huì)按照水平和垂直的方向不斷重復(fù)出現(xiàn)，直到鋪滿整個(gè)頁(yè)面。 CSS樣式表樣式表(或者稱為層疊樣式表，英文名CascadingStyleSheet，即CSS)是HTML的一部分，但作為對(duì)HTML元素(或者標(biāo)識(shí))展示效果的一種擴(kuò)展，其功能極為強(qiáng)大，可以說(shuō)，有了樣式表，可以完全放棄HTML元素的屬性不用就能實(shí)現(xiàn)精美的網(wǎng)頁(yè)排版于布局。為了可以讓多個(gè)HTML頁(yè)面使用，所以采用了定義外部樣式表的方式制作樣式表，即共用一個(gè)外部樣式文件時(shí)就可實(shí)現(xiàn)只更改一個(gè)樣式文件即可以全面更改所有

33、頁(yè)面的風(fēng)格。外部樣式表就是在網(wǎng)頁(yè)中調(diào)用已經(jīng)定義好的樣式表來(lái)實(shí)現(xiàn)樣式表的應(yīng)用，它是一個(gè)單獨(dú)的文件，在需要應(yīng)用該樣式表的HTML文檔的HEAD元素中使用link元素鏈接：說(shuō)明：href=images/css.css是指樣式表css.css的調(diào)用地址。rel=stylesheet是指在頁(yè)面中使用外部樣式表。type=text/css是指文件的類型是樣式表文件。本課件中Css.css文件中定義的主要樣式舉例： (1)所用定義鏈接的：a:link text-decoration: none;color: black 說(shuō)明：a:link定義文字鏈接式樣。 當(dāng)鼠標(biāo)未停留或未點(diǎn)擊定義鏈接的文字時(shí)，鏈接文字顯示

34、黑色，無(wú)下劃線。a:active text-decoration:blink color: #0000CC 說(shuō)明：a:active定義活動(dòng)鏈接式樣。 當(dāng)鼠標(biāo)點(diǎn)擊定義鏈接的文字時(shí)，鏈接文字顯示藍(lán)色，無(wú)下劃線。a:hover text-decoration:underline;color: #0000CC; 說(shuō)明：a:hover定義變化圖象鏈接式樣。 當(dāng)鼠標(biāo)停留在定義鏈接的文字時(shí)，鏈接文字顯示藍(lán)色，有下劃線。a:visited text-decoration: none;color: black 說(shuō)明：a:visited定義已訪問(wèn)鏈接式樣。 當(dāng)鼠標(biāo)點(diǎn)擊完定義鏈接的文字時(shí)，鏈接文字顯示黑色，無(wú)下劃線

35、。(2)所用定義主體版面的：body margin-top: 0px; 說(shuō)明：“margin-top”為定義上邊距，即設(shè)置頂端的絕對(duì)邊距。 在此情況下，頂端絕對(duì)邊距為0。(3)所用定義文字的：.wz font-family: 宋體; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; color: #000000; text-decoration: none;說(shuō)明：“font-family”為定義字體?！癴ont-size”為定義字號(hào)。“font-style”為定義字體風(fēng)格。“l(fā)ine-h

36、eight”為文本行高?！癴ont-weight”為定義加粗字體?！癱olor”為定義字體顏色?！皌ext-decoration”為定義文字修飾。 Java script腳本語(yǔ)言Java script腳本語(yǔ)言是一種描述語(yǔ)言，此語(yǔ)言可以被嵌入 HTML 的文件之中。 透過(guò) Java script可以做到回應(yīng)使用者的需求事件而不用任何的網(wǎng)路來(lái)回傳輸資料，所以當(dāng)使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給伺服端 (server) 處理，再傳回來(lái)的過(guò)程，而直接可以被客戶端 (client) 的應(yīng)用程式所處理。在網(wǎng)頁(yè)中導(dǎo)入Java script腳本語(yǔ)言的代碼：說(shuō)明：language=JavaScript就是指名

37、要使用JavaScript語(yǔ)言。 src=js.js就是源文件地址。 type=text/JavaScript類型是Java script的文本文件。在本課件中運(yùn)用了Java script腳本語(yǔ)言中的onClick事件：鼠標(biāo)單擊事件是最常用的事件之一，當(dāng)用戶單擊鼠標(biāo)時(shí)，產(chǎn)生onClick事件，同時(shí)onClick指定的時(shí)間處理程序或代碼將被調(diào)用執(zhí)行。代碼：onclick=showFileDetail(1,1)，即觸發(fā)了中的程序。以下為中的程序：function showFileDetail(divNum,totalNum) for(i=1;i=totalNum;i+) showDiv = eva

38、l(bodyDiv+i); / eval可以將字符串生成語(yǔ)句執(zhí)行 if(i = divNum) if(showDiv.style.display=none)showDiv.style.display=block; elseshowDiv.style.display=none; elseshowDiv.style.display=none;function fnShowHide(hiddenbody)if (hiddenbody.style.display=none) hiddenbody.style.display=block; else if(hiddenbody.style.display

39、=block) hiddenbody.style.display=none; HTML中的Iframe標(biāo)記Iframe標(biāo)記，即浮動(dòng)框架標(biāo)記，可以用它將一個(gè)HTML文檔嵌入另一個(gè)HTML中顯示。即這個(gè)標(biāo)記所引用的HTML文件不是與另外的HTML文件相互獨(dú)立顯示，而是可以直接嵌入在一個(gè)HTML文件中，與這個(gè)HTML文件內(nèi)容相互融合，成為一個(gè)整體，另外，還可以多次在一個(gè)頁(yè)面內(nèi)顯示同一內(nèi)容，而不必重復(fù)寫內(nèi)容，一個(gè)形象的比喻即“畫中畫“電視。Iframe 框架可以完全由設(shè)計(jì)者定義寬度和高度，并且可以放置在一個(gè)網(wǎng)頁(yè)的任何位置。本課件中Iframe標(biāo)記的應(yīng)用：src：頁(yè)面源文件地址。 在此情況下，源文件地址

40、為xxkj/part1/p1-1.html。width、height：浮動(dòng)框架的寬與高。 在此情況下，寬度為700像素，高度為520像素。scrolling：浮動(dòng)框架滾動(dòng)條顯示屬性。scrolling有三種情況，包括不顯示，根據(jù)需要顯示和總顯示滾動(dòng)條。當(dāng)設(shè)置為auto時(shí)，為默認(rèn)值，整個(gè)框架在瀏覽器頁(yè)面中左對(duì)齊。當(dāng)設(shè)置為yes時(shí)，表示總是顯示滾動(dòng)條，即使頁(yè)面內(nèi)容不足以撐滿框架范圍，滾動(dòng)條的位置也是預(yù)留的。當(dāng)設(shè)置為no時(shí)，表示在任何情況下都不顯示滾動(dòng)條。在此情況下，設(shè)置為auto，自動(dòng)出現(xiàn)滾動(dòng)條。frameborder：浮動(dòng)框架邊框顯示屬性。 frameborder只能取0和1，或者yes和no。

41、0和no表示不顯示，1和yes為默認(rèn)值，表示顯示邊框。 在此情況下，為了使浮動(dòng)邊框看起來(lái)與主模版貼合，設(shè)置為0。marginheight：邊框與頁(yè)面內(nèi)容的垂直邊距。 在此情況下，邊框與頁(yè)面內(nèi)容的垂直邊距為0。marginwidth：邊框與頁(yè)面內(nèi)容的水平邊距。 在此情況下，邊框與頁(yè)面內(nèi)容的水平邊距為0。name：頁(yè)面名稱。 name名稱是為了便于頁(yè)面的查找和鏈接所提供的一個(gè)屬性。比如一個(gè)左右框架結(jié)構(gòu)，左側(cè)為鏈接，右側(cè)為正文，當(dāng)單擊左側(cè)鏈接以后要在右側(cè)框架中打開正文，此時(shí)就用到了name屬性。 在此情況下，頁(yè)面名稱設(shè)置為right，即鏈接右側(cè)正文時(shí)，目標(biāo)寫為right。在網(wǎng)頁(yè)主模版中利用了Ifra

42、me語(yǔ)句把內(nèi)容網(wǎng)頁(yè)嵌套在主模版中。左側(cè)為鏈接文字，右側(cè)為內(nèi)容正文。當(dāng)點(diǎn)擊鏈接文字時(shí)，右側(cè)出現(xiàn)內(nèi)容正文，其代碼舉例：課程簡(jiǎn)介說(shuō)明： kcjs/kcjs1.html為“課程簡(jiǎn)介”內(nèi)容正文的地址。 right為浮動(dòng)框架的名稱。4.2 內(nèi)容網(wǎng)頁(yè)的制作經(jīng)上述介紹，在主模版中利用Iframe語(yǔ)句把內(nèi)容網(wǎng)頁(yè)全部嵌套，可利用左側(cè)縱向?qū)Ш角袚Q內(nèi)容網(wǎng)頁(yè)。所以每一個(gè)內(nèi)容網(wǎng)頁(yè)都是一個(gè)獨(dú)立的由HTML語(yǔ)言編寫的網(wǎng)頁(yè)。下面介紹一下課件中出現(xiàn)的三種內(nèi)容網(wǎng)頁(yè)。 普通內(nèi)容網(wǎng)頁(yè)圖-1 普通內(nèi)容網(wǎng)頁(yè)樣例圖普通內(nèi)容網(wǎng)頁(yè)是最簡(jiǎn)單的網(wǎng)頁(yè)，都是利用了Dreamweaver的表格功能進(jìn)行排版定位，基本都是由文字和圖片組成，鏈接了CSS樣式表

43、，通過(guò)浮動(dòng)框架Iframe的形式顯示在主模版的右側(cè)。.2 在線搜索內(nèi)容網(wǎng)頁(yè)圖-1 在線搜索頁(yè)面樣式圖在線搜索內(nèi)容網(wǎng)頁(yè)利用了Dreamweaver 8的表單功能。在動(dòng)態(tài)網(wǎng)頁(yè)過(guò)程中會(huì)常常用到表單。表單的用途很廣泛，主要用于會(huì)員注冊(cè)，網(wǎng)上調(diào)查和搜索功能等，使網(wǎng)頁(yè)具有交互功能。本課件中表單的Form標(biāo)記的應(yīng)用： 在網(wǎng)頁(yè)中定義了表單的開始和結(jié)束位置，在標(biāo)記之間的一切都屬于表單的內(nèi)容。此表單中包括表單基本屬性(處理程序action和傳送方法method)，表單元素(文字字段text和提交按鈕submit)。下面分別介紹：表單基本屬性：action：用于表單數(shù)據(jù)提交到哪個(gè)地址進(jìn)行處理。 在此情況下，表單提交

44、到“”中處理。method：用于指定在數(shù)據(jù)提交到服務(wù)器的時(shí)候使用了哪種 提交方法，可取值為get和post。取值為get時(shí)，表單數(shù)據(jù)被傳送到action屬性指定的地址，然后這個(gè)新地址被送到處理程序上。取值為post時(shí)，表單數(shù)據(jù)被包含在表單主體中，被送到處理程序上。在此情況下，取值為get，表單數(shù)據(jù)被傳送到“”中處理。表單元素：text：用于在文字字段內(nèi)輸入字符或者單行文本。 type：用于指定插入哪種表單元素。 在此情況下，type=text即為插入文字字段。 name：文字字段的名稱，用于和頁(yè)面中其他控件加以區(qū)別。 在此情況下，文字字段的名稱為“word”。 value：文字字段的默認(rèn)取值。

45、 在此情況下，文字字段的默認(rèn)取值為空。 size：確定文本框在頁(yè)面中顯示的長(zhǎng)度，以字符為單位。 在此情況下，文本框的可以顯示31個(gè)字符。 maxlength：用來(lái)設(shè)置文本框中最多可以輸入的字符數(shù)。 在此情況下，文本框可以輸入225個(gè)字符。submit：用于實(shí)現(xiàn)表單內(nèi)容的提交。 type：用于指定插入哪種表單元素。 在此情況下，type=submit即為插入提交按鈕。name：提交按鈕的名稱。 在此情況下，提交按鈕得名稱為“submit”。value：顯示在按鈕上的文字。 在此情況下，提交按鈕上的顯示文字為“百度搜索”。 Flash相關(guān)內(nèi)容網(wǎng)頁(yè)圖-1 Flash相關(guān)內(nèi)容網(wǎng)頁(yè)樣式圖利用Dreamw

46、eaver直接在網(wǎng)頁(yè)中插入Flash，其代碼如下：src：Flash源文件地址。 在此情況下，源文件地址“flash/p1.swf”。width、height：Flash的寬與高。 在此情況下，F(xiàn)lash寬度為550像素，高度為400像素。quality：Flash的質(zhì)量。 在此情況下，F(xiàn)lash的質(zhì)量為高質(zhì)量。4.3 相關(guān)FLASH的制作Flash是一種動(dòng)畫技術(shù)，它可以實(shí)現(xiàn)一些較為復(fù)雜的動(dòng)態(tài)效果，從而讓網(wǎng)頁(yè)的畫面更加生動(dòng)。本課件制作了兩個(gè)類型的Flash，下面分別加以介紹。 在線測(cè)試Flash的制作圖-1 在線測(cè)試Flash的樣式圖說(shuō)明：如圖-1之一所示，打開Flash之后，界面顯示如下。如

47、圖-1之二所示，在選項(xiàng)上點(diǎn)擊，即可選擇相應(yīng)的答案。如圖-1之三所示，按“判題”鍵之后，即可判斷所選答案的正確與否。如圖-1之四所示，可按“重置”鍵，重新選擇。 在線測(cè)試的Flash為學(xué)生提供了鞏固知識(shí)的機(jī)會(huì)，在測(cè)試過(guò)程中，學(xué)生能夠?qū)λ鶎W(xué)知識(shí)進(jìn)行查漏補(bǔ)缺，對(duì)學(xué)生更好的掌握知識(shí)起到了關(guān)鍵作用。下面從圖層、元件、ActionScript腳本語(yǔ)言三個(gè)方面介紹在線測(cè)試Flash的制作過(guò)程。圖層圖層用于制作復(fù)雜的Flash動(dòng)畫，用戶可以將圖層看作一組疊放在一起的透明紙，利用它可設(shè)置每個(gè)對(duì)象之間的層次關(guān)系，并分別設(shè)置每個(gè)圖層的動(dòng)畫特性。Flash中圖層主要有兩個(gè)作用：每一個(gè)圖層都有獨(dú)立的時(shí)間幀，用戶可在一個(gè)

48、圖層中繪制或編輯對(duì)象，而不會(huì)影響其他圖層中的對(duì)象。利用某些特殊的圖層，可以制作出一些特殊效果，如利用引導(dǎo)圖層制作引導(dǎo)動(dòng)畫，利用遮罩層制作遮罩動(dòng)畫。 下面介紹圖層在在線測(cè)試Flash中的使用：一共設(shè)置了十個(gè)圖層。背景：插入背景。成績(jī)文本：用文本工具編寫。即：“成績(jī)： 分”。題目：用文本工具編寫，例：“第一章測(cè)試題”。問(wèn)題：用文本工具編寫的問(wèn)題。答案：用文本工具編寫的答案。按鈕：三種元件按鈕，即“判題”、“重置”、以及隱藏的選擇答案按鈕。Mv：三個(gè)影片剪輯，即：mv1、mv2、mv3。填寫答案：一個(gè)影片剪輯，即：“答案”。成績(jī)：通過(guò)計(jì)算得出最終成績(jī)。(10) ActionScript：?jiǎn)为?dú)對(duì)Act

49、ionScript腳本語(yǔ)言設(shè)計(jì)的一層。元件Flash中的元件共分為三個(gè)類型：圖形、按鈕和影片剪輯。其特點(diǎn)如下：圖形元件：用于制作靜態(tài)圖像，以及附屬于主影片時(shí)間軸的可重用的動(dòng)畫片段。但是不能將交互式控制和聲音用于圖形元件。按鈕元件：用于創(chuàng)建響應(yīng)鼠標(biāo)單擊，滑過(guò)以及其他動(dòng)作的交互按鈕。影片剪輯元件：用來(lái)制作可重復(fù)使用的，獨(dú)立于主影片時(shí)間軸的動(dòng)畫片段。影片剪輯中可以包括交互式控制、聲音，甚至其他影片剪輯實(shí)例或者圖形元件實(shí)例。也可以把影片剪輯實(shí)例放在按鈕元件的時(shí)間軸上，以創(chuàng)建動(dòng)畫按鈕。影片剪輯具有圖形元件的所有功能。下面介紹三種元件在在線測(cè)試Flash中的使用：(1)圖形：兩個(gè)圖形文件。A背景。 背景是

50、由Photoshop制作的一張550*400的圖片。Bquiz_background。 一個(gè)十字形標(biāo)志，主要用于定位。(2)按鈕：三個(gè)按鈕。A“判題”按鈕(submit)以及“重置”(reset)按鈕。 三個(gè)圖層：text層為文本圖層。border層為按鈕邊框。box層為按鈕主體。B. 答案按鈕(d1、d2、d3)。一個(gè)矩形框，在場(chǎng)景中將屬性中的Alpha(實(shí)例透明度)設(shè)置為零，即在實(shí)例中看不見(jiàn)此按鈕，但是鼠標(biāo)過(guò)時(shí)顯示手型圖案。(3)影片剪輯：一共制作了四段影片剪輯。Aitem1mv，item2mv以及item3mv(mv)。 一共三幀：第1幀在動(dòng)作上加入stop()。第2幀圖形：對(duì)勾。第3幀

51、圖形：叉子。B答案(mc)。 一共五幀：第1幀在動(dòng)作上加入stop()。第2幀圖形：A。第3幀圖形：B。第4幀圖形：C。第5幀圖形：D。ActionScript腳本語(yǔ)言 ActionScript是Flash的腳本語(yǔ)言，是一種面向?qū)ο缶幊陶Z(yǔ)言。使用ActionScript可以控制Flash動(dòng)畫中的對(duì)象，創(chuàng)建導(dǎo)航元素和交互元素，擴(kuò)展Flash創(chuàng)作交互動(dòng)畫和網(wǎng)絡(luò)應(yīng)用的能力。下面介紹ActionScript腳本語(yǔ)言在“在線測(cè)試”Flash中的使用： (1)元件中用到的ActionScript腳本語(yǔ)言： 在所有影片剪輯的第1幀上定義了： stop(); /用將影片剪輯停止播放在第1幀。(2)場(chǎng)景中用到的

52、ActionScript腳本語(yǔ)言：A在“成績(jī)”圖層第1幀定義了： _root.text1.text=0 /在場(chǎng)景中影片實(shí)例text1下的變量text的值為零。 B在“ActionScript”圖層第1幀定義了：stop(); /將ActionScript腳本語(yǔ)言停止在第1幀。d1=0; /定義d1=0、d2=0、d3=0的值為零。d2=0;d3=0;在“ActionScript”圖層第2幀定義了：var m=0 /定義m=0的值為零。stop(); /將ActionScript腳本語(yǔ)言停止在第2幀。if (_root.d1=1) _root.mv1.gotoAndStop(2); /如果d1的

53、值為1，動(dòng)畫自動(dòng)跳轉(zhuǎn)到mv1的第2幀，并停止播放。else _root.mv1.gotoAndStop(3); /如果d1的值不為1，動(dòng)畫自動(dòng)跳轉(zhuǎn)到mv1的第3幀，并停止播放。if (_root.d2=1) _root.mv2.gotoAndStop(2); /如果d2的值為1，動(dòng)畫自動(dòng)跳轉(zhuǎn)到mv2的第2幀，并停止播放。else _root.mv2.gotoAndStop(3); /如果d2的值不為1，動(dòng)畫自動(dòng)跳轉(zhuǎn)到mv2的第3幀，并停止播放。 C在“判題”按鈕第1幀定義了：on (release) /在按鈕上點(diǎn)擊鼠標(biāo)左鍵，松開后出發(fā)動(dòng)作。gotoAndStop(2); /使整個(gè)場(chǎng)景跳轉(zhuǎn)到第2

54、幀。_root.text1.text=(_root.d1+_root.d2+_root.d3)*10 /在場(chǎng)景變量text的值為d1、d2、d3的值的和的10倍。 D在“重置”按鈕第1幀定義了：on (release) /在按鈕上點(diǎn)擊鼠標(biāo)左鍵，松開后出發(fā)動(dòng)作。gotoAndStop(1); /使整個(gè)場(chǎng)景跳轉(zhuǎn)到第1幀。_root.mv1.gotoAndStop(1);_root.mv2.gotoAndStop(1);_root.mv3.gotoAndStop(1); /mv1、mv2、mv3跳轉(zhuǎn)到第1幀。_root.mc1.gotoAndStop(1);_root.mc2.gotoAndStop

55、(1);_root.mc3.gotoAndStop(1); /mc1、mc2、mc3跳轉(zhuǎn)到第1幀。_root.text1.text=0 /在場(chǎng)景中影片實(shí)例text1下的變量text的值為零。 E在答案按鈕第1幀定義了：如果答案是錯(cuò)誤的：on (release) /在按鈕上點(diǎn)擊鼠標(biāo)左鍵，松開后出發(fā)動(dòng)作。d1=0; /d1的值為0mc1.gotoAndStop(2); /mc1跳轉(zhuǎn)到第2幀。如果答案是正確的：on (release) /在按鈕上點(diǎn)擊鼠標(biāo)左鍵，松開后出發(fā)動(dòng)作。d1=1; /d1的值為1mc1.gotoAndStop(2); /mc1跳轉(zhuǎn)到第2幀。 網(wǎng)絡(luò)課件Flash的制作圖-1 演示

56、課件Flash的樣式圖說(shuō)明：如圖-1之一所示，打開Flash，點(diǎn)擊“播放鍵”之后的界面顯示。如圖-1之二所示，點(diǎn)擊“暫停鍵”之后的界面顯示。如圖-1之三所示，點(diǎn)擊“至最后”之后的界面顯示。如圖-1之四所示，點(diǎn)擊“停止鍵”之后的界面顯示。演示課件的Flash是課程的重要知識(shí)點(diǎn)和難點(diǎn)的動(dòng)畫演示，是一種更加直觀的表現(xiàn)方式，為學(xué)生理解知識(shí)點(diǎn)提供了更加方便的途徑。下面以“頻分復(fù)用”的Flash為例，介紹一下演示課件Flash的制作過(guò)程。按鈕的制作一共制作了五個(gè)按鈕：(1)“播放”按鈕 on (press) /在按鈕上單擊鼠標(biāo)左鍵時(shí)觸發(fā)動(dòng)作。 play(); /使整個(gè)場(chǎng)景開始播放。(2)“至最前”按鈕on

57、 (press) /在按鈕上單擊鼠標(biāo)左鍵時(shí)觸發(fā)動(dòng)作。 gotoAndStop(1); /使整個(gè)場(chǎng)景跳轉(zhuǎn)到第1幀，并停止播放。(3)“至最后”按鈕on (press) /在按鈕上單擊鼠標(biāo)左鍵時(shí)觸發(fā)動(dòng)作。 gotoAndStop(1734); /使整個(gè)場(chǎng)景跳轉(zhuǎn)到第1734幀，并停止播放。(4)“暫?！卑粹oon (press) /在按鈕上單擊鼠標(biāo)左鍵時(shí)觸發(fā)動(dòng)作。 stop(); /使整個(gè)場(chǎng)景停止在當(dāng)前幀。(5)“停止”按鈕on (press) /在按鈕上單擊鼠標(biāo)左鍵時(shí)觸發(fā)動(dòng)作。 gotoAndStop(1); /使整個(gè)場(chǎng)景跳轉(zhuǎn)到第1幀。打字效果的制作利用了遮罩層的圖層變化完成了打字效果。遮罩層：用于

58、控制被遮罩層內(nèi)容的顯示?？梢园颜谡謱由系膬?nèi)容看成一個(gè)窗口，在相同的時(shí)間幀位置上，遮罩層下面的圖層(被遮罩層)上的內(nèi)容只能透過(guò)該窗口顯示，而窗口之外的內(nèi)容見(jiàn)不能顯示。具體步驟：(1)在第1幀把頻分復(fù)用的定義分成三行在場(chǎng)景中打出，每一行為一個(gè)圖層，即：圖層1，圖層2，圖層3。(2)新建圖像元件，為一個(gè)矩形框，大小足夠擋住一行文字。(3)新建圖層4，在第1幀插入矩形元件，把矩形元件放在第一行文字的左邊。(4)在圖層1上，在第60幀插入關(guān)鍵幀。(5)在圖層4上，在第60幀插入關(guān)鍵幀，將矩形元件覆蓋第一行文字。在第1幀與60幀之間設(shè)置補(bǔ)間動(dòng)畫。 (6)將圖層4置于圖層1上方，右鍵單擊，選擇遮罩層。(7)

59、新建圖層5，在第1幀插入矩形元件，把矩形元件放在第二行文字的左邊。(8)在圖層2上，在第60幀插入關(guān)鍵幀，在120幀插入關(guān)鍵幀。(9)在圖層5上，在第60幀插入關(guān)鍵幀，在120幀插入關(guān)鍵幀，將矩形元件覆蓋第二行文字。在第60幀與120幀之間設(shè)置補(bǔ)間動(dòng)畫。 (10)將圖層5置于圖層2上方，右鍵單擊，選擇遮罩層。(11)新建圖層6，在第1幀插入矩形元件，把矩形元件放在第三行文字的左邊。(12)在圖層3上，在第120幀插入關(guān)鍵幀。(13)在圖層6上，在第120幀插入關(guān)鍵幀，在180幀插入關(guān)鍵幀，將矩形元件覆蓋第三行文字。在第120幀與180幀之間設(shè)置補(bǔ)間動(dòng)畫。 (14)將圖層6置于圖層3上方，右鍵單

60、擊，選擇遮罩層。通過(guò)以上步驟便完成打字效果的顯示。其他效果的制作(1)運(yùn)動(dòng)元件的制作。每一個(gè)能運(yùn)動(dòng)的圖形都建了一個(gè)新的圖層。在開始運(yùn)動(dòng)的那一刻，在時(shí)間軸上新建一個(gè)關(guān)鍵幀，并在場(chǎng)景中設(shè)置了元件的開始位置；在結(jié)束運(yùn)動(dòng)的那一刻，在時(shí)間軸上同樣新建一個(gè)關(guān)鍵幀，并在場(chǎng)景中設(shè)置了元件的結(jié)束位置；在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間設(shè)置了補(bǔ)間動(dòng)畫。這樣就實(shí)現(xiàn)了元件的運(yùn)動(dòng)過(guò)程。(2)文字閃動(dòng)的制作。文字的閃動(dòng)是通過(guò)文字顏色的變化制作的。在起始幀使用一種顏色，在結(jié)束幀使用另一種顏色，在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間設(shè)置補(bǔ)間動(dòng)畫。重復(fù)這個(gè)過(guò)程數(shù)次，這樣就實(shí)現(xiàn)了文字的閃動(dòng)。 4.4 互動(dòng)平臺(tái)的制作 互動(dòng)平臺(tái)就是一個(gè)簡(jiǎn)易論壇，它