工學一體化課程教學課頁NO3課程學習任務項目三利用CSS3美化網(wǎng)頁文本使用學材任課教師班級所屬專業(yè)實施地點實施日期總課時周課時學材處理采用一體化教學模式，以學生為主體，圍繞課程標準、以典型工作任務展開，知識點夠用、適用為原則，并配合相關(guān)教輔學習資料，同時根據(jù)學生特點自行設(shè)計的課后補充任務進行強化實踐用。在輔助知識和技能點學習時加入一些思政元素（安全、心理健康教育等內(nèi)容在網(wǎng)頁內(nèi)容中）。任務分析本項目主要利用HTML搭建網(wǎng)頁基本框架，利用CSS樣式相關(guān)字體屬性美化網(wǎng)頁文字內(nèi)容，完成一個具有圖文混排效果的“反詐小課堂”頁面。先根據(jù)教輔資料學習CSS相關(guān)知識和技能點的應用，根據(jù)項目效果圖搭建框架，然后根據(jù)效果圖編寫頁面內(nèi)容，選擇合適的CSS相關(guān)樣式代碼，本項目重點是要熟練并綜合運用CSS選擇器、CSS樣式等。教學目標（包含知識與技能、過程與方法、情感態(tài)度與價值觀等三個目標）知識與技能：掌握CSS基礎(chǔ)選擇器，能夠運用CSS選擇器定義標記樣式。；熟悉CSS文本樣式屬性，能夠運用相應的屬性定義文本樣式，鍛煉學生熟練應用CSS的能力；理解CSS優(yōu)先級，能夠區(qū)分復合選擇器權(quán)重的大?。皇煜げ⒄莆站W(wǎng)頁中CSS定義的流程，能夠熟練使用編程軟件編寫相關(guān)頁面CSS代碼。過程與方法：1.通過自主探究、小組討論、與老師溝通等制作網(wǎng)頁相關(guān)模塊，培養(yǎng)學生協(xié)作解決問題的能力和主動性以及與人交流合作的能力；2.通過教師對作品的點評與反饋，理解CSS定義要點，培養(yǎng)學生總結(jié)歸納能力。情感態(tài)度與價值觀：1.學習資料中融入思政內(nèi)容，注重加強對學生的世界觀、人生觀和價值觀的教育。2.在制作網(wǎng)頁的過程中，培養(yǎng)學生探索、創(chuàng)新、實踐、協(xié)作的職業(yè)素養(yǎng)。3.通過學習編寫代碼，培養(yǎng)學生的信息素養(yǎng)和邏輯思維能力。4.通過整個項目的完成，讓學生感受HTML5與CSS3的神奇魅力，培養(yǎng)學生積極的學習態(tài)度。教學重點教學難點重點及突出策略：教學重點：CSS核心基礎(chǔ)、文本樣式屬性、CSS層疊性與繼承性、CSS優(yōu)先級措施：通過教師引導、學生上機操作加強學習和補充案例進行鞏固。難點及解決方法：教學難點：CSS層疊性與繼承性、CSS優(yōu)先級。措施：通過教師臺上演示與講解、學生上機操作加強學習和補充案例進行鞏固。教學方法項目教學，小組討論，一體化教學教學條件準備計算機、VSCode軟件、教學PPT教學組織（簡述并備注每一流程所需課時）一、明確任務教師給定任務，引導學生思考，明確任務要求（0.5課時）二、制定工作計劃（2課時）分析任務后確定以下工作計劃教師引導學習，學生所需知識點學習；按任務要求，制定工作計劃三、計劃實施（4課時）能正確使用所需的知識：CSS樣式、CSS選擇器等，并按各模塊效果圖進行代碼編寫，并實現(xiàn)效果。四、檢查驗收（0.5課時）檢查任務完成情況，正確填寫檢查報告五、總結(jié)反思與評價（1課時）以小組為單位，用演示文稿向全班展示、匯報制作成果；教師針對各組任務工作過程及匯報情況分別作評價；工作過程回顧及總結(jié)。教學反思教學實施（次頁）教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源用時一明確工作任務根據(jù)效果圖進行任務分析；明確用時、任務內(nèi)容和人員分組；1、接收任務并進行閱讀分析；2、根據(jù)任務要求進行人員分工；3、與小組成員討論網(wǎng)頁中所需效果等要求；1、發(fā)放任務并說明要求；2、指導各小組進行任務分工；3、察看、記錄學生小組討論情況及所存問題；4、引導學生討論所存實際問題（分工明確性）5.檢查學生填寫工作頁的正確性1、是否明確任務、工時；2、小組任務分工是否合理；3、對任務理解、表達是否到位；4、工作頁完成是否到位；5、小組積極性。工作任務0.5課時二制定工作計劃CSS基礎(chǔ)選擇器、CSS文本樣式屬性及CSS優(yōu)先級的應用方法設(shè)置頁面CSS樣式的方法、步驟及注意事項認識并選擇合適的CSS選擇器及CSS樣式屬性工作計劃的制定查閱教輔學習CSS基礎(chǔ)選擇器、CSS文本樣式屬性及CSS優(yōu)先級的應用案例分析效果圖，劃分模塊結(jié)構(gòu)學習跟效果圖各模塊有關(guān)設(shè)計制作方法討論編寫代碼步驟制定設(shè)計計劃1．巡查、記錄學生查閱教輔自主學習情況，并給以必要的引導；組織學生討論，解決遇到的問題、確定編寫代碼的步驟3.指導學生制定工作計劃1.描述CSS基礎(chǔ)選擇器、CSS文本樣式屬性及CSS優(yōu)先級的應用方法是否準確2.能否準確描述圖文混排的關(guān)鍵技術(shù)點3.選用標記是否合理4.回答問題是否準確。5.語言表達是否規(guī)范。工作頁、計劃表、實施進度表、教輔2課時教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源課時三實施工作計劃制作頭部模塊HTML結(jié)構(gòu)分析樣式分析搭建結(jié)構(gòu)定義樣式制作banner模塊步驟同上制作內(nèi)容模塊步驟同上4.制作版權(quán)信息模塊步驟同上根據(jù)學習到的HTML5用法搭建各模塊框架根據(jù)所學CSS知識設(shè)置相應模塊樣式效果遇到問題時小組成員互相討論網(wǎng)頁整體調(diào)試運行巡查、記錄學生在編寫代碼過程中遇到的問題及是否運用到位；與學生交流，討論解決實施中遇到的小組無法解決的問題；檢查學生編寫制作的各模塊是否符合效果圖標準，并給予適當引導與提示。各模塊框架是否合理；HTML5標記應用、CSS樣式設(shè)置是否規(guī)范；調(diào)試解決問題的能力；小組協(xié)作解決問題的積極性。工作頁、教輔、圖片素材4課時四檢查驗收根據(jù)效果圖檢查網(wǎng)頁的完成效果是否存在不合理HTML5標記使用。按模塊效果逐一驗證以小組為單位先檢查與原效果對比，查找問題小組組長互查各小組制作情況，填寫驗收報告巡查、記錄1．驗收單的填寫是否正確2．驗收內(nèi)容是否全面3.存在的問題工作頁（含驗收報告）0.5課時教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源課時五總結(jié)反思與評價個人、小組評價教師評價工作過程回顧及總結(jié)評價與分析以小組為單位，用演示文稿向全班展示、匯報制作成果。在展示的過程中，以小組為單位進行評價規(guī)范撰寫總結(jié)。1）工作的步驟、方法，2）遇到的問題，處理的辦法3）收獲及獲得的途徑。3.完成自我評價、小組評價，填寫學習任務綜合評價表