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

李彥，邊國棟

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

0 引言

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

1 該課程學生學習的現(xiàn)狀

1.1 “網(wǎng)頁設計”課程定位

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

1.2 “網(wǎng)頁設計”課程目標

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

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

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

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

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

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

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

2.2 在線課程的建立及完善

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

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

2.3 采用的多元的評價體系

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

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

3 使用混合式教學模式的優(yōu)勢及顯著效果

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

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

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

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

表1 考核成績設置總表

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

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

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

“網(wǎng)頁設計”課程已經(jīng)連續(xù)開課5年以上，開課班級每年到達100余個，為打造“金課”、取消“水課”，課程要求較高，考核評定按要求執(zhí)行嚴格，學生課終成績呈現(xiàn)正態(tài)分布，分布合理。

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

表2 成績對比分析表

圖1 成績對比分析圖

4 總結(jié)

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