工學(xué)一體化課程教學(xué)課頁NO1課程學(xué)習(xí)任務(wù)項目一：利用HTML5制作圖文混排頁面使用學(xué)材任課教師XXX班級所屬專業(yè)XXX實施地點實施日期總課時120周課時學(xué)材處理采用一體化教學(xué)模式，以學(xué)生為主體，圍繞課程標準、以典型工作任務(wù)展開，知識點夠用、適用為原則，并配合相關(guān)教輔學(xué)習(xí)資料，同時根據(jù)學(xué)生特點自行設(shè)計的課后補充任務(wù)進行強化實踐用。在輔助知識和技能點學(xué)習(xí)時加入一些思政元素（安全、心理健康教育等內(nèi)容在網(wǎng)頁內(nèi)容中）。任務(wù)分析本任務(wù)要求要首頁，有鏈接的具體明細子網(wǎng)頁，新生要根據(jù)現(xiàn)有教輔資料學(xué)習(xí)、實踐、討論、分析后完成這個綜合任務(wù)。利用HTML5的基本結(jié)構(gòu)和語法、文本控制標記、圖像標記以及超鏈接標記知識等綜合應(yīng)用熟悉后就可完成“冬奧會”圖文混排頁面效果。教學(xué)目標（包含知識與技能、過程與方法、情感態(tài)度與價值觀等三個目標）知識與技能：掌握HTML基本結(jié)構(gòu)標簽用法，能夠利用HTML標簽制作第一個頁面；掌握圖片標簽用法及相關(guān)屬性設(shè)置方法，能夠做出圖文混排的頁面，并完成頁面超鏈接效果，鍛煉學(xué)生網(wǎng)頁制作的能力；3.熟悉并掌握網(wǎng)頁制作流程，能夠熟練使用編程軟件編寫相關(guān)頁面代碼。過程與方法：1.通過自主探究、小組討論、與老師溝通等制作網(wǎng)頁相關(guān)模塊，培養(yǎng)學(xué)生協(xié)作解決問題的能力和主動性以及與人交流合作的能力；2.通過教師對“冬奧會”網(wǎng)頁作品的點評與反饋，理解網(wǎng)頁設(shè)計要點，培養(yǎng)學(xué)生總結(jié)歸納能力。情感態(tài)度與價值觀：1.通過制作的網(wǎng)頁內(nèi)容，引導(dǎo)學(xué)生關(guān)注社會熱點，培養(yǎng)積極正能量的良好品質(zhì)。2.在制作網(wǎng)頁的過程中，培養(yǎng)學(xué)生探索、創(chuàng)新、實踐、協(xié)作的職業(yè)素養(yǎng)。3.通過學(xué)習(xí)編寫代碼，培養(yǎng)學(xué)生的信息素養(yǎng)和邏輯思維能力。4.通過繼續(xù)完善“冬奧會”網(wǎng)頁作品，培養(yǎng)學(xué)生精益求精的職業(yè)素養(yǎng)。教學(xué)重點教學(xué)難點重點及突出策略：教學(xué)重點：HTML5語法、HTML5標記及其屬性、文本控制標記。措施：通過教師引導(dǎo)、學(xué)生上機操作加強學(xué)習(xí)和補充案例進行鞏固。難點及解決方法：教學(xué)難點：HTML5標記及屬性、圖像標記、超鏈接標記。措施：通過教師臺上演示與講解、學(xué)生上機操作加強學(xué)習(xí)和補充案例進行鞏固。教學(xué)方法項目教學(xué)，小組討論，一體化教學(xué)教學(xué)條件準備計算機、VSCode軟件、教學(xué)PPT、工作頁教學(xué)組織（簡述并備注每一流程所需課時）一、明確任務(wù)教師給定任務(wù)，引導(dǎo)學(xué)生思考，明確任務(wù)要求（0.5課時）二、制定工作計劃（2課時）分析任務(wù)后確定以下工作計劃教師引導(dǎo)學(xué)習(xí)，學(xué)生完成項目所需知識點和技能點的學(xué)習(xí)；按任務(wù)要求，制定工作計劃三、計劃實施（4課時）能正確使用所需HTML5標記，并按各模塊效果圖進行代碼編寫，并實現(xiàn)效果。四、檢查驗收（0.5課時）檢查任務(wù)完成情況，正確填寫檢查報告五、總結(jié)反思與評價（1課時）撰寫項目總結(jié)，隨機抽取一個小組，向全班展示作品，并進行分析總結(jié)，能就本次任務(wù)中出現(xiàn)的問題提出改進措施；小組互評，組內(nèi)互評，教師點評總結(jié)。教學(xué)反思教學(xué)實施（次頁）教學(xué)環(huán)節(jié)教學(xué)內(nèi)容學(xué)生活動教師活動評價點資源用時一明確工作任務(wù)工作任務(wù)的閱讀與分析；明確工時、工作內(nèi)容和人員分組；接收任務(wù)并進行閱讀分析；根據(jù)任務(wù)要求進行人員分工；3、與小組成員討論網(wǎng)頁中所需效果等要求；1、發(fā)放任務(wù)并說明要求；2、指導(dǎo)各小組進行任務(wù)分工；3、察看、記錄學(xué)生小組討論情況及所存問題；4、引導(dǎo)學(xué)生討論所存實際問題（分工明確性）5.檢查學(xué)生填寫工作頁的正確性1、是否明確任務(wù)、工時；2、小組任務(wù)分工是否合理；3、對任務(wù)理解、表達是否到位；4、工作頁完成是否到位；5、小組積極性。工作任務(wù)0.5課時二制定工作計劃HTML5基本語法、文本控制標記、圖像標記的應(yīng)用方法制作圖文混排的方法、步驟及注意事項認識并選擇合適的軟件及標簽工作計劃的制定查閱教輔學(xué)習(xí)HTML5基本語法、文本控制標記、圖像標記的應(yīng)用案例分析效果圖，劃分模塊結(jié)構(gòu)學(xué)習(xí)跟效果圖各模塊有關(guān)設(shè)計制作方法討論編寫代碼步驟制定設(shè)計計劃1．巡查、記錄學(xué)生查閱教輔自主學(xué)習(xí)情況，并給以必要的引導(dǎo)；組織學(xué)生討論，解決遇到的問題、確定編寫代碼的步驟3.指導(dǎo)學(xué)生制定工作計劃1.描述文本控制標記、圖像標記的應(yīng)用方法是否準確2.能否準確描述圖文混排的關(guān)鍵技術(shù)點3.選用標記是否合理4.回答問題是否準確。5.語言表達是否規(guī)范。工作頁、計劃表、實施進度表、教輔2課時教學(xué)環(huán)節(jié)教學(xué)內(nèi)容學(xué)生活動教師活動評價點資源課時三實施工作計劃制作“冬奧會”首頁頭部模塊；制作“冬奧會”首頁圖文混排模塊；制作“國風(fēng)雅韻”子網(wǎng)頁制作“錢塘潮涌”子網(wǎng)頁制作“攜手同行”子網(wǎng)頁制作首頁和子網(wǎng)頁的超鏈接效果根據(jù)學(xué)習(xí)到的HTML5用法搭建各模塊框架遇到問題時小組成員互相討論網(wǎng)頁整體調(diào)試運行巡查、記錄學(xué)生在編寫代碼過程中遇到的問題及是否運用到位；與學(xué)生交流，討論解決實施中遇到的小組無法解決的問題；檢查學(xué)生編寫制作的各模塊是否符合效果圖標準，并給予適當引導(dǎo)與提示。各模塊框架是否合理；HTML5標記應(yīng)用是否規(guī)范；調(diào)試解決問題的能力；小組協(xié)作解決問題的積極性。工作頁、教輔、圖片素材4課時四檢查驗收根據(jù)效果圖檢查網(wǎng)頁的完成效果是否存在不合理HTML5標記使用。按模塊效果逐一驗證以小組為單位先檢查與原效果對比，查找問題小組組長互查各小組制作情況，填寫驗收報告巡查、記錄1．驗收單的填寫是否正確2．驗收內(nèi)容是否全面3.存在的問題工作頁（含驗收報告）0.5課時教學(xué)環(huán)節(jié)教學(xué)內(nèi)容學(xué)生活動教師活動評價點資源課時五總結(jié)反思與評價個人、小組評價教師評價工作過程回顧及總結(jié)評價與分析以小組為單位，用演示文稿向全班展示、匯報制作成果。在展示的過程中，以小組為單位進行評價規(guī)范撰寫總結(jié)。1）工作的步驟、方法，2）遇到的問題，處理的辦法3）收獲及獲得的途徑。3.完成自我評價、小組評價，填寫學(xué)習(xí)任務(wù)綜合評價表引導(dǎo)學(xué)生進行