李文蕙 劉嵩
武漢軟件工程職業學院
《Web前端框架——Bootstrap》是要求學生能使用Web前端框架Bootstrap進行頁面設計的核心課程。通過本課程的學習,使學生逐步熟悉Web前端頁面設計的思想方法,具有分析問題和解決問題的能力,能夠使用Bootstrap框架結合HTML、CSS和Javascript編寫Web前端的靜態頁面,能獨自進行資料分析和整理、具備用戶需求的分析能力;能根據客戶需求,設計和實現項目頁面;能熟練掌握面美化與布局的要求;具有綜合應用HTML語言、CSS樣式、JavaScript腳本、Bootstrap進行頁面的設計、編碼、調試、維護能力。具備解決實際問題,和團隊成員友好合作的優秀品質,并為后續課程打下結實的基礎。
課程開發本著以專業能力培養為主線、融合思想教育及專業素養,重點提高學生的動手技能。整個課程教學設計緊緊圍繞高職教育人才培養的要求進行教學,選取貼近日常生活的案例,將知識貫穿于整個開發,隨著項目難度的加大豐富課程知識點。在教學過程中,合理安排課時及任務,最終能理論聯系實際進行開發。
改進措施:通過分解課程案例,學生可以充分掌握任務開發的整個過程。將學生分為若干組,每個組完成不同的項目,在項目進程中,學生可以模擬現實工作中的情景將項目模塊分工,完成各自小任務后再將所有模塊集合起來,最終完成項目設計。在整個學習中,學生不僅可以自主完成設計還能培養學生通力合作的職業素質。除此之外,課程考核可以采取答辯的形式,每個學生詳細說明自己的工作過程,如:遇到的難題如何解決。教和學雙向互動,提高教學質量和學生參與度。
改進措施:教材選擇工業和信息化“十三五”人才培養規劃教材《Bootstrap基礎教程》.本書內容合理,知識點介紹和案例展示有機結合; 突出職業化教學特色,結合案例詳細講解如何從零開始搭建一個具體的Bootstrap網站。 另外,參考教材采用了《響應式Web開發項目教程(HTML5+CSS3+Bootstrap)》。線上教學平臺使用的是傳智播客。

圖1 線上平臺
本平臺提供了電子教材、視頻等教學資源。學生可以通過該平臺完成老師布置的課前預習、課中討論和課后練習等任務。教師也可以利用本平臺上傳各種教學資源,下載學生完成的作業,動態查看學生對本課程的學習進度,實時掌握學生的學習情況。
改進措施:本課程需要HTML及CSS知識作為支撐,建議著重強調靜態網頁設計基礎對本課程內容的重要性。加強HTML、CSS基礎內容的教學認識,強調內容的重要性。在教學過程中,可以利用教學前2周時間給學生系統復習之前所學的靜態網頁內容。基礎知識內容掌握好了,后面的Bootstrap課程內容就比較容易掌握,學生學習起來也比較容易,還能更加直觀的體會到Bootstrap框架的方便。教學案例貼近學生日常生活和需求,如:制作個人簡歷、銀行首頁等。

圖2 個人簡歷
教學診斷與改進是一項“打基礎,利長遠”的工作。教師通過對課程的自我診斷發現教學過程中的問題,提升教學能力和保證教學質量。教學診斷不僅有利于教師自身業務能力的提高,而且對學生而言,豐富的教學資源增強了學生的學習積極性。