基于線上線下混合教學模式的“網頁設計”課程的改革探討

李彥，邊國棟

(西安翻譯學院 工程技術學院， 陜西 西安 710105)

0 引言

在我校2017版本科專業人才培養方案的指導性意見中指出非計算機類專業的計算機應用類課程體系：計算機學習注重計算機應用能力培養與專業需求相結合，采用“必修+選修+自主學習”模式，即實行三層次教學，第一層次為必修課程，是為了加強學生對計算機基礎知識、辦公軟件的學習能力以及程序設計能力培養；第二層次為選修課，為通用性技術基礎教育；第三層次為了加強學生自主學習能力，采取“專業指導+專門訓練”模式，主要依據專業特點設置計算機應用類專題模塊。我校的外語類專業的人才培養模式是“外語+專業+現代技能”，非外語類專業的人才培養模式是“專業+外語+現代技能”，無論哪個專業，其中計算機基礎是現代化技能重要組成。

1 該課程學生學習的現狀

1.1 “網頁設計”課程定位

該課程是所有非計算機專業的通識必修公共基礎課，是一門操作性和實踐性很強的課程，學生在完成了先修課程“大學計算機基礎”、“高級辦公自動化”的學習后，掌握了計算機基本知識和原理以及一些辦公應用軟件的使用，本課程旨在以實用為原則，培養學生的計算思維、創造性思維、探究式學習等應用能力，以適應“互聯網+”時代社會對人才的需求[1]。其主要內容包括創建與管理站點；設計基本圖文網頁；使用圖像、多媒體和超鏈接等技術制作網頁；利用表格、層和Spry菜單、框架排列網頁中的數據，設計使用CSS +Div樣式美化布局網頁、給網頁對象添加行為特效、創建表單網頁、使用模板和庫制作小型網站等。

1.2 “網頁設計”課程目標

以學生能獨立完成靜態網站開發和維護的實際工作能力為學習目標，要求學生掌握HTML語言的文檔結構和基本標簽使用，能綜合應用Dreamweaver CS6軟件、HTML和CSS技術制作網頁，掌握規劃、開發、發布和管理靜態網站的專業知識和技能。通過這種有代表性的網頁制作軟件的使用，掌握網站設計的全過程，并能熟練地制作出有專業水準的網站，培養學生克服困難的精神、理論應用于實踐和解決實際問題的能力，為今后的工作打下良好的基礎[2]。

通過本課程的學習，使學生掌握網絡信息檢索方面的知識；在網站制作的過程中要對站點進行建立并實時管理，具備文件及文件夾的整理及管理能力；不僅鞏固了一年級學習的文檔處理能力等一系列的過程，而且還綜合利用本階段所學知識在課堂上自主完成網站的需求分析、網站設計和網站測試，體現了對學生信息素養能力、計算思維能力和探究式學習能力的培養，有效發揮了考核的激勵作用，為學生的終身學習奠定基礎[3]。也使非計算機專業類本科學生的計算機知識在在校期間學習最后一門計算機課程“網頁設計”中都能夠融會貫通。

1.3 針對學習該課程的學生進行學情分析

依據課前在課程中心的調查問卷數據分析，以本屆2017級學生為例，“來大學讀書的目的”92.5%為學知識，82.2%為找工作，占比很高；而擁有筆記本電腦學生人數74.4%，智能手機學生人數60.7%，沒有學習用電子設備11.7%；已獲得計算機等級一級63%，計算機等級二級36.2%，什么證書都沒有的15.6%；認為計算機課程非常重要或重要占比約99.4%；大多數學生認為自己的計算機能力比較低，有64.3%的學生認為自己能熟練上網聊天但對其他的軟件不熟悉，53.5%的學生能熟練操作公辦軟件，39.6%的學生會安裝各類軟件，但在實際操作中顯示出學生的基礎知識掌握不清晰、基本操作技能掌握不扎實、綜合應用能力很弱、總體信息素養能力水平低下；有88.3%的學生沒有學習過本課程介紹的知識和技能，在老師的鼓勵支持下有94.4%的學生愿意在有人約束下和在老師好好教學的時候好好學習本課程，絕大多數學生在教師介紹完整個課程后，對課程表現出濃厚的興趣和極大的熱情。

2 混合式的教學模式的實施過程

2.1 初期嘗試混合式的教學模式

“網頁設計”課程教學內容是主要圍繞著利用Dreamweaver CS6軟件制作網頁來展開，目前采用線上線下相互補充的混合式教學模式，以案例教學、講練結合、精講多練、任務驅動、實操演示等教學方法，提倡開展翻轉課堂進行教學，結合該課程在知識學習、實踐應用和素質提升上的目標，理論教學和實踐操作課時比例在1:1以上，每一節課都設計有一個與其內容相對應的上機操作練習、作業，并要求學生努力完成并上交結果。目前課程的考核方式已經是經過了五輪次不斷設計、修改的更加符合學生實際的過程考核，較大的過程考核改革有三次，主要是全面去除閉卷理論考試、改變走過程的三次大設計實踐為二次大精心設計實踐，更加突出了學生實踐、操作能力的學習與培養，突出了學生自學能力和創造能力的鍛煉與提高，突出了學生綜合應用信息技術解決實際問題的能力培養，注重學生學習的每一個過程，向每一個過程要質量，從而較全面的考核了學生的學習能力，也大大提升了學生的學習效果和教學質量[4]。

2.2 在線課程的建立及完善

目前，“網頁設計”課程已經自主完成建立了完善各項內容的在線課程，正在實施使用線上線下混合教學模式的第二輪教學實踐。基于我校課程中心教學平臺的“網頁設計”課程，網絡教學資源系統體系完善，所有框架、結構、流程、進展、演示、習題、作業、測試、討論、視頻制作、字幕添加、片頭片尾、標志均為自主設計制作，擁有全部版權，自主版權率達100%。課程的展示方式、設計模板全網獨創，混合模式教學效果明顯。“網頁設計”課程線上內容完整、展示充分、功能應用較為齊全，其中集合了教學大綱、教學規劃、教學方案、教學設計、教學過程、教學內容、教學視頻、豐富的教學案例、練習與作業、習題庫、教學擴展、教學討論、教學管理、網絡資源集成鏈接等。“網頁設計”在線網絡教學資源系統，既滿足了課堂教學改革的需要，又為學生課下自主學習提供了豐富的資源和便捷的學習途徑。

故在課堂教學注重知識系統性的同時，提供豐富的典型案例，進行案例教學，在精講多練講課原則指導下，加大實際操作練習與訓練，為鞏固所學的知識和技能，利用網絡平臺自動評判功能，讓學生完成相關網上理論作業，同時布置實際操作作業，完成后上交給教師，要求教師平均每節課要完成一個實際操作題目的作業[5]。而所有的作業，在完成章節內容的同時，還層層遞進，相互聯系，相互支撐，相互融合，每一個練習與實踐作業的案例，組成了一個完整的工程，這些均圍繞規劃設計好的兩個階段的過程考核(大作業)，而這兩個過程考核雖然有一定的挑戰性，但絕大多數學生可以在付出一些努力后“水到渠成”完成所有任務。

2.3 采用的多元的評價體系

“網頁設計”課程突破傳統的評價制度，建立多元化學習評價體系，采用線上和線下融合，過程性評價與終結性評價相結合的多元化考核評價模式，促進學生自主性學習、過程性學習和體驗式學習。課程成績由過程性考核和終結性考核綜合評定。既要發揮教師引導、啟發、監控教學過程的主導作用，又要充分體現學生作為學習過程主體的主動性、積極性與創造性[6]。將兩者結合起來，使兩者優勢互補，才能獲得最佳的學習效果。

該課程的過程考核(大作業)，分兩個階段實施，按照每一個階段的要求，完成網站建設和實驗報告的填寫。兩個階段的過程考核都由學生自己根據興趣愛好來設計、規劃、實現一個網站，并編寫實驗報告，從而考核學生對所學知識和技能的掌握程度，還注重計算機基礎操作技能和信息素養能力的訓練與提高，故在驗收成果時要求完成并提交網站一個(電子數據)、實驗報告一份(紙質報告)、實驗報告文檔1個(電子數據)、實驗報告測評表一份(紙質報告)、實驗報告自查標準一份(紙質報告)等電子數據和紙質報告兩種類型資料，并對每一項目均做出了十分具體的要求，使得學生計算機綜合應用能力得以訓練和強化。在考核方式方面，加大對學生信息能力、實踐操作水平和信息素養的培養和鍛煉，采用過程考核的方式進行，全課程設置若干個小目標，對每一個目標均提出具體要求，最終分別進行考核，形成一個個的成績，最后組合成課程成績，如表1所示。

3 使用混合式教學模式的優勢及顯著效果

經過幾輪次的教學實踐和不斷更新改進，課程的各項考核更加突出了實踐操作能力的培養、加大了動手設計、規劃等創新能力的訓練、加強了學生自主學習能力的鍛煉。課程引入任務驅動教學方法，以豐富的案例來提高學生的學習興趣和實用性，也增強了學生的學習積極性和完成任務后的充實感、幸福感，從而達到學習目標。

這種綜合性的考核方式效果明顯，具體表現在以下5個方面。

(1) 提高學生自主綜合應用能力。本課程的平時考核內容涉及整個課程知識的綜合運用以及跨課程的應用分析，可以促進學生主動搜集大量相關資料，進行綜合分析研究，提高綜合應用能力[7]。

(2) 提高學生運用理論知識分析實際問題的興趣。有了考核標準，就有了學習的動力，促使學生在這個誘因下產生運用書本知識研究實際問題的興趣，這樣才能使學生真正的掌握這門課程，達到學以致用的目的。

表1 考核成績設置總表

(3) 提高學生主動探索學習的積極性。通過每人完成網站的不同，就有了公開評比，形成競爭機制，提高學生認真完成作業、主動探索學習的積極性。

(4) 擴展學生知識面。學生在完成網站的過程中，能夠在網絡上盡最大可能的擴展學生的知識面。

(5) 改變“填鴨式”上課的弊端。通過這種方式的平時考核和安排，改變了學生只用耳朵聽，懶得動腦筋想、動手做的習慣，也使得老師為主角的課堂中解放出來，更多的去引導學生學習，激發學生自主學習的積極性和熱情，實現更高效的專業學習，同時也使得課程學習與學生將來的工作環境更好的銜接起來[8]。

“網頁設計”課程已經連續開課5年以上，開課班級每年到達100余個，為打造“金課”、取消“水課”，課程要求較高，考核評定按要求執行嚴格，學生課終成績呈現正態分布，分布合理。

同一教師使用混合式教學的2017級班級和傳統教學模式2016級班級的學生成績對比分析，從中可以看出學生成績呈顯著提高狀態，如表2和圖1所示。

表2 成績對比分析表

圖1 成績對比分析圖

4 總結

總之，這5年來，通過我們教學團隊對“網頁設計”課程不斷的教學研究、改革與創新，本課程已經基本形成了一套針對性強、實用性高、示范性好、教學效果明顯的精品課程，之后也會在混合式教學模式的探索上更進一步，更好的提高學生的信息素養。