基于翻轉課堂的html5+css3網頁設計教學的研究與實踐

龔電花 惠州經濟職業技術學院

基于翻轉課堂的html5+css3網頁設計教學的研究與實踐

龔電花 惠州經濟職業技術學院

基于翻轉課堂的網頁設計教學改革，其關鍵工作是要求提高學生的學習積極性，學生利用課后時間掌握傳統教學中課堂上的教授知識點，而課堂上學生專注于項目任務的制作。這個教學的過程中，就需要老師對于課堂和課后做整體設計，讓學生能積極主動的學習。

翻轉課堂 研究與實踐 教學改革

在信息化時代，能夠接受高等教育的人越來越多，這使得高職院校無論從規模和數量上都得到了很大的發展，高職院校在這種激烈競爭的環境下，都追求高質量的教學。學校首先要制定好的人才培養方案，但是，任何的人才培養方案都需要相應的課程的支撐。探索好的教學方法，進行實時的課程教學改革勢在必行。

1 翻轉課堂在教學中的意義

現今階段，大部分的課堂都采用傳統的教學方法，或者項目教學法，但是這些教學方法，知識點的教授占據了大部分的課堂上教師和學生的交流時間。導致學生課堂學知識點，教師和學生交流項目的時間減少。

翻 轉 課 堂 譯 自“Flipped Classroom”或“Inverted Classroom”，是指重新調整課堂內外的時間，將學習的決定權從教師轉移給學生。在這種教學模式下，課堂內的寶貴時間，學生能夠更專注于主動的基于項目的學習，共同研究解決本地化或全球化的挑戰以及其他現實世界面臨的問題，從而獲得更深層次的理解。教師不再占用課堂的時間來講授信息，這些信息需要學生在課后完成自主學習。針對于高職院校的學生，學生的自覺能力很差，需要授課老師對學生課后比較好的安排，并采用講授法和協作法來滿足學生的需要和促成他們的個性化學習，其目標是為了讓學生通過實踐獲得更真實的學習。翻轉課堂模式是大教育運動的一部分，它與混合式學習、探究性學習、其他教學方法和工具在含義上有所重疊，都是為了讓學習更加靈活、主動，讓學生的參與度更強。互聯網時代，學生通過互聯網學習豐富的在線課程，不必一定要到學校接受教師講授。互聯網尤其是移動互聯網催生“翻轉課堂式”教學模式。“翻轉課堂式”是對基于印刷術的傳統課堂教學結構與教學流程的徹底顛覆，由此將引發教師角色、課程模式、管理模式等一系列變革。

2 翻轉課堂在教學過程中的特點

對于學生基礎為零的且實踐性比較強的學科，前期仍然采取先教后學的傳統模式，目的是在老師手把手的幫助下，帶學生入門，打好基礎；對于拓展的知識內容，則會適當選擇“翻轉課堂”新模式來進行。這樣，既可以使學生享受新的學習模式帶來的學習效率的提高，也避免出現知識陌生帶來的學習挫敗感。本課題擬從“html5+css3網頁設計”這門課程入手，以計算機應專業的16級學生為載體，以課程資源系統、豐富和適合網絡傳播為基本要求建設教學資源共享體系，提出“翻轉課堂”下網頁設計基礎課程資源共建共享的策略，并進行相應教學模式的研究與實施。

3 翻轉課堂在網頁設計課程中具體實施

3.1 課程標準的編寫

教學課程標準是教材編寫、教學、評估和考試命題的依據，是對不同階段的學生在知識與技能、過程與方法、情感態度和價值觀等方面的基本要求，規定各門課程的性質目標、內容，內容框架，提出教學建議和評價建議。

傳統的以老師為中心的課程標準，都是選好教材，按照教材來編寫課程標準，由于傳統的教學是老師講，學生聽，所以學生的都處于被動，而且教授的專業知識比較分散，所以課程標準里面的學生的職業能力和情感能力不能體現出來。而基于翻轉課堂的教學模式重在培養學生的職業能力，是學生們共同完成一個工作項目，在課堂上以學生為主導，老師為指導，那么在制定課程標準時，老師一定要標明在課堂上的明確任務，在課堂上用到的基礎知識，需要學生課外去學習，所以老師必須制定課堂上的完成的任務，和課后要完成的任務必須在課程標準中詳細的表達出來。老師們再也不能依據教材來編寫課程標準，而是依據完成某個具體項目來編寫課程標準。因為不同時期的所做項目不同，所以課程標準一般每年或者每個學期都有變化。

3.2 課堂教學單元設計

由于特殊情況，學校的排課是兩節課連排，每節課45分鐘，一周2次課，一般在設計教學單元是都是一次課一個，每周2個教學單元設計。這是非常重要的環節，教學單元設計做的好不好，直接影響此次上課的質量。教學單元設計必須包含有掌握的知識和能力，任務的安排，通過完成任務所能達到的目標。老師自己在設計任務時，自己先要把任務做一遍。因為是采用項目分組教學，學生與學生之間的能力是不同的，有的組學生勤奮，老師布置的任務在課堂上完不成，會在課后去完成。而有的學生比較懶惰，甚至課后都不去學習知識點，同等的任務在課堂上肯定完不成的。所以老師在設計教學單元時，每個任務都要體現學生各方面的能力，勤奮的學生應該完成什么，而懶惰學生應該完成什么，讓每個學生都充分發揮自己的能力，這樣學生學習的積極性會有待提高。其實人的積極向上的本性從兒童開始，個體在童年時表現的非常積極向上，那是因為童年時比較不懂事，父母及老師都比較寬容，即使他取得一點小小的成績，都會得到來自各方面的表揚，而隨著年齡的增長，來自父母及學校的寬容度少了，學生也會變得很不自信，久而久之，就變成別人眼中的差生了。所以老師必須充分的了解學生的個性，在任務安排的過程中，必須考慮到學生的個性，讓學生各司其職。

3.3 課件及視頻、課后練習

（1）課件

制作好的課件，必須依據教學單元設計中的內容來制作，利用有限的時間交代學生所做任務，讓學生能夠明確本次課的任務，并且合理安排好下次的基礎知識。主要體現在以下幾個方面：

課件構思：各個方面都要考慮，框架設計，板式設計等。

素材收集：文字、音樂、圖片、視頻，先處理好，方便導入。

平靜心態：有很多時候是同樣的事情反復做，所以心態要靜。

反復測試：做的過程中，要反復測試，找出瑕疵

（2）視頻

視頻采用微課的形式，一個小知識點一個視頻，方便在網上學生下載并攜帶。通過看視頻，學生能夠理解知識點，因網頁設計是比較注重操作能力的培養，所以在制作視頻時必須直觀，講課應該突出重點操作，讓學生一看就明白知識點的內涵，并能夠運用知識點完成小項目。

（3）課后習題

考慮到學生所學科目比較多，時間有限，課后習題必須體現項目中的小知識點。一個習題就是一個小任務，習題必須要體現學生的各種能力。

3.4 教學方法

（1）項目教學法

項目教學是將某門專業課程按類別分為若干技術或技能單元，每個技術或技能單元作為一個教學項目，實行理論、實踐一體化的單元式教學，每個單元教學都以應用該項技術或技能完成一個作業來結束，并進行下一個項目的教學。簡而言之，項目教學就是師生為完成某一具體的工作任務而展開的教學行動。項目教學是一種方法，更是一種方案。

本課 程 所涉及 的 知 識內容比較多，有html，css,javascript,flash,photoshop。要求一個學期每一組完成一個項目，主要是完成網頁的前端，相同的項目，要求每個組完成的各有特色。此項目完成之后，學生可以將來畢業可以在相關的公司完成網頁前端的制作。

（2）任務驅動法

但是項目并不是一次課兩次課能夠來完成，所以一個項目必須分成多個任務，一個具體的任務又要分成多個子任務，所以老師光要整體的設計項目，還要把項目不編程整體的任務，并且每個任務又要根據實際情況做成小任務，這任務讓學生能夠在一次內完成。所以老師整體教學環節設計是非常繁雜的，只有老師的教學環節設計的好，學生才能夠有條理的去學習。

4 總結

翻轉課堂就是老師必須把整個學期完成的項目安排好，還要求把每次課學生完成的任務也要安排好。既要安排學生課堂上完成的任務，又要安排學生課后學習的知識。雖然老師課堂上所授課的有所減少，但是老師要花費大量的時間去做整個學期課堂安排。傳統的教學是部分思維，而翻轉課堂是全局思維。這就好比當員工和當經理的區別。并且學生的思維會隨著老師的思維，一個學期，一個項目下來，學生的各方面的能力都得到了發展。

[1]趙春紅,李登原淺談網頁設計課程教學改革[J],《人間》,2016

[2]轉變教學理念,巧妙提高教學效果——網頁設計課程教學改革之我見,《河北能源職業技術學院學報》,2012

[3]閆奇峰,張莉平高校《網頁設計與制作》課程的教學改革與探析,《中國校外教育旬刊》,2012

[4]黃剛,李洪進《網頁設計與制作》教學的改革探索,《電腦知識與技術》,2014

[5]唐麗,基于翻轉課堂的教學活動設計,《教育教學論壇》,2015