基于Dreamweaver的數(shù)字信號處理網(wǎng)絡(luò)課程設(shè)計(jì)

鄭海昕 周云川 魯芳麗

摘要 簡要分析現(xiàn)有數(shù)字信號處理課程教學(xué)方式對網(wǎng)絡(luò)課程的需要,介紹設(shè)計(jì)網(wǎng)絡(luò)課程的原則和流程,給出在Dreamweaver平臺上設(shè)計(jì)實(shí)現(xiàn)的網(wǎng)絡(luò)課程實(shí)例。

關(guān)鍵詞 網(wǎng)絡(luò)課程;數(shù)字信號處理;Dreamweaver

中圖分類號:G434 文獻(xiàn)標(biāo)識碼:B 文章編號:1671-489X(2009)24-0125-02

Design of Digital Signal Processing Web Course based on Dreamweaver Software//Zheng Haixin, Zhou Yunchuan, Li Fangli

Abstract The requirement of Web course for Digital Signal Processing curriculum is described shortly. The fundamental principle and process of web-based course design is detailed. Finally, an instance of major page of Web course based on Dreamweaver is introduced.

Key words Web course; digital signal processing; Dreamweaver

Authors address

1 The Academy of Equipment Command & Technology, Beijing, 101416, China

2 Beijing Aerospace Control Center, Beijing, 100094, China

數(shù)字信號處理課程是隨著信息學(xué)科和計(jì)算機(jī)學(xué)科高速發(fā)展而迅速發(fā)展的起來的一門電子類專業(yè)的重要基礎(chǔ)課。該課程具有理論性強(qiáng)、與實(shí)際應(yīng)用聯(lián)系緊密、技術(shù)發(fā)展快等顯著特點(diǎn)。由于課堂教學(xué)時(shí)間有限,學(xué)員很難在有限的時(shí)間內(nèi)全面理解和掌握該門課程,必須通過反復(fù)地接觸、思考和有針對性的訓(xùn)練才能達(dá)到良好的教學(xué)效果。

隨著網(wǎng)絡(luò)的資源共享、時(shí)空不限、交互協(xié)作等多種優(yōu)勢引入到教學(xué)領(lǐng)域后,基于網(wǎng)絡(luò)的網(wǎng)絡(luò)課程教育已成為現(xiàn)代教育的一個(gè)重要研究領(lǐng)域。網(wǎng)絡(luò)課程作為網(wǎng)絡(luò)教育中學(xué)習(xí)內(nèi)容的重要載體,其設(shè)計(jì)、開發(fā)、實(shí)施等越來越受到網(wǎng)絡(luò)教育工作者的重視。網(wǎng)絡(luò)課程無論是作為一種遠(yuǎn)程教育,還是作為課堂講授的補(bǔ)充延伸,其內(nèi)容呈現(xiàn)設(shè)計(jì)形式、具體實(shí)踐模式都值得深入思考。

1 設(shè)計(jì)原則與流程

1.1 設(shè)計(jì)原則網(wǎng)絡(luò)課程的設(shè)計(jì)首先應(yīng)突出教學(xué)內(nèi)容中的重點(diǎn)和難點(diǎn),針對重點(diǎn)、難點(diǎn)進(jìn)行合理的教學(xué)設(shè)計(jì),配合動態(tài)演示、視頻圖像、仿真實(shí)驗(yàn)、典型例題、問題討論、提交作業(yè)、測試練習(xí)等教學(xué)環(huán)節(jié),實(shí)現(xiàn)交互式學(xué)習(xí)功能,使學(xué)生真正實(shí)現(xiàn)自主學(xué)習(xí)。其次,網(wǎng)絡(luò)課程應(yīng)強(qiáng)調(diào)知識的系統(tǒng)性和完整性。網(wǎng)絡(luò)課程設(shè)計(jì)應(yīng)貫徹以學(xué)生為主體的教育思想,利用人機(jī)交互功能和導(dǎo)航功能實(shí)現(xiàn)指導(dǎo)性教學(xué)方式,使學(xué)生在課程指導(dǎo)下進(jìn)行有效學(xué)習(xí)。針對目前的教學(xué)特點(diǎn),設(shè)計(jì)過程中應(yīng)注重一些原則:以學(xué)生為主體原則;課程內(nèi)容模塊化原則;學(xué)習(xí)方式交互性原則;學(xué)習(xí)系統(tǒng)開放性原則;便利性原則;素材的多樣性原則。

1.2 設(shè)計(jì)流程根據(jù)教學(xué)軟件設(shè)計(jì)與開發(fā)的一般規(guī)律,結(jié)合網(wǎng)絡(luò)課程的特點(diǎn),可以將網(wǎng)絡(luò)課程的制作流程歸納為8個(gè)步驟,具體流程如圖1所示。

1)分析教學(xué)對象,明確教學(xué)目標(biāo)。開發(fā)網(wǎng)絡(luò)課程,首先要分析教學(xué)對象的特征和需求,明確網(wǎng)絡(luò)課程實(shí)現(xiàn)的教學(xué)目標(biāo)。

2)突出課程特色,確定教學(xué)功能。完整的網(wǎng)絡(luò)課程應(yīng)具有通常所要求的模塊和欄目。根據(jù)數(shù)字信號處理網(wǎng)絡(luò)課程的設(shè)計(jì)與開發(fā)對象和教學(xué)目標(biāo)的不同,設(shè)計(jì)時(shí)可突出網(wǎng)絡(luò)課程某一方面的特點(diǎn),并在教學(xué)功能上有所體現(xiàn)。

3)設(shè)計(jì)教學(xué)模塊,建立系統(tǒng)結(jié)構(gòu)。確定數(shù)字信號處理網(wǎng)絡(luò)課程的主要教學(xué)模塊,建立各模塊之間的關(guān)系,從而形成網(wǎng)絡(luò)課程的系統(tǒng)結(jié)構(gòu)。建立系統(tǒng)結(jié)構(gòu),實(shí)際上就是網(wǎng)絡(luò)教學(xué)信息的組織與表現(xiàn)方式。

4)劃分欄目內(nèi)容,設(shè)計(jì)屏幕版面。將每一教學(xué)模塊再劃分成若干個(gè)欄目,并規(guī)劃欄目,確定其在屏幕上的具體位置。

5)編寫腳本卡片,收集素材資料。編寫腳本,詳細(xì)說明每一屏幕的呈現(xiàn)方式和超鏈接關(guān)系,編寫成腳本卡片,并收集與此相關(guān)的素材資料。

6)選擇編著工具,建立片段模型。選擇網(wǎng)絡(luò)課程的開發(fā)語言和編著工具,數(shù)字信號處理網(wǎng)絡(luò)課程主要運(yùn)用Dreamweaver網(wǎng)頁制作專業(yè)軟件。根據(jù)所編寫的腳本卡片,建立網(wǎng)絡(luò)課程中具有代表性的一個(gè)片段模型。

7)開展教學(xué)實(shí)驗(yàn),進(jìn)行評價(jià)修改。利用已經(jīng)完成的片段模型,設(shè)計(jì)教學(xué)應(yīng)用方案,實(shí)施教學(xué)活動之后,再進(jìn)行評議修改。

8)不斷充實(shí)完善,登記上網(wǎng)發(fā)布。

2 設(shè)計(jì)規(guī)劃與實(shí)現(xiàn)

2.1 開發(fā)工具的選擇目前市面上有許多頁面設(shè)計(jì)工具,其中Dreamweaver是Adobe公司推出的可視化網(wǎng)站開發(fā)工具。由于Dreamweaver具有多平臺動態(tài)腳本支持和多種內(nèi)置服務(wù)端行為等特點(diǎn),同時(shí)它可以引用Fireworks、FreeHand、Photoshop等軟件制作的圖形、圖像來美化網(wǎng)頁,還能嵌入Flash、Shockwave等動態(tài)影片,最重要的是軟件具有站點(diǎn)管理功能,融網(wǎng)頁制作與站點(diǎn)管理于一體,提高網(wǎng)頁維護(hù)的效率,因此選擇Dreamweaver作為開發(fā)工具。

2.2 課程網(wǎng)絡(luò)平臺的規(guī)劃根據(jù)網(wǎng)絡(luò)課程的設(shè)計(jì)原則,課程網(wǎng)絡(luò)平臺建設(shè)前應(yīng)該規(guī)劃好工作流程,并針對課程教學(xué)特點(diǎn),前期的規(guī)劃主要分為內(nèi)容設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、頁面設(shè)計(jì)3個(gè)部分。

1)內(nèi)容設(shè)計(jì)。內(nèi)容的設(shè)計(jì)是課程設(shè)計(jì)的核心部分,它包括功能設(shè)計(jì)和內(nèi)容設(shè)計(jì)。功能設(shè)計(jì)的基本原則是滿足使用者的需求,使用方便。選擇科學(xué)的內(nèi)容設(shè)計(jì),體現(xiàn)教學(xué)內(nèi)容的層次體系并有利于實(shí)現(xiàn)個(gè)性化學(xué)習(xí),為學(xué)習(xí)者提供一個(gè)完整的、系統(tǒng)的知識構(gòu)架將有助于學(xué)習(xí)者的自主學(xué)習(xí),有利于提供發(fā)散思維的學(xué)習(xí)資源。

2)導(dǎo)航設(shè)計(jì)。導(dǎo)航設(shè)計(jì)是課程的重要部分,導(dǎo)航區(qū)就是課程平臺所實(shí)現(xiàn)的各項(xiàng)功能,它將各項(xiàng)功能分類規(guī)整,以列表形式展現(xiàn)在課程主頁中便于學(xué)員選擇。實(shí)現(xiàn)導(dǎo)航區(qū)的過程就是分析課程內(nèi)容特點(diǎn),根據(jù)教學(xué)目標(biāo)設(shè)計(jì)課程平臺應(yīng)該具有的功能的過程、清晰的導(dǎo)航可使學(xué)習(xí)者減少其他信息的干擾,提高學(xué)習(xí)效率。

3)頁面設(shè)計(jì)。根據(jù)網(wǎng)頁生成模式,可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁是預(yù)先制作好的Web頁面,在制作和修改的時(shí)候只涉及頁面本身,而動態(tài)頁面是由數(shù)據(jù)庫生成的頁面。對于靜態(tài)頁面而言,要根據(jù)內(nèi)容整理規(guī)劃各章節(jié),設(shè)計(jì)網(wǎng)頁外觀,包括排版、文字設(shè)置,對要求的各個(gè)功能板塊,采用簡明直觀的按鈕作為節(jié)內(nèi)容選擇,相關(guān)內(nèi)容采用新開窗口的形式呈現(xiàn)。對于動態(tài)網(wǎng)頁,要建立和設(shè)置服務(wù)器,并創(chuàng)建和制作數(shù)據(jù)庫。

2.3 課程網(wǎng)絡(luò)平臺的實(shí)現(xiàn)制定好前期規(guī)劃并掌握Dreamweaver的基本操作知識后,就可以開始搭建站點(diǎn),進(jìn)行網(wǎng)頁的建設(shè)。課程平臺的實(shí)現(xiàn)過程就是按照規(guī)劃的工作流程對網(wǎng)站進(jìn)行主頁設(shè)置、資源整理、功能拓展并設(shè)置頁面效果的過程。

1)主頁格局的設(shè)置。網(wǎng)頁的版式設(shè)計(jì)是在有限的屏幕空間上將多元素進(jìn)行有機(jī)的排列組合,將理性思維個(gè)性化地表現(xiàn)出來,是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí),也產(chǎn)生感官上的美感和精神上的享受。對于網(wǎng)絡(luò)課程平臺來說,要避免內(nèi)容雜亂無章,主體內(nèi)容不突出,頁面內(nèi)容應(yīng)該一目了然,井然有序。

根據(jù)格局的設(shè)計(jì)原則,同時(shí)分析數(shù)字信號處理課程知識的特點(diǎn),為了突出課程體系清晰化的特點(diǎn),采用建立框架集布置格局的設(shè)計(jì)方法,設(shè)計(jì)圖2所示的主頁。主頁分為3個(gè)板塊,分別為LOGO區(qū)、導(dǎo)航功能區(qū)、內(nèi)容顯示區(qū)。LOGO區(qū)主要是展示課程平臺的標(biāo)題,也可以設(shè)置鏈接到內(nèi)容顯示區(qū)。導(dǎo)航功能區(qū)將平臺實(shí)現(xiàn)的功能分類規(guī)整,對應(yīng)設(shè)置成不同的鏈接,鏈接的子網(wǎng)頁在內(nèi)容顯示區(qū)打開,利用導(dǎo)航功能區(qū)可以便捷地實(shí)現(xiàn)10大功能模塊之間的跳轉(zhuǎn)。內(nèi)容顯示區(qū)主要就是子網(wǎng)頁內(nèi)容的顯示平臺,同時(shí)本身也可以設(shè)置鏈接地址,實(shí)現(xiàn)多頁面的跳轉(zhuǎn)。

2)功能拓展。對要建立的10個(gè)板塊,首先要在左框架內(nèi)利用表格技術(shù)和行為事件中的彈出式菜單等功能,設(shè)置好各個(gè)板塊的名稱、鏈接、屬性及其子結(jié)構(gòu),達(dá)到導(dǎo)航清晰明了的目的。資料規(guī)整的階段就是建立子頁面的階段。這是一個(gè)細(xì)致的過程,首先需要將各個(gè)類別的頁面規(guī)整分類到站點(diǎn)結(jié)構(gòu)中對應(yīng)的功能文件夾,進(jìn)而制作鏈接關(guān)系。主要是通過制作文本頁面、圖像頁面、多媒體頁面來實(shí)現(xiàn)平臺所需要實(shí)現(xiàn)的功能,包括插入文本、設(shè)置文本屬性、插入圖像并設(shè)置導(dǎo)航條、插入表單元素和按鈕以及插入視頻及Flash等。

3)設(shè)置頁面整體效果。網(wǎng)頁制作好以后,需要完善頁面頭部內(nèi)容,設(shè)置外觀、標(biāo)題。通過使用表格排版網(wǎng)頁、使用層技術(shù)來達(dá)到美化網(wǎng)頁的效果。同時(shí)可以使用模板技術(shù)及CSS樣式表控制多個(gè)網(wǎng)頁的版式一致和文本格式風(fēng)格相同,減小工作量,提高制作效率,最重要的是達(dá)到頁面內(nèi)容清晰化的目的。

3 結(jié)束語

依據(jù)網(wǎng)絡(luò)課程設(shè)計(jì)的一般原則和流程設(shè)計(jì),使用Dreamweaver工具設(shè)計(jì)完成的數(shù)字信號處理網(wǎng)絡(luò)課程包括嚴(yán)密完整的課程體系結(jié)構(gòu),擁有豐富的多媒體資源、大量的動畫演示、適量的習(xí)題和專題虛擬實(shí)驗(yàn)等。學(xué)員通過瀏覽網(wǎng)站中的不同模塊,復(fù)習(xí)課堂教學(xué)的內(nèi)容或是針對自己的興趣和學(xué)習(xí)的進(jìn)度自主地選擇學(xué)習(xí)內(nèi)容,遇到疑難問題,可通過留言板與教員進(jìn)行討論;還可以通過網(wǎng)絡(luò)平臺中的作業(yè)、思考題、模擬考試進(jìn)行自我測試。而對于教師來說,可以根據(jù)學(xué)生提出的問題,及時(shí)發(fā)現(xiàn)教學(xué)中存在的不足,并做相應(yīng)的調(diào)整;利用網(wǎng)站易于更新的優(yōu)點(diǎn),及時(shí)彌補(bǔ)教材的不足,可以使各種層次的學(xué)生找到自己要學(xué)習(xí)的內(nèi)容,從而激發(fā)起學(xué)習(xí)興趣,提高教學(xué)質(zhì)量。

參考文獻(xiàn)

[1]胡崧.DreamweaverCS3中文版完美網(wǎng)頁設(shè)計(jì)—技術(shù)入門篇[M].北京:中國青年出版社,2009

[2]程佩青.數(shù)字信號處理教程[M].第3版.北京:清華大學(xué)出版社,2008

[3]唐清安.網(wǎng)絡(luò)課程的設(shè)計(jì)及實(shí)踐[M].北京:人民郵電出版社,2003:11-12,27-101