網(wǎng)頁設(shè)計(jì)課程中多媒體教學(xué)探析

前言：本站為你精心整理了網(wǎng)頁設(shè)計(jì)課程中多媒體教學(xué)探析范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

摘要：闡述多媒體教學(xué)在網(wǎng)頁設(shè)計(jì)課程教學(xué)中的應(yīng)用，在課堂上以Hbuilder為開發(fā)工具開展實(shí)踐教學(xué)活動(dòng)，使學(xué)生掌握網(wǎng)頁制作的方法和流程，提高實(shí)踐能力和綜合應(yīng)用能力，從而提高教學(xué)質(zhì)量。

關(guān)鍵詞：多媒體教學(xué)，網(wǎng)頁設(shè)計(jì)，Hbuilder，實(shí)踐能力。

0引言

網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)專業(yè)的一門實(shí)踐技術(shù)很強(qiáng)的專業(yè)必修課，此課程與計(jì)算機(jī)基礎(chǔ)、Flash動(dòng)畫、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)等課程相互聯(lián)系，相互補(bǔ)充，分別給學(xué)生提供計(jì)算機(jī)基礎(chǔ)知識(shí)、網(wǎng)頁設(shè)計(jì)技術(shù)、頁面設(shè)計(jì)技巧等知識(shí)的學(xué)習(xí)。這是一門重在實(shí)踐的課程，因此需要學(xué)生多上機(jī)、多進(jìn)行實(shí)際操作，可以把各種前端程序熟練地制作出來，培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力和計(jì)算機(jī)的操作能力。使學(xué)生熟練使用常用的網(wǎng)頁設(shè)計(jì)工具，掌握網(wǎng)頁設(shè)計(jì)技術(shù)，具備完善的網(wǎng)頁設(shè)計(jì)制作的操作技能，能夠獨(dú)立完成中小型網(wǎng)站的設(shè)計(jì)開發(fā)。面對這門課程，許多學(xué)生往往不能理解其核心理論，實(shí)際操作能力也不是很好，主要是學(xué)生處于一種被動(dòng)接受知識(shí)的狀態(tài)，缺乏主觀能動(dòng)性，實(shí)踐操作也無法滿足，因此在教學(xué)中增加網(wǎng)頁設(shè)計(jì)開發(fā)過程顯得尤為重要。

1教學(xué)工具

1.1多媒體課件

多媒體課件作為教師上課的教學(xué)輔助工具，根據(jù)課程內(nèi)容和教師需要，對課程內(nèi)容進(jìn)行創(chuàng)作，利用文字、圖片、動(dòng)畫等形式展現(xiàn)給學(xué)生。合理利用多媒體課件在一定程度上改變了課堂教學(xué)內(nèi)容、教學(xué)方法和教學(xué)過程，提高了課堂教學(xué)效率。

1.2Hbuilder開發(fā)工具

前端開發(fā)工具非常多，例如Dreamweaver、Hbuilder、Vscode等等。由于面對的學(xué)生僅僅只是對計(jì)算機(jī)剛剛?cè)腴T，還沒有什么網(wǎng)頁設(shè)計(jì)基礎(chǔ)，所以推薦使用Hbuilder。Hbuilder的優(yōu)點(diǎn)：（1）輕巧極速。綠色發(fā)行包較小，僅僅10MB。啟動(dòng)、打開文檔等速度很快，編碼提示也極速響應(yīng)。（2）界面簡潔，設(shè)計(jì)合理。綠柔主題更適合人眼長期觀看。（3）強(qiáng)大的語法提示。代碼提示系統(tǒng)很龐大，支持多種語法提示模型，減少程序員出錯(cuò)概率。（4）可以調(diào)用內(nèi)置瀏覽器查看界面效果。后期，積累編程經(jīng)驗(yàn)后，再使用Vscode、SublimeText或Webstorm等幾個(gè)更能滿足前端開發(fā)需要的開發(fā)工具。

2網(wǎng)頁設(shè)計(jì)課程的教學(xué)過程

2.1多媒體課件+Hbuilder的配合使用

現(xiàn)在多媒體課件已經(jīng)成為課堂必不可少的要素之一，它不僅可以直觀的展示教學(xué)內(nèi)容，而且可以運(yùn)用適當(dāng)?shù)慕虒W(xué)策略更好地指導(dǎo)學(xué)生。但我們不能僅僅依賴多媒體課件，其也有缺點(diǎn)，尤其在網(wǎng)頁設(shè)計(jì)課程上。網(wǎng)頁設(shè)計(jì)課程是一門實(shí)踐性強(qiáng)的課程，注重培養(yǎng)學(xué)生的實(shí)際操作能力，這就需要結(jié)合程序開發(fā)工具進(jìn)行實(shí)際開發(fā)設(shè)計(jì)。例如在介紹元素操作一節(jié)的內(nèi)容時(shí)，需要講述元素獲取的各個(gè)方法，學(xué)生在多媒體課件上只能看到元素獲取方法的簡單展示，無法理解其在網(wǎng)頁設(shè)計(jì)中的重要性以及開發(fā)設(shè)計(jì)過程。結(jié)合HBuilder開發(fā)工具將不僅可以讓學(xué)生暫時(shí)從大量文字信息中解脫出來，轉(zhuǎn)換思路，還可以學(xué)習(xí)具體的使用方法，掌握開發(fā)流程。

2.2教學(xué)結(jié)構(gòu)設(shè)計(jì)

（1）以實(shí)際案例來導(dǎo)入本次課程，引起學(xué)生們的學(xué)習(xí)興趣和注意力。然后明確學(xué)習(xí)內(nèi)容、教學(xué)重難點(diǎn)和注意要點(diǎn)，讓學(xué)生有確定的學(xué)習(xí)目標(biāo)和學(xué)習(xí)任務(wù)，能在課程中把握重點(diǎn)。（2）詳細(xì)講解具體知識(shí)，通過舉例、提問等方式，使學(xué)生積極參與課堂，并使用圖片、動(dòng)畫方式讓學(xué)生對網(wǎng)頁開發(fā)形成一個(gè)系統(tǒng)認(rèn)知。（3）使用Hbuilder開發(fā)工具實(shí)現(xiàn)案例效果，通過現(xiàn)場講解，以及實(shí)際開發(fā)使學(xué)生把握網(wǎng)頁開發(fā)的具體流程，提高學(xué)生的動(dòng)手能力，從而實(shí)現(xiàn)課堂教學(xué)目的。以網(wǎng)頁設(shè)計(jì)中的元素操作一節(jié)為例，結(jié)構(gòu)設(shè)計(jì)如表1所示。

2.3程序的動(dòng)態(tài)演示

網(wǎng)頁設(shè)計(jì)知識(shí)比較抽象、枯燥，且涉及的方法較多，導(dǎo)致學(xué)生對知識(shí)的運(yùn)用很不熟練，容易對其學(xué)習(xí)積極性造成打擊。這就需要充分利用Hbuilder開發(fā)工具來動(dòng)態(tài)演示網(wǎng)頁開發(fā)設(shè)計(jì)過程，有利于學(xué)生理解網(wǎng)頁知識(shí)，提高學(xué)生參與度及學(xué)習(xí)熱情。圖1為教務(wù)管理系統(tǒng)登錄頁面；圖2為使用Hbuilder實(shí)現(xiàn)登錄頁面。

3結(jié)語

多媒體教學(xué)在網(wǎng)頁設(shè)計(jì)課程中有諸多優(yōu)勢，可以使用多媒體課件展示更多的學(xué)習(xí)內(nèi)容，使用Hbuilder傳授網(wǎng)頁開發(fā)設(shè)計(jì)流程，提高學(xué)生課堂的參與度以及學(xué)習(xí)興趣。將多媒體教學(xué)合理的應(yīng)用于網(wǎng)頁設(shè)計(jì)課程將有助于學(xué)生進(jìn)一步掌握網(wǎng)頁制作方法，提高實(shí)際操作技能和綜合應(yīng)用能力，從而提高教學(xué)質(zhì)量。

參考文獻(xiàn)

[1]李奇.論《網(wǎng)頁設(shè)計(jì)課程》教學(xué)改革的必要性[J].信息技術(shù)與信息化,2014(09):16+19.

[2]甘露,趙娜.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)多媒體技術(shù)的應(yīng)用[J].通訊世界,2016(10):146-147.

[3]李信利,呂月娥.多媒體課件教學(xué)的弊端及應(yīng)對策略[J].計(jì)算機(jī)教育,2007(07):15-17.

[4]劉芳.計(jì)算機(jī)應(yīng)用與維護(hù)專業(yè)網(wǎng)頁設(shè)計(jì)課程教學(xué)[J].遼寧高職學(xué)報(bào),2005(05):106-108.

[5]和薇,鄭鯤.多媒體教學(xué)在數(shù)據(jù)結(jié)構(gòu)課程中的應(yīng)用[J].計(jì)算機(jī)教育,2009(04):120-121.

[6]來哲函,薛益鴿.Hbuilder與jQuery在網(wǎng)頁開發(fā)中的應(yīng)用[J].智能計(jì)算機(jī)與應(yīng)用,2017,7(06):117-121.

作者:李建森 董寶蘭 單位:黃山學(xué)院信息工程學(xué)院