摘 ?要：隨著“互聯(lián)網(wǎng)+教育”的快速發(fā)展，信息化教學(xué)也得到廣泛應(yīng)用。為了解決高職網(wǎng)頁設(shè)計與制作課程信息化教學(xué)設(shè)計和組織的問題，本文對現(xiàn)有高職信息化教學(xué)現(xiàn)狀開展研究，對當(dāng)前信息化教學(xué)存在的問題進(jìn)行剖析，并提出針對該課程的信息化教學(xué)設(shè)計策略，以JavaScript條件語句為例，制定完整的信息化教學(xué)設(shè)計方案，推進(jìn)高職信息化教學(xué)改革。

關(guān)鍵詞：信息化教學(xué);藍(lán)墨云班課;慕課;網(wǎng)頁設(shè)計;網(wǎng)頁制作

中圖分類號：TP393.092-4 ? ? ?文獻(xiàn)標(biāo)識碼：A 文章編號：2096-4706（2019）16-0106-03

Abstract：With the rapid development of “internet plus education”，information technology teaching has also been widely used. In order to solve the problem of informatization teaching design and organization of web design and production courses in higher vocational schools，this paper studies the current status of informatization teaching in higher vocational schools，analyzes the problems existing in current informatization teaching，and proposes informationization for the course. And put forward the information-based teaching design strategy for this course，taking JavaScript conditional sentences as an example，formulates a complete information-based instructional design plan and promotes the reform of informational teaching in higher vocational schools.

Keywords：informatization teaching;Moso Teach;MOOC;web design;web page production

0 ?引 ?言

在高職教學(xué)中，計算機專業(yè)作為與互聯(lián)網(wǎng)關(guān)系最貼近的專業(yè)之一，理應(yīng)在教學(xué)上與信息化同步，隨著移動互聯(lián)終端的廣泛應(yīng)用，手機、平板電腦等電子產(chǎn)品成為高職學(xué)生不可或缺的隨身攜帶物品，如何利用移動終端的便攜性，利用好課下的碎片化時間組織學(xué)生學(xué)習(xí)，是信息化教學(xué)設(shè)計需要研究的重點問題之一，另外，隨著線上信息化平臺的增加，在線學(xué)習(xí)和交流，也成為課下學(xué)習(xí)的一部分，高職院校應(yīng)充分發(fā)揮互聯(lián)網(wǎng)和移動終端的優(yōu)勢，利用先進(jìn)的信息化技術(shù)和豐富的教學(xué)資源，改變傳統(tǒng)的教學(xué)模式，增加學(xué)生學(xué)習(xí)的興趣和主動性，開展線上線下混合式教學(xué)。

1 ?高職信息化教學(xué)研究現(xiàn)狀

高職信息化教學(xué)主要利用信息化手段和技術(shù)，采用線上線下混合式教學(xué)展開。其中，2016年韓麗屏[1]提出，利用信息化手段，依托精品資源，開創(chuàng)教學(xué)設(shè)計創(chuàng)新模式，通過“微課程”視頻、多媒體課件、信息化測試系統(tǒng)、企業(yè)真實項目案例、虛擬實訓(xùn)系統(tǒng)等信息化教學(xué)模式，提高教學(xué)質(zhì)量，改善學(xué)生興趣不高等現(xiàn)狀。2017年，田華[2]等提出，利用BOPPPS教學(xué)新模式，以學(xué)生為中心，提高學(xué)生參與度，將教學(xué)過程分為6個階段，注重課內(nèi)外的融合，實現(xiàn)課堂翻轉(zhuǎn)，利用多種教學(xué)手段組織課堂，通過試點測試發(fā)現(xiàn)學(xué)生的興趣明顯提高，有效提高學(xué)習(xí)效果。2018年，朱娟玉[3]提出，課前、課堂和課后環(huán)節(jié)都要使用信息化的教學(xué)設(shè)計，課前利用微課開展學(xué)習(xí)，課堂通過極域廣播軟件、藍(lán)墨云班課、網(wǎng)絡(luò)化測試等方法，理論結(jié)合實踐，課后通過微信群、云班課等在線答疑，分享微課視頻等進(jìn)行課下學(xué)習(xí)，通過此種方案，有效提高學(xué)生興趣，形象直觀，有效節(jié)省教學(xué)時間，實現(xiàn)因人施教。游琪[4]提出，要以學(xué)生的“學(xué)”為中心，課前通過微課、應(yīng)用程序（Application，APP）平臺或精品課程網(wǎng)絡(luò)在線留言等方式進(jìn)行學(xué)習(xí)，課中通過分組討論、教師點評等方式，課后通過企業(yè)老師學(xué)習(xí)，拓展訓(xùn)練，將項目分割后發(fā)放到各個小組中，以真實的項目為載體，提高學(xué)生解決實際問題的能力，培養(yǎng)了學(xué)生的學(xué)習(xí)能力。田衛(wèi)紅[5]提出，要形成“教-學(xué)-做”一體化的教學(xué)設(shè)計模式，課前，通過藍(lán)墨云班課、慕課、世界大學(xué)城等信息化手段開展預(yù)習(xí)環(huán)節(jié)，教師可以根據(jù)學(xué)生的特點和層次整合適合學(xué)生的教學(xué)資源庫，課中，通過進(jìn)階式的課堂任務(wù)、分組合作等方式進(jìn)行，以學(xué)生動手實踐為主，課后，不同層次的學(xué)生可以在線上進(jìn)行符合自己需求的學(xué)習(xí)，通過這種方式，有效活躍課堂氣氛，增加學(xué)生學(xué)習(xí)的主動性和積極性，有效改善傳統(tǒng)課堂中注意力分散，實踐能力差的情況。2019年，周吉云[6]提出，信息化教學(xué)設(shè)計要體現(xiàn)趣味性、實踐性、可視化、多元評價等，利用智慧教室、網(wǎng)絡(luò)平臺、在線測試、網(wǎng)絡(luò)平臺PBL功能等進(jìn)行教學(xué)過程的分析、記錄、評價，在課堂中穿插動畫游戲、利用仿真軟件進(jìn)行實踐練習(xí)，結(jié)合小組合作、截圖與錄屏等手段，幫助學(xué)生突破重難點，任務(wù)驅(qū)動貫穿整個課堂，師生充分互動交流，有效解決學(xué)習(xí)的重難點，培養(yǎng)學(xué)生的信息素養(yǎng)和團(tuán)隊合作意識。田華[7]等提出，分析學(xué)生的個性特點，生成適合學(xué)生的項目，由此作為教學(xué)設(shè)計的主要驅(qū)動力，讓學(xué)生以小組合作、頭腦風(fēng)暴等方式完成項目需求，使學(xué)生主動地參與到教學(xué)環(huán)節(jié)中來，小組自評和互評等展示設(shè)計成果，實現(xiàn)過程性評價，在項目實踐中培養(yǎng)學(xué)生的創(chuàng)新思維。

以上教學(xué)設(shè)計都是利用信息化技術(shù)，使得課堂豐富生動，以改進(jìn)教學(xué)效果，但是，在移動終端的盛行的時代，對于如何使學(xué)生更好地利用移動終端和碎片化時間進(jìn)行課前、課中、課后的學(xué)習(xí)，并沒有深入的研究，而且，因計算機實踐性較強的特點，如何將知識點與實用性相結(jié)合，也是需要研究的重點。本文提出一種信息化教學(xué)設(shè)計策略，將移動終端的優(yōu)勢發(fā)揮出來，將知識點和實際項目結(jié)合，實現(xiàn)“做中學(xué)，學(xué)中做”，對接工作崗位需求。

2 ?高職信息化教學(xué)存在的問題

2.1 ?信息化教學(xué)流于形式

目前，各高職院校都在積極地利用信息化手段進(jìn)行教學(xué)，但是信息化教學(xué)的效果無從檢驗，使得這種教學(xué)流于形式，并沒有真正地在各個學(xué)校開展和進(jìn)行，多數(shù)教師還是以傳統(tǒng)課堂教授的方式為主，導(dǎo)致很多豐富的教學(xué)資源沒有在課堂上得到共享和充分利用，學(xué)生學(xué)習(xí)的興趣不高，使得課堂的精彩度下降，過程性評價沒有被及時記錄和分析，沒有有效發(fā)揮線上教學(xué)的優(yōu)勢，沒有充分挖掘?qū)W生的個性特點和行為習(xí)慣，使得教學(xué)效果大打折扣。

2.2 ?教師自身的信息化技術(shù)需要更新

信息化教學(xué)手段需要依托互聯(lián)網(wǎng)平臺。目前，仍然存在教師不能與時俱進(jìn)、及時更新自己的知識體系的情況，停留在傳統(tǒng)課堂上止步不前，使得課堂枯燥乏味，高職學(xué)生因高中學(xué)習(xí)成績不理想等原因，本就學(xué)習(xí)興趣不高，自主學(xué)習(xí)意識較差，如果沿用傳統(tǒng)的課堂教學(xué)模式，會使知識不夠直觀形象，很難引起學(xué)生興趣，使得知識的傳授更困難。因此，在互聯(lián)網(wǎng)和移動終端廣泛應(yīng)用的時代，教師要善于抓住學(xué)生的特點，利用學(xué)生能接受的方式進(jìn)行教學(xué)，同時，教師也要加強自身的學(xué)習(xí)，通過參加培訓(xùn)等方式及時地了解和學(xué)習(xí)信息化教學(xué)平臺的應(yīng)用，并掌握其使用方法，將信息化平臺和傳統(tǒng)課堂結(jié)合，引導(dǎo)學(xué)生積極思考，探索學(xué)生的興趣點，通過信息化技術(shù)更好地實現(xiàn)教學(xué)，達(dá)到良好的教學(xué)效果。

2.3 ?學(xué)生缺乏學(xué)習(xí)興趣

高職學(xué)生的特點是對實踐感興趣，具有一定的實踐編碼能力，但在理論學(xué)習(xí)方面存在困難，對于抽象的知識感到枯燥，學(xué)習(xí)興趣普遍不高，但計算機是理論和實踐結(jié)合緊密的課程，理論是基礎(chǔ)，屬于不可或缺的環(huán)節(jié)，因此，如何把理論知識通過形象直觀的方式表達(dá)，從而引起學(xué)生學(xué)習(xí)興趣，是目前需要解決的問題之一;同時，學(xué)生對于傳統(tǒng)課堂缺乏興趣，對新興的事物和技術(shù)普遍感興趣，因此，結(jié)合現(xiàn)有的信息化平臺和教學(xué)資源開展線上線下混合式教學(xué)是教學(xué)設(shè)計的一個主要思路。

3 ?高職信息信息化教學(xué)設(shè)計策略

3.1 ?教學(xué)設(shè)計思路

以課前、課中、課后為主線，以生活中常見的案例導(dǎo)入新課，創(chuàng)設(shè)情境，以慕課（Massive Open Online Courses，MOOC）網(wǎng)的微課視頻開展預(yù)習(xí)環(huán)節(jié)，以藍(lán)墨云班課等信息化教學(xué)手段開展線上線下混合式教學(xué)，在該平臺上組織學(xué)生一鍵簽到、發(fā)布任務(wù)、學(xué)生提交作業(yè)、教師批閱、頭腦風(fēng)暴等，通過預(yù)習(xí)任務(wù)的反饋，及時掌握學(xué)生對新知識的認(rèn)識，有效調(diào)整教學(xué)計劃，通過連線小游戲測試學(xué)生對知識的掌握情況，采用實際項目“搶票王”讓大家接觸案例，小組合作完成，將知識點落實到實用性上，利用思維導(dǎo)圖幫助學(xué)生理清知識脈絡(luò)，將本節(jié)課知識點對接Web前端開發(fā)工程師崗位需求，實現(xiàn)以就業(yè)為導(dǎo)向的教學(xué)。

3.2 ?學(xué)情分析

本次授課對象是高職一年級第二學(xué)期計算機網(wǎng)絡(luò)專業(yè)的學(xué)生，通過對班級同學(xué)的提問觀察，發(fā)現(xiàn)同學(xué)們已經(jīng)具備一定的計算機語言和網(wǎng)絡(luò)知識和HTML+CSS編碼能力，對課前預(yù)留的視頻預(yù)習(xí)和任務(wù)完成情況一般，對重難點知識的把握仍有欠缺，喜歡手機和互聯(lián)網(wǎng)，但學(xué)習(xí)興趣不高、缺乏積極性、邏輯思維能力欠缺、動手實踐能力有待提高。

3.3 ?教學(xué)內(nèi)容

本次教學(xué)內(nèi)容，選自教材《網(wǎng)頁設(shè)計與制作項目教程（HTML+CSS+JavaScript）》項目7任務(wù)7-3的第1部分，JavaScript條件語句，重點內(nèi)容是if條件語句和switch條件語句的邏輯結(jié)構(gòu)，教師展示語法規(guī)則，并對應(yīng)相應(yīng)的案例進(jìn)行一一解釋類比，例如，if語句可以生活中常見的“紅燈?！钡囊?guī)則為例，if else語句可以“紅燈停，綠燈行”的規(guī)則為例，或者列舉“白天上班，晚上休息”等生活中通俗易懂、學(xué)生能接受的案例，從而更好地理解重點內(nèi)容，并通過流程圖形象地展示，便于學(xué)生理解。教師提出問題，學(xué)生通過課堂討論，解決if條件語句和switch條件語句的轉(zhuǎn)換問題。

3.4 ?教學(xué)環(huán)節(jié)

3.4.1 ?課前

3.4.1.1 ?視頻預(yù)習(xí)

通過中國大學(xué)MOOC網(wǎng)節(jié)選本節(jié)課內(nèi)容視頻上傳至藍(lán)墨云班課，通過微課預(yù)習(xí)，利用互聯(lián)網(wǎng)時代移動終端的便利性，讓學(xué)生利用碎片化時間學(xué)習(xí)，達(dá)到認(rèn)識JavaScript條件語句的目的。

3.4.1.2 ?發(fā)布任務(wù)

教師通過藍(lán)墨云班課發(fā)布兩個預(yù)習(xí)任務(wù)：條件語句的分類和應(yīng)用，學(xué)生通過微課視頻預(yù)習(xí)，認(rèn)識JavaScript條件語句，并完成預(yù)習(xí)任務(wù)，上傳至藍(lán)墨云班課，教師批閱并進(jìn)行打分，可以發(fā)現(xiàn)學(xué)生對多向判斷語句認(rèn)識不準(zhǔn)確，根據(jù)學(xué)生的任務(wù)反饋，及時調(diào)整教學(xué)計劃。

3.4.2 ?課中

3.4.2.1 ?組織簽到

教師利用藍(lán)墨云班課一鍵簽到功能，組織學(xué)生簽到，其中通過顯示學(xué)生地理位置信息的功能，可以防止學(xué)生遠(yuǎn)程簽到，有效代替?zhèn)鹘y(tǒng)課堂簽到，藍(lán)墨云班課APP可以將學(xué)生的考勤情況保存并作為課堂統(tǒng)計數(shù)據(jù)的一部分。

3.4.2.2 ?導(dǎo)入新知

以生活中貼近學(xué)生的案例導(dǎo)入新知，例如列舉“紅燈停，綠燈行”、投石問路的小故事、幸運大抽獎的轉(zhuǎn)盤活動等常見的條件語句，引起學(xué)生學(xué)習(xí)興趣和積極思考，達(dá)到引出JavaScript條件語句的目的。

3.4.2.3 ?任務(wù)實施

（1）教師講解：1）流程分析。教師通過講解每一種條件語句的語法規(guī)則和對應(yīng)流程分析，使學(xué)生有直觀的認(rèn)識和理解，條件語句的三種判斷語句層層遞進(jìn)，既有區(qū)別又有聯(lián)系，通過課堂討論和師生互動交流，分析問題，引導(dǎo)學(xué)生思考。2）游戲測試。教師出題，學(xué)生連線，教師分析核對學(xué)生連線結(jié)果。通過游戲測試的方式增強課堂的趣味性，引起學(xué)生興趣，同時可以作為考核學(xué)生是否掌握知識點的檢驗環(huán)節(jié)。教師在課堂最后通過游戲測試方式強調(diào)本節(jié)課重點，以加深學(xué)生印象，達(dá)到強化重點的目的，考核學(xué)生本階段對知識的掌握程度。

（2）編碼測試。教師通過代碼分析、學(xué)生上機實踐和編碼測試等環(huán)節(jié)，對其中存在的問題進(jìn)行個別指導(dǎo)，最終對存在共性的問題進(jìn)行集中指導(dǎo)，有效解決學(xué)生在編碼中的知識盲點。通過實踐操作，突出條件語句的邏輯流程和兩種條件語句轉(zhuǎn)換的重點，并解決實際操作過程中出現(xiàn)的問題。

（3）分組合作。將20名學(xué)生分為6組，每3～4人為一組，以“搶票王”案例為任務(wù)載體，學(xué)生分組合作完成，過程中進(jìn)行個別指導(dǎo)。通過案例教學(xué)和學(xué)做結(jié)合的方式，增強學(xué)生對實際問題的分析解決能力，對接就業(yè)環(huán)境中小組合作的情境，讓學(xué)生提早體驗工作場景，增強團(tuán)隊合作意識。

（4）調(diào)優(yōu)評價。通過各組匯報、組間互評、教師點評等方式，對已有代碼進(jìn)行優(yōu)化，最終評出優(yōu)秀小組作品，并上傳至藍(lán)墨云班課。通過答辯匯報和教師點評，能夠使學(xué)生對本節(jié)課知識點有實踐性的認(rèn)識，有效突破條件語句應(yīng)用的難點，同時增強學(xué)生的溝通表達(dá)能力。

3.4.2.4 ?梳理總結(jié)

教師利用思維導(dǎo)圖，梳理總結(jié)本節(jié)重難點，達(dá)到使知識具有框架性、條理性的目的，再次強調(diào)重難點。

3.4.3 ?課后

3.4.3.1 ?頭腦風(fēng)暴

教師在藍(lán)墨云班課上提出頭腦風(fēng)暴任務(wù)，學(xué)生按時完成，教師可以查看學(xué)生回復(fù)情況，并及時點評，糾錯總結(jié)，以此引導(dǎo)學(xué)生課下積極探索和思考，強化重難點。

3.4.3.2 ?課外拓展

教師在藍(lán)墨云班課上布置作業(yè)，達(dá)到鞏固本節(jié)重難點的目的，學(xué)生按時完成，并上傳至藍(lán)墨云班課，教師及時查看批閱，并給學(xué)生打分，作為最終考核成績的一部分。

3.4.3.3 ?在線學(xué)習(xí)

學(xué)生可以通過MOOC網(wǎng)進(jìn)行在線學(xué)習(xí)和討論，與學(xué)校教師、企業(yè)名師進(jìn)行在線交流和討論，同時也可以進(jìn)行在線測試和考試等，加深對本節(jié)課知識的掌握。

3.5 ?教學(xué)效果

通過課前觀看藍(lán)墨云班課APP上的微課視頻預(yù)習(xí)，并提交任務(wù)，學(xué)生可以對條件語句有框架性的認(rèn)識。通過課中的連線小游戲進(jìn)行測試，發(fā)現(xiàn)80%的同學(xué)都能較好地完成連線任務(wù)。學(xué)生能通過分組合作，完成項目需求，有效掌握條件語句的應(yīng)用，學(xué)習(xí)興趣明顯提高。通過課后頭腦風(fēng)暴的討論和課后作業(yè)的打分，學(xué)生對于重難點基本都能掌握。本節(jié)教學(xué)內(nèi)容屬于JavaScript基礎(chǔ)技術(shù)中的一部分，對接崗位“Web前端開發(fā)工程師”的招聘要求，實現(xiàn)以就業(yè)為導(dǎo)向的教學(xué)要求。

4 ?結(jié) ?論

隨著線上信息化教學(xué)平臺的發(fā)展，信息化教學(xué)得到了有效的支撐。為了解決網(wǎng)頁設(shè)計與制作課程信息化教學(xué)設(shè)計的問題，本文總結(jié)了目前信息化教學(xué)的研究現(xiàn)狀中存在的問題，并提出一種基于網(wǎng)頁設(shè)計與制作課程的信息化教學(xué)設(shè)計方案。其中以JavaScript條件語句為例，采用MOOC平臺、微課視頻、藍(lán)墨云班課、思維導(dǎo)圖、在線測試、互聯(lián)網(wǎng)等信息技術(shù)，教師通過案例分析、任務(wù)驅(qū)動、趣味教學(xué)和多元評價等手段進(jìn)行教學(xué)，學(xué)生通過自主學(xué)習(xí)、小組合作、頭腦風(fēng)暴和在線學(xué)習(xí)等方式學(xué)習(xí)，充分體現(xiàn)以學(xué)生為主體，在學(xué)中做、做中學(xué)。當(dāng)今信息化平臺多種多樣，教學(xué)設(shè)計方案百變，教師要充分發(fā)揮線上教學(xué)平臺的優(yōu)勢，有效補充線下教學(xué)的不足，真正做到以“是什么，為什么，怎么做”為邏輯主線，讓學(xué)生樂意學(xué)、主動學(xué)、勤于學(xué)，達(dá)到職業(yè)技術(shù)教育培養(yǎng)人才的目的，為社會輸送技術(shù)型人才。

參考文獻(xiàn)：

[1] 韓麗屏.依托精品資源 構(gòu)建《網(wǎng)頁設(shè)計》教學(xué)新模式 [J].中國教育信息化，2016（6）：43-45.

[2] 田華，郝鳳枝，王朋嬌.基于BOPPPS模式的有效的教學(xué)設(shè)計——以《多媒體網(wǎng)頁設(shè)計》課程為例 [J].教育現(xiàn)代化，2017，4（36）：224-227.

[3] 朱娟玉.提升計算機基礎(chǔ)課程信息化教學(xué)的實踐研究 [J].教育教學(xué)論壇，2018（48）：279-280.

[4] 游琪.《網(wǎng)頁設(shè)計基礎(chǔ)》課程中的信息化教學(xué)設(shè)計與應(yīng)用 [J].教育現(xiàn)代化，2018，5（32）：271-272+288.

[5] 田衛(wèi)紅.淺談信息化教學(xué)在《網(wǎng)頁設(shè)計與制作》中的應(yīng)用 [J].現(xiàn)代國企研究，2018（8）：154.

[6] 周吉云.信息化教學(xué)設(shè)計的實踐與研究——以“走進(jìn)家庭網(wǎng)絡(luò)”為例 [J].讀與寫（教育教學(xué)刊），2019，16（2）：241-242.

[7] 田華，陳敏娜，王朋嬌.以創(chuàng)新思維培養(yǎng)為導(dǎo)向的項目教學(xué)設(shè)計與實踐——以“網(wǎng)頁設(shè)計”課程為例 [J].中國信息技術(shù)教育，2019（5）：106-109.

作者簡介：陳彥會（1989-），女，漢族，河南新鄉(xiāng)人，計算機專業(yè)助教，碩士研究生，研究方向：計算機專業(yè)教學(xué)。