HTML5使用標簽創(chuàng)建網(wǎng)頁結(jié)構(gòu)，設(shè)置CSS屬性完成網(wǎng)頁布局。120HTML5基礎(chǔ)語法與文檔結(jié)構(gòu)，語義化標簽及多媒體元素的應(yīng)用，理解盒子模型和常見布局流技術(shù)，綜合運用CSS知識，提升網(wǎng)頁布局能力和動態(tài)表現(xiàn)效果。26.3搭建項目并進行頁面布局該班人數(shù)M人，年齡約N歲，中技階段，學習本課程之前已有一定的計算機基礎(chǔ)認知，均具備數(shù)年的網(wǎng)齡，對網(wǎng)頁相關(guān)概念及技術(shù)有一些簡單的了解。知識目標：（1）利用ul標簽完成第三個版塊的結(jié)構(gòu)。（2）使用nth-of-type完成版塊三的樣式。（3）利用dl標簽完成第四個版塊的結(jié)構(gòu)。（4）鞏固后代選擇器、偽類選擇器的應(yīng)用。能力目標：（1）具備使用快捷鍵快速完成相同結(jié)構(gòu)的html、css代碼的能力。素養(yǎng)目標：（1）鼓勵學生將所學知識應(yīng)用于創(chuàng)業(yè)實踐中，培養(yǎng)其創(chuàng)業(yè)精神和創(chuàng)新能力。搭建項目并進行頁面布局——版塊三、四的設(shè)計ul和dl標簽的使用。通過對比ul、dl標簽的應(yīng)用場景，加強對這兩者標簽的認識。偽類選擇器的使用，background屬性值的設(shè)定。通過創(chuàng)設(shè)場景引出重難點，讓學生對列表項前面圖標的技術(shù)實現(xiàn)思路有一定認識。運用實例演示法，通過實際案例或操作演示，讓學生直觀理解抽象概念。實施項目驅(qū)動教學，鼓勵學生獨立或分組完成任務(wù)，培養(yǎng)團隊協(xié)作與問題解決能力。利用在線實訓平臺，提供個性化學習路徑，滿足不同水平學生的學習需求。通過提問或講授的形式回顧之前的知識點，引入本次課的相關(guān)知識點的背景知識，然后講授具體的知識要點及任務(wù)實現(xiàn)的注意事項，通過任務(wù)實施環(huán)節(jié)讓學生各自或分組進行練習。教師隨堂抽查部分作品，根據(jù)課堂表現(xiàn)情況予以適當?shù)难a充，根據(jù)學生接納情況選擇性講解任務(wù)擴展內(nèi)容，最后以學生自我評價或小組評價完成任務(wù)的檢測，教師最終進行點評及總結(jié)。Windows操作系統(tǒng)、Hbuilder軟件、谷歌、火狐瀏覽器。隨堂考查、自我評價或小組評價是否正確、無誤達到任務(wù)要求復習第一個版塊中，最重要的元素是哪個？從標簽選擇，屬性定義等方面，應(yīng)該如何體現(xiàn)出它的價值？回答問題教師提問，演示。思維導圖法或問題導向法幫助學生整理知識結(jié)構(gòu)。引入接下來，完成第三、四版塊的制作。聽講講授，演示。任務(wù)驅(qū)動法，讓學生了解任務(wù)目標。思考教師引導、提示知識講授第三個版塊結(jié)構(gòu)采用的標簽，需要設(shè)置的主要css屬性。第四個版塊結(jié)構(gòu)采用的標簽，需要設(shè)置的主要css屬性。強調(diào)hbuilder軟件的快捷鍵操作。☆思政講解：分區(qū)域布局設(shè)計，做到按部就班，條理井然。如同武學上的起手式，一招一式皆有章法，并非王八拳一樣亂揮亂打。想要學好一門科目，學習的招式應(yīng)該為“課前預習——認真聽課——課堂練習——課后練習——學習反思”。聽講演示任務(wù)達到的效果，講解代碼演示法讓學生明確分階段或最終的任務(wù)效果。講授法讓學生掌握完成本次任務(wù)需要了解的核心知識點。實驗法可以在講授過程中對個別難以理解的知識點有直觀的剖析。任務(wù)實施（5）搭建第三個版塊<section>容器的HTML結(jié)構(gòu)，代碼如圖6-16所示。（6）編寫對應(yīng)的CSS代碼，如圖6-17所示。（7）搭建第四個版塊<section>容器的HTML結(jié)構(gòu)，代碼如圖6-18所示。（8）編寫對應(yīng)的CSS代碼，如圖6-19所示。上機操作巡堂指導，提醒易出錯的事項實踐法旨在培養(yǎng)學生項目開發(fā)能力。任務(wù)擴展任務(wù)檢測被考評人（組）：考評人：日期：評分項目過程表現(xiàn)分值得分網(wǎng)站結(jié)構(gòu)文件及文件夾命名及位置正確。10版塊三Ul容器結(jié)構(gòu)正確。20Background等樣式值準確，與效果一致。30版塊四dl容器結(jié)構(gòu)正確。20樣式屬性值合理，預覽效果一致。20總分說明：評分項目為任務(wù)實施中要求學生掌握的技能點?；ハ帱c評作業(yè)抽樣點評分組討論法加強團隊協(xié)作能力。總結(jié)通過本課的學習：（1） 利用ul標簽完成第三個版塊的結(jié)構(gòu)。（2） 使用nth-of-type完成版塊三的樣式。（3） 利用dl標簽完成第四個版塊的結(jié)構(gòu)。（4） 鞏固后代選擇器、偽類選擇器的應(yīng)