網(wǎng)頁(yè)設(shè)計(jì)與制作課程的研究與應(yīng)用

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)與制作課程的研究與應(yīng)用范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

［摘要］本文簡(jiǎn)要敘述了O2O教學(xué)模式的概念及特點(diǎn)，調(diào)查分析了在高職院校中采用O2O教學(xué)模式的必要性和可行性，從《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程應(yīng)用O2O教學(xué)模式的背景出發(fā)，對(duì)使用O2O教學(xué)模式的改革方案進(jìn)行了詳細(xì)的敘述。

［關(guān)鍵詞］O2O教學(xué)模式;網(wǎng)頁(yè)設(shè)計(jì)與制作;教學(xué)改革

一、O2O教學(xué)模式的概念及特點(diǎn)

O2O教學(xué)模式，是利用互聯(lián)網(wǎng)技術(shù)，綜合線上、線下的優(yōu)質(zhì)教學(xué)資源，構(gòu)建雙向互動(dòng)的新型教學(xué)模式。其具有的特點(diǎn)如下。(一)對(duì)學(xué)生實(shí)現(xiàn)了個(gè)性化學(xué)習(xí)。學(xué)生對(duì)于線上學(xué)習(xí)時(shí)間的安排比較自由，可有選擇性的對(duì)教學(xué)視頻進(jìn)行觀看。(二)對(duì)教師實(shí)現(xiàn)了素養(yǎng)的提高。對(duì)于每一堂課，教師都必須以基于線下來(lái)做線上，以及基于線上來(lái)改進(jìn)線下為原則來(lái)準(zhǔn)備線上和線下教學(xué)資源，且線上線下教學(xué)資源必須相互融合。線下教案的設(shè)計(jì)，線上教學(xué)視頻的錄制與編輯等課前準(zhǔn)備工作，教學(xué)資源的完成對(duì)教師的素養(yǎng)實(shí)現(xiàn)了本質(zhì)的改變。(三)學(xué)習(xí)資源的豐富性及共享性。為了能更好地利用O2O教學(xué)模式進(jìn)行教學(xué)，在網(wǎng)絡(luò)平臺(tái)上必須上傳豐富的學(xué)習(xí)資源。(四)能實(shí)現(xiàn)師生間的多向交流性。教師與學(xué)生、學(xué)生與學(xué)生之間可以在線上、也可以在線下、同時(shí)還可以從線下到線上，再?gòu)木€上到線下等進(jìn)行交流討論，大大的突破了時(shí)間與地點(diǎn)上的限制。

二、采用

O2O教學(xué)模式的必要性和可行性

(一)必要性

現(xiàn)在的高職院校學(xué)生生源主要來(lái)自兩個(gè)渠道，一是通過(guò)高考錄取進(jìn)來(lái)的?？粕硪徊糠质峭ㄟ^(guò)中考錄取為五年一貫制的?？粕?，生源素質(zhì)普遍較低，學(xué)生學(xué)習(xí)興趣不高，自學(xué)能力較差。本文作者通過(guò)問(wèn)卷和實(shí)地訪問(wèn)調(diào)查發(fā)現(xiàn)，在傳統(tǒng)的教學(xué)模式課堂上學(xué)生喜歡玩手機(jī)，課外時(shí)間更是玩得不亦樂(lè)乎，甚至達(dá)到忘我的境界。為了能達(dá)到理想的教學(xué)效果，學(xué)院管理人員和教職人員齊抓共管，針對(duì)問(wèn)題制定了一系列的對(duì)策用以阻止學(xué)生玩手機(jī)。鑒于此，何不利用學(xué)生癡迷于手機(jī)這種心態(tài)，充分發(fā)揮手機(jī)移動(dòng)端的最大作用，結(jié)合移動(dòng)互聯(lián)網(wǎng)技術(shù)，采取O2O模式進(jìn)行教學(xué)。

(二)可行性

通過(guò)調(diào)查分析，免費(fèi)無(wú)線WIFI已覆蓋全院，人人都擁有至少一臺(tái)移動(dòng)終端設(shè)備，學(xué)院機(jī)房課外時(shí)間都為學(xué)生開(kāi)放。我院已購(gòu)買了支持手機(jī)端學(xué)習(xí)的超星慕課平臺(tái)，這些軟硬件設(shè)備都為開(kāi)展O2O教學(xué)提供了良好的基礎(chǔ)。此外，通過(guò)調(diào)查發(fā)現(xiàn)教師很愿意嘗試?yán)眠@種與互聯(lián)網(wǎng)關(guān)系密切的具有創(chuàng)新的現(xiàn)代信息技術(shù)教授方式，學(xué)生也很愿意接受這種具有自由靈活性的學(xué)習(xí)方式。

三、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程應(yīng)用

O2O教學(xué)模式的背景《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的特點(diǎn)是理論難度較大、實(shí)踐性強(qiáng)。課程的知識(shí)點(diǎn)較多且比較抽象，課堂上大多數(shù)知識(shí)點(diǎn)學(xué)生能聽(tīng)懂，但不能將各個(gè)知識(shí)點(diǎn)融會(huì)貫通，遇到實(shí)際的WEB頁(yè)面設(shè)計(jì)工程時(shí)便是無(wú)從下手。在傳統(tǒng)的教學(xué)模式課堂上，教師通過(guò)舉例展現(xiàn)實(shí)際效果將知識(shí)點(diǎn)解釋清楚，并對(duì)各個(gè)知識(shí)點(diǎn)的關(guān)系進(jìn)行梳理。但由于課時(shí)的原因，學(xué)生聽(tīng)完之后就沒(méi)有更多的時(shí)間進(jìn)行下一步討論，在沒(méi)有聽(tīng)懂的情況下也沒(méi)有時(shí)間向老師請(qǐng)教，就更不用說(shuō)對(duì)本堂課的知識(shí)進(jìn)行擴(kuò)充延伸。為了改變傳統(tǒng)教學(xué)模式教學(xué)效果和效率低下問(wèn)題，2016年5月，我院引進(jìn)了超星慕課平臺(tái)，將《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程作為試點(diǎn)進(jìn)行教學(xué)改革，探索出一套適合我院的O2O教學(xué)模式，然后在全院范圍內(nèi)推廣至其他課程。

四、基于O2O教學(xué)模式在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革與實(shí)踐

(一)線上網(wǎng)絡(luò)平臺(tái)資源的建設(shè)

在超星慕課平臺(tái)上建立網(wǎng)頁(yè)設(shè)計(jì)與制作課程，在平臺(tái)上多種教學(xué)資源供學(xué)生觀看與下載。教師通過(guò)appMaker富媒體編輯器對(duì)教學(xué)視頻中知識(shí)點(diǎn)的重點(diǎn)、難點(diǎn)進(jìn)行回放、放大等編輯操作，用以強(qiáng)調(diào)內(nèi)容的重要性。

(二)線上與線下課堂教學(xué)模式的改革

在傳統(tǒng)教學(xué)模式課堂中，教師講課的基本流程為復(fù)習(xí)導(dǎo)入新課、新課講授、課堂小結(jié)、布置作業(yè)、課后小結(jié)五個(gè)環(huán)節(jié)。一堂課45分鐘，每個(gè)環(huán)節(jié)分別占用的時(shí)間大概為:5－8分鐘，30－35分鐘，3－4分鐘，2－3分鐘(課后小結(jié)是利用課外的時(shí)間完成)。一堂課下來(lái)，教師與學(xué)生、學(xué)生與學(xué)生之間基本沒(méi)有互動(dòng)環(huán)節(jié)(除了教師提問(wèn)環(huán)節(jié))，這樣不利于學(xué)生對(duì)知識(shí)的吸收與內(nèi)化。而利用O2O教學(xué)模式進(jìn)行教學(xué)，教學(xué)環(huán)節(jié)與時(shí)間分配都必須重新設(shè)計(jì)。

(三)O2O教學(xué)模式的教學(xué)環(huán)節(jié)設(shè)計(jì)

通過(guò)探討總結(jié)分析，將O2O教學(xué)模式學(xué)習(xí)時(shí)段分為課前、課堂、課后三個(gè)時(shí)段，具體工作如下:(1)課前時(shí)段:課前時(shí)段即線上學(xué)習(xí)時(shí)段。在每堂課上課之前，老師都會(huì)通過(guò)超星慕課平臺(tái)推送下節(jié)課學(xué)習(xí)內(nèi)容的消息到學(xué)生的移動(dòng)端。學(xué)生收到消息后首先進(jìn)行的是課程預(yù)習(xí)及視頻的自主學(xué)習(xí)，學(xué)習(xí)過(guò)程中遇到的問(wèn)題，可以通過(guò)平臺(tái)中的互動(dòng)課堂版塊進(jìn)行在線提問(wèn)和討論，也可以記錄在紙質(zhì)筆記本上，帶到線下課堂上請(qǐng)教老師或與同學(xué)進(jìn)行交流。學(xué)生在完成課前時(shí)段作業(yè)的同時(shí)，相應(yīng)的對(duì)下一節(jié)課內(nèi)容已完成記性和理解兩個(gè)過(guò)程，為課堂時(shí)段提供充足的準(zhǔn)備。(2)課堂時(shí)段:課堂時(shí)段即線下學(xué)習(xí)時(shí)段。在課堂上，老師首先利用10－15分鐘的時(shí)間對(duì)視頻中的知識(shí)點(diǎn)、重難點(diǎn)進(jìn)行梳理，并對(duì)學(xué)生進(jìn)行提問(wèn)以了解學(xué)生課前學(xué)習(xí)的情況。其次利用15－20分鐘的時(shí)間讓學(xué)生提問(wèn)，通過(guò)老師或?qū)W生(已完全理解該內(nèi)容的學(xué)生)進(jìn)行解答。再剩下的10－15分鐘，學(xué)生通過(guò)分組的形式討論老師布置的案例。老師參與程度或分組形式以具體內(nèi)容而定，最后由每組的組長(zhǎng)向老師表述討論結(jié)果，進(jìn)而老師對(duì)每組討論結(jié)果進(jìn)行總結(jié)點(diǎn)評(píng)。課堂時(shí)段的進(jìn)行能增強(qiáng)人與人情感上的交流、教師面對(duì)面?zhèn)€性化的指導(dǎo)、教師和學(xué)生及學(xué)生和學(xué)生之間的即時(shí)討論等，是很重要的一個(gè)環(huán)節(jié)。(3)課后時(shí)段:課后學(xué)生再利用時(shí)間去觀看上一堂課的教學(xué)視頻，把之前遇到的問(wèn)題(課堂時(shí)段已解決的)再梳理一遍，以達(dá)到溫故而知新的目的。再完成老師在平臺(tái)上的在線作業(yè)，如有疑問(wèn)，可以利用超星慕課平臺(tái)所提供的討論交流模塊在線咨詢輔導(dǎo)老師，也可以與同學(xué)進(jìn)行交流，同時(shí)對(duì)自己的學(xué)習(xí)效果進(jìn)行在線測(cè)試等。

(四)適應(yīng)O2O教學(xué)模式的教師隊(duì)伍建設(shè)

傳統(tǒng)的教學(xué)模式中，所有的教學(xué)工作基本都是一人完成。而利用O2O教學(xué)模式進(jìn)行教學(xué)，雖然老師從主要講課“降”為只輔導(dǎo)學(xué)生、與學(xué)生討論、交流問(wèn)題的角色，但是平時(shí)的工作量不但沒(méi)有減少，反而成倍增加。老師除了要做在傳統(tǒng)的教學(xué)模式中準(zhǔn)備的工作外，課前必須把教學(xué)視頻錄制編輯好，把教學(xué)素材上傳到教學(xué)平臺(tái)上，還須與學(xué)生保持緊密聯(lián)系，掌握其學(xué)習(xí)動(dòng)態(tài)，根據(jù)學(xué)生的學(xué)習(xí)效果優(yōu)化課程教學(xué)內(nèi)容，時(shí)刻在線為學(xué)生解答問(wèn)題等。由于一名老師精力有限，是很難獨(dú)立完成這么大的工作量的。因此，教學(xué)團(tuán)隊(duì)經(jīng)過(guò)探討，對(duì)團(tuán)隊(duì)老師進(jìn)行分工，將工作量進(jìn)行分解，明確每個(gè)老師在O2O教學(xué)模式中各個(gè)教學(xué)環(huán)節(jié)的角色、任務(wù)及相互協(xié)作的關(guān)系。將團(tuán)隊(duì)分成主講教師和輔導(dǎo)教師兩部分。主講教師主要由具有豐富的教學(xué)實(shí)踐經(jīng)驗(yàn)的教師組成，主要負(fù)責(zé)課前教學(xué)視頻的錄制編輯，課堂時(shí)段的講課并組織學(xué)生討論交流。而輔導(dǎo)教師主要負(fù)責(zé)課前消息的、課后答疑、題目、作業(yè)收集與批改等工作。大家都把自己的工作任務(wù)做好，有事情積極溝通，抱著相互協(xié)作的態(tài)度完成課程教學(xué)工作。

(五)O2O教學(xué)模式的考核機(jī)制

O2O教學(xué)模式的考核機(jī)制以培養(yǎng)學(xué)生實(shí)踐創(chuàng)新能力目的，以平時(shí)的學(xué)習(xí)態(tài)度為基礎(chǔ)，依據(jù)教學(xué)環(huán)節(jié)進(jìn)行設(shè)計(jì)，以期末考試總成績(jī)100%進(jìn)行計(jì)算。平時(shí)學(xué)習(xí)態(tài)度占10%，包括線下上課和實(shí)訓(xùn)考勤;實(shí)訓(xùn)作業(yè)和報(bào)告完成情況占10%;課前時(shí)段學(xué)習(xí)占10%，包括教學(xué)視頻觀看情況，線上任務(wù)點(diǎn)的完成等;課堂時(shí)段學(xué)習(xí)占15%，包括問(wèn)題的提出、討論的積極性等。課后時(shí)段占10%，包括在線測(cè)試、作業(yè)完成情況、復(fù)習(xí)觀看教學(xué)視頻等。最后必須按照要求完成一個(gè)綜合型的網(wǎng)站作品，這是考查學(xué)生綜合實(shí)踐及創(chuàng)新能力的代表作，包括圖像的處理、動(dòng)畫的制作、審美觀等，所占的比重很大，占45%;期末總評(píng)分為以上六環(huán)節(jié)項(xiàng)分?jǐn)?shù)的總和，只要有一項(xiàng)環(huán)節(jié)分不及格，課程總評(píng)成績(jī)?yōu)椴患案瘛?/p>

五、O2O教學(xué)模式的實(shí)施效果

在O2O教學(xué)模式的實(shí)踐過(guò)程中，我們?cè)O(shè)置2015級(jí)計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)一班為試點(diǎn)班，二班為對(duì)照班。其中一班人數(shù)為35人，二班人數(shù)為38人。兩個(gè)班之前的網(wǎng)頁(yè)設(shè)計(jì)與制作前導(dǎo)課程均有同一個(gè)老師執(zhí)教，各門課程期末考試成績(jī)統(tǒng)計(jì)情況基本一致。通過(guò)一個(gè)學(xué)期的學(xué)習(xí)，對(duì)兩個(gè)班教學(xué)效果進(jìn)行總結(jié)分析。(1)從交上來(lái)綜合型的網(wǎng)站作品分析，一班學(xué)生設(shè)計(jì)出來(lái)的作品在顏色搭配、代碼使用、美觀整潔度明顯優(yōu)于二班學(xué)生;(2)從省級(jí)大學(xué)生科技創(chuàng)新與職業(yè)技能競(jìng)賽網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目獲獎(jiǎng)率分析，一班學(xué)生獲獎(jiǎng)比往年高，而二班基本持平。此外，通過(guò)對(duì)試點(diǎn)班進(jìn)行無(wú)名問(wèn)卷調(diào)查，85%的學(xué)生認(rèn)為在新的教學(xué)模式下，自我控制能力和自學(xué)能力得到了很大的提高，75%的學(xué)生認(rèn)為新的教學(xué)模式更有趣，82%的學(xué)生認(rèn)為自己的團(tuán)隊(duì)協(xié)作能力、語(yǔ)言表達(dá)能力和自信得到了提升，90%的學(xué)生認(rèn)為自己的實(shí)踐創(chuàng)新能力得到了提高。

六、總結(jié)

實(shí)踐證明，采用O2O教學(xué)模式進(jìn)行教學(xué)，能夠提高網(wǎng)絡(luò)優(yōu)秀資源共享率，改變了教師的教學(xué)方式和學(xué)生的學(xué)習(xí)方式，在教學(xué)過(guò)程中取得了良好的效果。但也遇到一些不可預(yù)測(cè)的問(wèn)題，需要我們一線教學(xué)工作人員在以后的教學(xué)過(guò)程中不斷地探索與改進(jìn).

參考文獻(xiàn):

［1］井靖，何紅旗，王志剛，殷冠英．O2O教學(xué)模式”在大學(xué)計(jì)算機(jī)專業(yè)教學(xué)中的應(yīng)用原則［J］．計(jì)算機(jī)教育，2016(2)．

［2］胡小華．O2O電商模式下服務(wù)營(yíng)銷課程教學(xué)模式的創(chuàng)新思考［J］．長(zhǎng)春教育學(xué)院學(xué)報(bào)，2015(11)．

［3］張穎．“O2O模式”在高職院校技能操作類課程項(xiàng)目化教學(xué)過(guò)程中的適用性研究［J］．無(wú)線互聯(lián)科技，2016(10)．

作者:王鷹漢 單位:上饒職業(yè)技術(shù)學(xué)院