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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）課件

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

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

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

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

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

（2）視頻

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

（3）課后習(xí)題

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

3.4 教學(xué)方法

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

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

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

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

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

4 總結(jié)

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

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

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

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

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

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