工學一體化課程教學課頁NO6課程學習任務(wù)項目六：利用CSS3美化列表樣式使用學材任課教師班級所屬專業(yè)實施地點實施日期總課時周課時學材處理采用一體化教學模式，以學生為主體，圍繞課程標準、以典型工作任務(wù)展開，知識點夠用、適用為原則，并配合相關(guān)教輔學習資料，同時根據(jù)學生特點自行設(shè)計的課后補充任務(wù)進行強化實踐用。在輔助知識和技能點學習時加入一些思政元素（安全、心理健康教育等內(nèi)容在網(wǎng)頁內(nèi)容中）。任務(wù)分析本項目將在網(wǎng)頁項目中經(jīng)常用到的列表和盒子元素等相關(guān)知識綜合在一起，結(jié)合CSS相關(guān)內(nèi)容，完成由盒子布局、列表制作導航的一個綜合項目——“青年教育宣傳”頁面。先明確任務(wù)要求，查閱相關(guān)資料進行知識儲備，確定任務(wù)完成流程及技術(shù)規(guī)范；利用無序列表與超鏈接等相關(guān)知識點，以及盒子模型相關(guān)知識制作“青年教育宣傳”頁面。教學目標（包含知識與技能、過程與方法、情感態(tài)度與價值觀等三個目標）知識與技能：掌握無序列表與盒子綜合應(yīng)用知識，能夠制作頁面導航及完成網(wǎng)頁相關(guān)模塊布局。掌握定義列表與CSS結(jié)合常用的場域，能夠制作網(wǎng)頁中的信息介結(jié)版塊。熟悉導航中超鏈接的代碼編寫，能夠熟練完成導航菜單與子頁面的超鏈接效果。過程與方法：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)度。教學重點教學難點重點及突出策略：教學重點：無序列表、超鏈接。措施：通過上機操作加強學習和補充案例進行鞏固。難點及解決方法：教學難點：無序列表、超鏈接與浮動定位綜合應(yīng)用。措施：通過上機操作加強學習和補充案例進行鞏固。教學方法項目教學，小組討論，一體化教學教學條件準備計算機、Dreamweavercs6網(wǎng)頁制作軟件、教學PPT教學組織（簡述并備注每一流程所需課時）一、明確任務(wù)教師給定任務(wù)，引導學生思考，明確任務(wù)要求（0.5課時）二、制定工作計劃（3課時）分析任務(wù)后確定以下工作計劃教師引導學習，學生所需知識點學習；按任務(wù)要求，制定工作計劃三、計劃實施（3.5課時）能正確使用所需的知識：無序列表、超鏈接與浮動定位等，并按各模塊效果圖進行代碼編寫，并實現(xiàn)效果。四、檢查驗收（0.5課時）檢查任務(wù)完成情況，正確填寫檢查報告五、總結(jié)反思與評價（0.5課時）以小組為單位，用演示文稿向全班展示、匯報制作成果；教師針對各組任務(wù)工作過程及匯報情況分別作評價；工作過程回顧及總結(jié)。教學反思教學實施（次頁）教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源用時一明確工作任務(wù)工作任務(wù)的閱讀與分析；明確工時、工作內(nèi)容和人員分組；1、接收任務(wù)并進行閱讀分析；2、根據(jù)任務(wù)要求進行人員分工；3、與小組成員討論網(wǎng)頁中所需效果等要求；1、發(fā)放任務(wù)并說明要求；2、指導各小組進行任務(wù)分工；3、察看、記錄學生小組討論情況及所存問題；4、引導學生討論所存實際問題（分工明確性）5.檢查學生填寫工作頁的正確性1、是否明確任務(wù)、工時；2、小組任務(wù)分工是否合理；3、對任務(wù)理解、表達是否到位；4、工作頁完成是否到位；5、小組積極性。工作任務(wù)0.5課時二制定工作計劃無序列表、超鏈接與浮動定位的應(yīng)用方法設(shè)置頁面無序列表、超鏈接CSS樣式的方法、步驟及注意事項選擇合適的CSS選擇器及CSS樣式屬性工作計劃的制定查閱教輔學習無序列表、超鏈接與浮動定位的應(yīng)用案例分析效果圖，劃分模塊結(jié)構(gòu)學習跟效果圖各模塊有關(guān)設(shè)計制作方法討論編寫代碼步驟制定設(shè)計計劃1．巡查、記錄學生查閱教輔自主學習情況，并給以必要的引導；2.組織學生討論，解決遇到的問題、確定編寫代碼的步驟3.指導學生制定工作計劃1.描述無序列表、超鏈接的應(yīng)用方法是否準確2.能否準確描述無序列表、超鏈接的關(guān)鍵技術(shù)點3.選用標記是否合理4.回答問題是否準確。5.語言表達是否規(guī)范。工作頁、計劃表、實施進度表、教輔3課時教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源課時三實施工作計劃HTML結(jié)構(gòu)分析根據(jù)效果圖進行結(jié)構(gòu)分析樣式分析根據(jù)效果圖進行CSS樣式分析搭建結(jié)構(gòu)編寫HTML結(jié)構(gòu)代碼定義樣式利用CSS選擇器，結(jié)合盒子模型相關(guān)屬性定義不同模塊樣式5.調(diào)試網(wǎng)頁效果根據(jù)學習到的HTML5用法搭建各模塊框架根據(jù)所學CSS知識設(shè)置相應(yīng)模塊樣式效果遇到問題時小組成員互相討論網(wǎng)頁整體調(diào)試運行巡查、記錄學生在編寫代碼過程中遇到的問題及是否運用到位；與學生交流，討論解決實施中遇到的小組無法解決的問題；檢查學生編寫制作的各模塊是否符合效果圖標準，并給予適當引導與提示。各模塊框架是否合理；HTML5標記應(yīng)用、CSS樣式設(shè)置是否規(guī)范；調(diào)試解決問題的能力；小組協(xié)作解決問題的積極性。工作頁、教輔、圖片素材3.5課時四檢查驗收根據(jù)效果圖檢查網(wǎng)頁的完成效果是否存在不合理HTML5標記使用。按模塊效果逐一驗證以小組為單位先檢查與原效果對比，查找問題小組組長互查各小組制作情況，填寫驗收報告巡查、記錄1．驗收單的填寫是否正確2．驗收內(nèi)容是否全面3.存在的問題工作頁（含驗收報告）0.5課時教學環(huán)節(jié)教學內(nèi)容學生活動教師活動評價點資源課時五總結(jié)反思與評價個人、小組評價教師評價工作過程回顧及總結(jié)評價與分析以小組為單位，用演示文稿向全班展示、匯報制作成果。在展示的過程中，以小組為單位進行評價規(guī)范撰寫總結(jié)。1）工作的步驟、方法，2）遇到的問題，處理的辦法3）收獲及獲得的途徑。3.完成自我評價、小組評價，填寫學習任務(wù)綜合評價表引導學生進