網頁設計課程中多媒體教學淺議

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計課程中多媒體教學淺議范文，希望能給你帶來靈感和參考，敬請閱讀。

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

關鍵詞：多媒體教學，網頁設計，Hbuilder，實踐能力。

0引言

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

1教學工具

1.1多媒體課件

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

1.2Hbuilder開發工具

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

2網頁設計課程的教學過程

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

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

2.2教學結構設計

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

2.3程序的動態演示

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

3結語

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

參考文獻

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

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

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

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

[5]和薇,鄭鯤.多媒體教學在數據結構課程中的應用[J].計算機教育,2009(04):120-121.

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

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