常州信息職業(yè)技術(shù)學(xué)院單元設(shè)計(jì)課程課程：內(nèi)容：模塊1jQuery學(xué)時(shí)：

設(shè)計(jì)摘要教學(xué) 課題模塊1jQuery課程學(xué)時(shí)安排48學(xué)時(shí)年級高職二年級所選教材劉斌等編著《\o"JavaScript+jQuery程序設(shè)計(jì)開發(fā)實(shí)戰(zhàn)慕課版劉斌,權(quán)小紅編人民郵電出版社"JavaScript+jQuery程序設(shè)計(jì)開發(fā)實(shí)戰(zhàn)》，人民郵電出版社，2024年4月一、教學(xué)背景創(chuàng)作思路：針對傳統(tǒng)教學(xué)無法解決的教學(xué)難題進(jìn)行設(shè)計(jì)，在工學(xué)結(jié)合模式下，采用案例教學(xué)法，依托信息化教學(xué)環(huán)境，整合數(shù)字化教學(xué)資源，優(yōu)化教學(xué)過程。以學(xué)生為中心，教師為主導(dǎo)，在項(xiàng)目教學(xué)的各環(huán)節(jié)充分運(yùn)用開發(fā)工具、職教云課堂、動畫、在線教學(xué)平臺等信息化手段解決教學(xué)重點(diǎn)難點(diǎn)問題。設(shè)計(jì)特色 ：1．教學(xué)過程項(xiàng)目化：依據(jù)“工學(xué)結(jié)合、職業(yè)情境、項(xiàng)目主導(dǎo)”人才培養(yǎng)模式，通過創(chuàng)設(shè)情境、針對實(shí)際問題精心設(shè)計(jì)單元引例，教師點(diǎn)評、小組互評，使學(xué)生自主探究，“做中學(xué)”，“學(xué)中做”，降低了學(xué)生學(xué)習(xí)難度，提高學(xué)習(xí)興趣和課堂參與度；2．教學(xué)資源數(shù)字化：豐富的課件、經(jīng)典作品、視頻等資源可供學(xué)生在線平臺學(xué)習(xí)；3．網(wǎng)絡(luò)平臺融合化：緊緊圍繞開發(fā)工具，融入職教云課堂、動畫、在線教學(xué)平臺等信息化手段進(jìn)行教學(xué)完成教學(xué)目標(biāo)，突破重點(diǎn)、難點(diǎn)；4．學(xué)習(xí)評價(jià)多元化：結(jié)合作品展示、小組匯報(bào)等多種方式，采用學(xué)生自評、師生互評，以及評價(jià)平臺等多種手段形成動態(tài)化、多元化的評價(jià)體系。二、學(xué)習(xí)目標(biāo)與內(nèi)容1.學(xué)習(xí)目標(biāo) 1.知識目標(biāo)(1)理解jQuery庫的基本概念和結(jié)構(gòu)，包括選擇器、事件處理、DOM操作和Ajax。(2)掌握jQuery常用方法的語法和使用場景，能夠有效應(yīng)用于前端開發(fā)中。(3)了解jQuery的插件機(jī)制，學(xué)習(xí)如何使用和創(chuàng)建插件以擴(kuò)展功能。2.能力目標(biāo)(1)能夠使用jQuery進(jìn)行高效的DOM操作，實(shí)現(xiàn)動態(tài)網(wǎng)頁效果，提升用戶體驗(yàn)。(2)能夠運(yùn)用jQuery處理事件，提高頁面交互性，通過事件委托優(yōu)化性能。(3)能夠使用jQuery的Ajax功能與服務(wù)器進(jìn)行數(shù)據(jù)交互，掌握異步編程的基本原理。3.素質(zhì)目標(biāo)(1)培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，鼓勵探索和掌握新技術(shù)與工具，增強(qiáng)適應(yīng)能力。(2)提升學(xué)生的團(tuán)隊(duì)合作精神，通過小組項(xiàng)目合作，培養(yǎng)有效的溝通與協(xié)作能力。(3)強(qiáng)調(diào)對用戶體驗(yàn)的重視，培養(yǎng)服務(wù)意識與社會責(zé)任感，使學(xué)生在開發(fā)中關(guān)注用戶需求和反饋。思政育人目標(biāo)：（1）鼓勵學(xué)生反思科技發(fā)展的倫理問題，倡導(dǎo)在技術(shù)實(shí)現(xiàn)中堅(jiān)持用戶隱私保護(hù)和數(shù)據(jù)安全的原則，培養(yǎng)社會責(zé)任感和職業(yè)道德。（2）引導(dǎo)學(xué)生認(rèn)識到，優(yōu)秀的網(wǎng)頁設(shè)計(jì)可以提升用戶的參與感和滿意度，進(jìn)而影響社會信息的傳播和交流。（3）討論如何通過事件處理提升用戶的參與感，確保每位用戶的聲音都被聽見。同時(shí)，鼓勵學(xué)生關(guān)注技術(shù)的普及與教育公平，推動技術(shù)在社會中的廣泛應(yīng)用，培養(yǎng)學(xué)生的服務(wù)意識和團(tuán)隊(duì)合作精神。（4）引導(dǎo)學(xué)生認(rèn)識到，通過創(chuàng)新技術(shù)可以提升用戶體驗(yàn)，使信息更加生動、易懂。討論如何運(yùn)用Ajax技術(shù)實(shí)現(xiàn)信息的實(shí)時(shí)更新，增強(qiáng)用戶與網(wǎng)頁的互動，促進(jìn)信息的快速傳播。2.學(xué)習(xí)主要內(nèi)容 任務(wù)1：jQuery選擇器任務(wù)2：jQuery操作DOM任務(wù)3:jQuery事件處理機(jī)制任務(wù)4:jQuery動畫和Ajax操作3.學(xué)習(xí)重點(diǎn)及難點(diǎn)任務(wù)1：jQuery選擇器學(xué)習(xí)重點(diǎn)：熟悉各種類型的選擇器及其用法。優(yōu)化選擇器以提高代碼效率。學(xué)習(xí)難點(diǎn)：理解復(fù)雜選擇器的組合使用及性能影響。任務(wù)2：jQuery操作DOM學(xué)習(xí)重點(diǎn)：掌握DOM元素的增、刪、改、查操作。理解DOM結(jié)構(gòu)及其在網(wǎng)頁中的作用。學(xué)習(xí)難點(diǎn)：處理頻繁DOM操作時(shí)的性能優(yōu)化。任務(wù)3：jQuery事件處理機(jī)制學(xué)習(xí)重點(diǎn)：理解事件的基本概念及綁定方法。學(xué)習(xí)事件委托技術(shù)的應(yīng)用。學(xué)習(xí)難點(diǎn)：處理復(fù)雜用戶交互時(shí)的事件管理與性能問題。任務(wù)4：jQuery動畫和Ajax操作學(xué)習(xí)重點(diǎn)：掌握動畫效果的實(shí)現(xiàn)與優(yōu)化。學(xué)習(xí)Ajax請求的使用與數(shù)據(jù)處理。學(xué)習(xí)難點(diǎn)：處理低帶寬環(huán)境下的用戶體驗(yàn)優(yōu)化。三、學(xué)情分析學(xué)生對JavaScript的基礎(chǔ)知識掌握良好，大部分能夠理解基本概念及其語法，但在具體應(yīng)用中存在一定的困難。學(xué)生的編程經(jīng)驗(yàn)普遍較少，特別是在DOM操作和事件處理機(jī)制方面，實(shí)踐經(jīng)驗(yàn)不足。四、學(xué)習(xí)環(huán)境選擇與學(xué)習(xí)資源設(shè)計(jì)1.學(xué)習(xí)環(huán)境（1）教學(xué)硬件：多媒體教室；（2）教學(xué)軟件：極域電子教室、在線教學(xué)平臺等。2.學(xué)習(xí)資源類型（1）課程在線教學(xué)平臺（2）新形態(tài)一體化教材（3）職教云課堂3.學(xué)習(xí)資源內(nèi)容簡要說明智慧職教平臺《JavaScript程序設(shè)計(jì)》在線開放課程有多媒體課件、微視頻、試題庫等多種數(shù)字化資源；高等職業(yè)教育新形態(tài)一體化規(guī)劃教材《JavaScript+jQuery交互式Web前端開發(fā)》中二維碼標(biāo)注微課、課件，實(shí)現(xiàn)移動終端隨掃隨學(xué)。五、學(xué)習(xí)情境創(chuàng)設(shè)學(xué)生將運(yùn)用jQuery實(shí)現(xiàn)動態(tài)效果與用戶交互，具體包括使用選擇器來選擇DOM元素、動態(tài)添加和刪除信息、為按鈕和鏈接綁定事件，以及通過Ajax獲取額外信息。學(xué)生在項(xiàng)目過程中進(jìn)行小組討論、任務(wù)分配和代碼實(shí)踐，老師提供實(shí)時(shí)指導(dǎo)和反饋。最終，各小組展示自己的項(xiàng)目，通過互評分享經(jīng)驗(yàn)。這一情境創(chuàng)設(shè)旨在提升學(xué)生的實(shí)際編程能力與團(tuán)隊(duì)合作意識，同時(shí)激發(fā)他們對前端開發(fā)的興趣。六、教法學(xué)法設(shè)計(jì)（1）引導(dǎo)啟發(fā)法：運(yùn)用信息技術(shù)營造學(xué)習(xí)情境，設(shè)疑導(dǎo)入，激發(fā)興趣；（2）案例驅(qū)動法：設(shè)置創(chuàng)設(shè)情境、知識探究、應(yīng)用案例分析、實(shí)踐訓(xùn)練、總結(jié)評價(jià)四個教學(xué)環(huán)節(jié)，學(xué)生根據(jù)掌握的知識和具備的技能來完成任務(wù)，并以此推動下一任務(wù)的操作；（3）協(xié)作討論法：在設(shè)計(jì)過程中學(xué)生小組協(xié)作，互相探討，直至任務(wù)設(shè)計(jì)的實(shí)現(xiàn)。

七、教學(xué)過程設(shè)計(jì)-（1）jQuery概述（2學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生本節(jié)課將學(xué)習(xí)jQuery的基本概念。1、下載jQuery庫，并對基本概念進(jìn)行了解。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery簡介的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺新形態(tài)一體化教材職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：引例描述時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、展示一個使用jQuery實(shí)現(xiàn)的動態(tài)網(wǎng)頁效果，例如一個簡單的動畫或交互功能。2、提出問題：如何利用jQuery實(shí)現(xiàn)這些效果？。演示網(wǎng)頁效果，提出問題，引導(dǎo)學(xué)生思考實(shí)現(xiàn)過程。觀察演示效果，積極思考并參與小組討論，提出自己的見解和疑問。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過演示，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：思政小課堂時(shí)間：5分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生鼓勵學(xué)生反思科技發(fā)展的倫理問題，倡導(dǎo)在技術(shù)實(shí)現(xiàn)中堅(jiān)持用戶隱私保護(hù)和數(shù)據(jù)安全的原則，培養(yǎng)社會責(zé)任感和職業(yè)道德。1、引導(dǎo)學(xué)生反思，設(shè)問并提出思考，組織學(xué)生進(jìn)行討論和分享；2、通過課件進(jìn)行歸納小結(jié)。1、思政小課堂討論、分享；2、對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、知識遷移；2、問題引導(dǎo)；3、分組討論；4、分析歸納。1、視頻2、課件設(shè)計(jì)意圖將思政內(nèi)容融入到課程學(xué)習(xí)中，以“知識傳授與價(jià)值引領(lǐng)相結(jié)合”為宗旨，使思想政治理論教育與專業(yè)教育協(xié)調(diào)同步、相得益彰，真正實(shí)現(xiàn)在課堂教學(xué)主渠道中全方位、全過程、全員立體化育人。步驟4：知識探究時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1.jQuery概述2.jQuery的功能和優(yōu)勢3.其他JavaScript庫4.下載并使用jQuery1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖通過引例引入本節(jié)課所需要學(xué)習(xí)的知識點(diǎn)，為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟5：動手實(shí)踐時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生引用jQuery庫，并編寫第一個jQuery程序。1、布置任務(wù)；2、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、通過平臺提供的教程學(xué)習(xí)；2、獨(dú)立完成。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，讓學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。所以，老師應(yīng)盡量少指導(dǎo)，而是引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟6：評價(jià)總結(jié)時(shí)間：15分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生在線測驗(yàn)課堂總結(jié)1、組織交流；2、教師點(diǎn)評；3、課堂總結(jié)。1、分享交流；2、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。

八、教學(xué)過程設(shè)計(jì)-（2）jQuery選擇器（4學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：jQuery選擇器的分類jQuery選擇器的應(yīng)用通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：5分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery選擇器操作DOM元素。提出問題：如何使用不同類型的選擇器來選擇特定的元素？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考選擇器的應(yīng)用。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：25分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生jQuery基本選擇器的概念jQuery基本選擇器的應(yīng)用1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：講練結(jié)合（一）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1.層級選擇器2.篩選選擇器1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：講練結(jié)合（二）時(shí)間：80分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1.獲取同級元素選擇器2.篩選元素選擇器3.屬性選擇器4.子元素選擇器5.表單選擇器1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟7：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟8：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生教材：拓展練習(xí)6.11、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。

九、教學(xué)過程設(shè)計(jì)-（3）元素內(nèi)容（2課時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：jQuery中的操作元素內(nèi)容的方法。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：5分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery修改DOM元素的內(nèi)容。2、提出問題：如何用jQuery實(shí)現(xiàn)對網(wǎng)頁文本和HTML內(nèi)容的修改？展示網(wǎng)頁示例，并提出問題，引導(dǎo)學(xué)生思考如何實(shí)現(xiàn)。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、使用jQuery操作元素內(nèi)容操作1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：動手實(shí)踐時(shí)間：25分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、使用jQuery操作元素內(nèi)容操作；2、對比不用操作元素內(nèi)容方法的區(qū)別。1、布置任務(wù)；2、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、通過平臺提供的教程學(xué)習(xí)；2、獨(dú)立完成。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，讓學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。所以，老師應(yīng)盡量少指導(dǎo)，而是引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：講練結(jié)合時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、對比原生JS與jQuery代碼的區(qū)別1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟7：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟8：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課外實(shí)踐2】請使用jQuery編寫登錄頁面，用戶名和密碼輸入錯誤時(shí)進(jìn)行提示。1、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十、教學(xué)過程設(shè)計(jì)-（4）元素樣式（2課時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、jQuery中的操作元素樣式的方法。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：5分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery修改DOM元素的樣式。2、提出問題：如何用jQuery實(shí)現(xiàn)對元素樣式的動態(tài)修改？展示網(wǎng)頁示例，并提出問題，引導(dǎo)學(xué)生思考如何實(shí)現(xiàn)。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：30分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、使用css()方法操作元素樣式操作2、使用類方法操作元素樣式操作1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：動手實(shí)踐時(shí)間：25分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、css()方法設(shè)置多個樣式；2、使用toggleClass()切換類。1、布置任務(wù)；2、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、通過平臺提供的教程學(xué)習(xí)；2、獨(dú)立完成。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，讓學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。所以，老師應(yīng)盡量少指導(dǎo)，而是引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：講練結(jié)合時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、對比兩種修改元素樣式的區(qū)別1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟7：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟8：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課堂實(shí)踐3】修改購物車頁面，修改元素樣式，分別表示購物車商品被選中和為選中的不同狀態(tài)。1、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。

十一、教學(xué)過程設(shè)計(jì)-（5）元素屬性（2學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery操作DOM元素的屬性。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery屬性操作的視頻和課件）通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題引入時(shí)間：5分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery獲取和設(shè)置DOM元素的屬性。2、提出問題：如何用jQuery實(shí)現(xiàn)對元素屬性的動態(tài)修改？1、教師設(shè)疑；2、引導(dǎo)思考。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：30分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、prop()方法；2、attr()方法；3、data()方法。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、知識講解；3、操作演示。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：實(shí)踐訓(xùn)練時(shí)間：35分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生實(shí)訓(xùn)訓(xùn)練：1、prop()方法的應(yīng)用；2、attr()方法的應(yīng)用；3、data()方法的應(yīng)用。1、任務(wù)分析；2、巡視督促，答疑解惑，指導(dǎo)引例實(shí)現(xiàn)。1、分組討論；2、引例實(shí)現(xiàn)。1、講練結(jié)合；2、分組討論；3、利用信息化手段尋求幫助，化解難點(diǎn)；4、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖通過分析與實(shí)現(xiàn)單元引例，進(jìn)一步深化鞏固本次課所授知識，引導(dǎo)學(xué)生進(jìn)行分組討論，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對知識的內(nèi)化。步驟5：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生在線測驗(yàn)課堂總結(jié)1、組織交流；2、教師點(diǎn)評；3、課堂總結(jié)。1、分享交流；2、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟6：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課堂實(shí)踐4】將下面的數(shù)據(jù)保存到頁面div元素data屬性｛"name":"張三","classname":"rj206","No":"10001"｝1、布置作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。

十二、教學(xué)過程設(shè)計(jì)-（6）DOM節(jié)點(diǎn)操作（6學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、如何使用jQuery操作DOM節(jié)點(diǎn)，包括增刪改查。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQueryDOM節(jié)點(diǎn)操作的視頻和課件）通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：案例引入時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery操作DOM節(jié)點(diǎn)。2、提出問題：如何用jQuery實(shí)現(xiàn)DOM節(jié)點(diǎn)的動態(tài)增刪改查？1、教師設(shè)疑；2、問題引導(dǎo)。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過案例演示，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：講練結(jié)合（一）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生遍歷元素（1）【案例6.2.11】each()方法遍歷元素（2）【案例6.2.12】$.each()方法遍歷數(shù)組和對象1、算法分析；2、算法實(shí)現(xiàn)、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對案例分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟4：講練結(jié)合（二）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生創(chuàng)建元素（1）【案例6.2.13】創(chuàng)建元素【課堂練習(xí)】根據(jù)需求在頁面上創(chuàng)建學(xué)生信息。1、算法分析；2、算法實(shí)現(xiàn)、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對案例分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：講練結(jié)合（三）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生添加元素（1）【案例6.2.14】內(nèi)部添加元素【課堂練習(xí)】根據(jù)需求在頁面上添加用戶愛好。1、算法分析；2、算法實(shí)現(xiàn)、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對案例分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟6：講練結(jié)合（四）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生刪除元素（1）【案例6.2.16】刪除元素【課堂練習(xí)】刪除購物車中商品信息。1、算法分析；2、算法實(shí)現(xiàn)、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對案例分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟7：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟8：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課外實(shí)踐5】頁面上有一個ul水果列表，使用jQuery將此水果列表中所有的水果復(fù)制到另外一個空的ul列表中。【拓展練習(xí)】6.21、布置作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十三、教學(xué)過程設(shè)計(jì)-（7）常用事件（4學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery處理常用的事件。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery事件處理的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery綁定和處理事件。2、提出問題：如何用jQuery實(shí)現(xiàn)對用戶交互事件的響應(yīng)？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考事件響應(yīng)的流程。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、講解jQuery中用于事件處理的常用方法，如click()、dblclick()、mouseover()、mouseout()、keydown()、keyup()等。2、介紹事件綁定方法，如on()和off()，以及事件委托的概念。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：講練結(jié)合（一）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1.通過jQuery事件方法綁定【案例6.3.1】change()事件方法【案例6.3.2】hover()事件方法2.通過on()方法綁定【案例6.3.3】on()方法綁定事件【案例6.3.4】on()方法實(shí)現(xiàn)多個事件綁定同一個事件處理程序1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：講練結(jié)合（二）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【案例6.3.5】on()方法實(shí)現(xiàn)多個事件綁定不同事件處理程序【案例6.3.6】on()方法實(shí)現(xiàn)事件委托【案例6.3.7】one()綁定單次事件1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟6：評價(jià)總結(jié)時(shí)間：10分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟7：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生實(shí)踐：在【案例6.3.2】的基礎(chǔ)上修改代碼，實(shí)現(xiàn)鼠標(biāo)進(jìn)入頂部菜單時(shí)，都可以彈出對應(yīng)子菜單1、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十四、教學(xué)過程設(shè)計(jì)-（8）事件解綁（4學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery解除事件綁定。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery事件解除的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery解除事件綁定。提出問題：在什么情況下需要解除事件綁定？如何實(shí)現(xiàn)？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考事件解綁的不同方法對比。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、Off()方法實(shí)現(xiàn)事件解綁。2、對比幾種不同事件解綁方法。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：講練結(jié)合時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1.off()方法的參數(shù)說明【案例6.3.8】off()解綁單個事件【案例6.3.9】off()解綁事件委托1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：評價(jià)總結(jié)時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟6：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課外實(shí)踐】：請編寫一段jQuery代碼實(shí)現(xiàn)以下功能：1、創(chuàng)建一個按鈕和一個文本區(qū)域。2、當(dāng)用戶點(diǎn)擊按鈕時(shí)，文本區(qū)域中顯示“按鈕被點(diǎn)擊了！”。3、在文本區(qū)域顯示文本后，解除按鈕的點(diǎn)擊事件，使得再次點(diǎn)擊按鈕不會再改變文本區(qū)域的內(nèi)容。要求：1、使用jQuery實(shí)現(xiàn)事件綁定和解除。2、確保事件解除后，按鈕的點(diǎn)擊不再影響文本區(qū)域。1、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十五、教學(xué)過程設(shè)計(jì)-（9）事件觸發(fā)（4學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery觸發(fā)事件。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery事件觸發(fā)的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery觸發(fā)事件。2、提出問題：如何用jQuery模擬用戶交互事件？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考事件解綁的不同方法對比。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、事件方法。2、Trigger()方法。3、triggerHandler()方法。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：講練結(jié)合時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、事件對象1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟5：評價(jià)總結(jié)時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟6：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課外實(shí)踐】：請編寫一段jQuery代碼實(shí)現(xiàn)以下功能：1、創(chuàng)建兩個按鈕和一個文本區(qū)域。2、第一個按鈕用于在文本區(qū)域中顯示“按鈕1被點(diǎn)擊了！”。第二個按鈕用于觸發(fā)第一個按鈕的點(diǎn)擊事件，而不直接修改文本區(qū)域的內(nèi)容。要求：1、使用jQuery實(shí)現(xiàn)事件綁定和事件觸發(fā)。2、確保通過第二個按鈕觸發(fā)第一個按鈕的點(diǎn)擊事件。【擴(kuò)展練習(xí)】6.31、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十六、教學(xué)過程設(shè)計(jì)-（10）jQuery動畫（6學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery創(chuàng)建和控制動畫效果。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQuery動畫的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery實(shí)現(xiàn)基本的動畫效果。2、提出問題：如何用jQuery實(shí)現(xiàn)元素的動態(tài)效果？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考事件解綁的不同方法對比。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究（一）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、顯示與隱藏。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：知識探究（二）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、淡入和淡出。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟5：知識探究（三）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、上滑與下滑。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟6：講練結(jié)合時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、自定義對象1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手段尋求幫助，使學(xué)生得到更多的啟發(fā)，與此同時(shí)，讓學(xué)生在自主探究中體驗(yàn)成功的樂趣，增強(qiáng)對新知識的索取能力。步驟7：評價(jià)總結(jié)時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生小組匯報(bào)在線測驗(yàn)課堂總結(jié)1、組織交流2、教師點(diǎn)評3、課堂總結(jié)，引導(dǎo)創(chuàng)新。1、分別演示；2、分享交流；3、相互評價(jià)。1、教師啟發(fā)2、討論歸納3、分?jǐn)?shù)激勵1、極域電子教室2、職教云課堂設(shè)計(jì)意圖教師應(yīng)充分發(fā)揮教學(xué)評價(jià)在教學(xué)中的導(dǎo)向作用，重視自評與互評，使評價(jià)成為學(xué)生反思自我，發(fā)現(xiàn)自我，發(fā)展自我的過程。為了使評價(jià)優(yōu)化，評價(jià)時(shí)要指導(dǎo)方法、提出依據(jù)，這樣才能有效地達(dá)到評價(jià)的效果。步驟8：課后鞏固教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生【課外實(shí)踐】：在頁面中創(chuàng)建3個色塊（div背景色），要求：（1）默認(rèn)設(shè)置所有顏色塊為半透明效果。（2）當(dāng)鼠標(biāo)指針移入時(shí)，指定的顏色塊顯示正常效果；當(dāng)鼠標(biāo)指針移出時(shí)，指定的顏色塊顯示半透明效果。1、布置實(shí)踐作業(yè)；2、學(xué)生作業(yè)提交后及時(shí)批改并給出指導(dǎo)建議。1、自主完成課后任務(wù)；2、課后任務(wù)完成后，按時(shí)提交至在線課程平臺。1、教師講解；2、學(xué)生提交作業(yè)，教師提出修改意見。1、班級QQ群2、課程在線教學(xué)平臺設(shè)計(jì)意圖讓學(xué)生利用課后時(shí)間進(jìn)一步地吸收消化課堂內(nèi)容，在鞏固知識的同時(shí)，不斷提高自身信息素養(yǎng)。十七、教學(xué)過程設(shè)計(jì)-（11）jQuery的Ajax操作（6學(xué)時(shí)）步驟1：課前準(zhǔn)備教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生提前告知學(xué)生課程學(xué)習(xí)內(nèi)容及布置課前任務(wù)：1、學(xué)習(xí)如何使用jQuery進(jìn)行Ajax操作。2、布置課前任務(wù)，通過職教云平臺發(fā)布相關(guān)學(xué)習(xí)資源（如jQueryAjax操作的視頻和課件）。通過智慧職教云平臺發(fā)布通知及布置課前任務(wù)，告知學(xué)生即將學(xué)習(xí)的課程內(nèi)容，并在平臺發(fā)布與課程內(nèi)容相關(guān)的授課錄像、課件等資源，讓學(xué)生提前預(yù)習(xí)。查看在線學(xué)習(xí)平臺公告，提前通過平臺或者掃描新形態(tài)一體化教材上的對應(yīng)知識點(diǎn)的二維碼觀看微課程視頻預(yù)習(xí)相關(guān)課程內(nèi)容。通過信息化手段和技術(shù)發(fā)布告知學(xué)生學(xué)習(xí)內(nèi)容。1、《JavaScript程序設(shè)計(jì)》課程在線教學(xué)平臺2、新形態(tài)一體化教材3、職教云課堂設(shè)計(jì)意圖教師通過信息化手段向?qū)W生提前發(fā)布即將學(xué)習(xí)的課程內(nèi)容，意在讓學(xué)生養(yǎng)成良好地運(yùn)用信息技術(shù)手段進(jìn)行知識獲取及自主探究的習(xí)慣，培養(yǎng)自身信息素養(yǎng)，也為課程教學(xué)做好準(zhǔn)備。步驟2：問題設(shè)疑時(shí)間：20分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、通過一個簡單的網(wǎng)頁示例，展示如何使用jQuery進(jìn)行基本的Ajax請求。2、提出問題：如何用jQuery實(shí)現(xiàn)與服務(wù)器的數(shù)據(jù)交互？展示網(wǎng)頁示例，提出問題，引導(dǎo)學(xué)生思考事件解綁的不同方法對比。1、思考老師提出的問題，踴躍回答；2、分組討論。1、教師講解；2、頭腦風(fēng)暴；3、分組討論。1、多媒體2、課件設(shè)計(jì)意圖通過問題，引發(fā)學(xué)生思考，激發(fā)了學(xué)生的興趣，學(xué)生一下子就投入到課堂中，這激發(fā)了學(xué)生強(qiáng)烈的學(xué)習(xí)愿望和高漲的學(xué)習(xí)熱情。為接下來讓學(xué)生積極主動地參與到學(xué)習(xí)活動中來做好了情感上的準(zhǔn)備。步驟3：知識探究（一）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、HTTP簡介。2、XMLHttpRequest對象1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟4：知識探究（二）時(shí)間：40分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、原生JavaScript實(shí)現(xiàn)AJAX。2、jQuery操作AJAX1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟5：知識探究（三）時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生綜合案例：請編寫一段jQuery代碼，實(shí)現(xiàn)一個簡單的網(wǎng)頁應(yīng)用，該應(yīng)用能夠從一個公共API獲取數(shù)據(jù)并顯示在頁面上。具體要求：1、創(chuàng)建一個按鈕，點(diǎn)擊按鈕時(shí)，通過Ajax請求獲取數(shù)據(jù)。2、使用公共API，例如JSONPlaceholder的用戶數(shù)據(jù)（URL:/users）。3、將獲取到的用戶數(shù)據(jù)以列表的形式顯示在頁面上。在請求過程中，顯示一個“加載中”的提示，數(shù)據(jù)加載完成后隱藏該提示。1、引導(dǎo)學(xué)生借助在線課程平臺獲取知識進(jìn)行自主探究；2、示例講解；3、通過課件進(jìn)行歸納小結(jié)。1、學(xué)生登錄網(wǎng)絡(luò)課程平臺獲取知識進(jìn)行自主探究；2、認(rèn)真觀察教師講解演示，對于教師的歸納，仔細(xì)聽講、思考、記錄筆記。1、問題引導(dǎo)；2、分組討論；3、講解演示；4、分析歸納。1、課程在線教學(xué)平臺2、課件設(shè)計(jì)意圖為了讓學(xué)生能夠直觀感性地理解知識點(diǎn)，由教師首先進(jìn)行講解演示，結(jié)合知識點(diǎn)講解案例，為接下來的學(xué)生實(shí)踐訓(xùn)練提前做好鋪墊。步驟6：講練結(jié)合時(shí)間：60分鐘教學(xué)內(nèi)容師生活動教學(xué)方法教學(xué)手段教師學(xué)生1、自定義對象1、任務(wù)分析；2、實(shí)操演示；3、巡視督促，答疑解惑，指導(dǎo)實(shí)踐。1、分析討論；2、觀看演示；3、獨(dú)立動手實(shí)踐。1、講練結(jié)合；2、分組討論；3、動手實(shí)踐。1、課程在線教學(xué)平臺2、職教云課堂設(shè)計(jì)意圖為了鞏固本次課所授知識，提高學(xué)生利用所學(xué)知識進(jìn)行實(shí)踐訓(xùn)練的能力，教師對任務(wù)分析后進(jìn)行實(shí)操演示，學(xué)生自主地完成實(shí)戰(zhàn)任務(wù)。老師盡量少指導(dǎo)，引導(dǎo)學(xué)生學(xué)會利用各種不同的信息化手