基于翻轉(zhuǎn)課堂的html5+css3網(wǎng)頁設(shè)計教學(xué)的研究與實踐

龔電花 惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院

基于翻轉(zhuǎn)課堂的html5+css3網(wǎng)頁設(shè)計教學(xué)的研究與實踐

龔電花 惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院

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

翻轉(zhuǎn)課堂 研究與實踐 教學(xué)改革

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

1 翻轉(zhuǎn)課堂在教學(xué)中的意義

現(xiàn)今階段，大部分的課堂都采用傳統(tǒng)的教學(xué)方法，或者項目教學(xué)法，但是這些教學(xué)方法，知識點的教授占據(jù)了大部分的課堂上教師和學(xué)生的交流時間。導(dǎo)致學(xué)生課堂學(xué)知識點，教師和學(xué)生交流項目的時間減少。

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

2 翻轉(zhuǎn)課堂在教學(xué)過程中的特點

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

3 翻轉(zhuǎn)課堂在網(wǎng)頁設(shè)計課程中具體實施

3.1 課程標(biāo)準(zhǔn)的編寫

教學(xué)課程標(biāo)準(zhǔn)是教材編寫、教學(xué)、評估和考試命題的依據(jù)，是對不同階段的學(xué)生在知識與技能、過程與方法、情感態(tài)度和價值觀等方面的基本要求，規(guī)定各門課程的性質(zhì)目標(biāo)、內(nèi)容，內(nèi)容框架，提出教學(xué)建議和評價建議。

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

3.2 課堂教學(xué)單元設(shè)計

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

3.3 課件及視頻、課后練習(xí)

（1）課件

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

課件構(gòu)思：各個方面都要考慮，框架設(shè)計，板式設(shè)計等。

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

平靜心態(tài)：有很多時候是同樣的事情反復(fù)做，所以心態(tài)要靜。

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

（2）視頻

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

（3）課后習(xí)題

考慮到學(xué)生所學(xué)科目比較多，時間有限，課后習(xí)題必須體現(xiàn)項目中的小知識點。一個習(xí)題就是一個小任務(wù)，習(xí)題必須要體現(xiàn)學(xué)生的各種能力。

3.4 教學(xué)方法

（1）項目教學(xué)法

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

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

（2）任務(wù)驅(qū)動法

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

4 總結(jié)

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

[1]趙春紅,李登原淺談網(wǎng)頁設(shè)計課程教學(xué)改革[J],《人間》,2016

[2]轉(zhuǎn)變教學(xué)理念,巧妙提高教學(xué)效果——網(wǎng)頁設(shè)計課程教學(xué)改革之我見,《河北能源職業(yè)技術(shù)學(xué)院學(xué)報》,2012

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

[4]黃剛,李洪進(jìn)《網(wǎng)頁設(shè)計與制作》教學(xué)的改革探索,《電腦知識與技術(shù)》,2014

[5]唐麗,基于翻轉(zhuǎn)課堂的教學(xué)活動設(shè)計,《教育教學(xué)論壇》,2015