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

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

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

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

0引言

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

1教學工具

1.1多媒體課件

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

1.2Hbuilder開發(fā)工具

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

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

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

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

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

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

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

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

3結(jié)語

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

參考文獻

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

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

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

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

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

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

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