HTML5使用標簽創(chuàng)建網(wǎng)頁結(jié)構(gòu)，設(shè)置CSS屬性完成網(wǎng)頁布局。120HTML5基礎(chǔ)語法與文檔結(jié)構(gòu)，語義化標簽及多媒體元素的應用，理解盒子模型和常見布局流技術(shù)，綜合運用CSS知識，提升網(wǎng)頁布局能力和動態(tài)表現(xiàn)效果。24.5文本類標簽該班人數(shù)M人，年齡約N歲，中技階段，學習本課程之前已有一定的計算機基礎(chǔ)認知，均具備數(shù)年的網(wǎng)齡，對網(wǎng)頁相關(guān)概念及技術(shù)有一些簡單的了解。知識目標：（1）強化<article>、<section>標簽的應用。（2）完成a錨點鏈接練習。能力目標：具備完成一篇帶錨點鏈接的小說頁面。素養(yǎng)目標：（1）了解《活著》這部作品，其深刻描繪了生命的堅韌與不屈，傳遞出在逆境中堅守希望、積極面對生活的思政價值觀。a標簽相關(guān)練習強化<article>、<section>標簽的應用，a錨點鏈接。通過案例將重點知識點串接，鞏固知識點。a錨點鏈接。通過演示及操作錨點鏈接，讓學生掌握頁面中、各頁面的鏈接跳轉(zhuǎn)。運用實例演示法，通過實際案例或操作演示，讓學生直觀理解抽象概念。實施項目驅(qū)動教學，鼓勵學生獨立或分組完成任務，培養(yǎng)團隊協(xié)作與問題解決能力。利用在線實訓平臺，提供個性化學習路徑，滿足不同水平學生的學習需求。通過提問或講授的形式回顧之前的知識點，引入本次課的相關(guān)知識點的背景知識，然后講授具體的知識要點及任務實現(xiàn)的注意事項，通過任務實施環(huán)節(jié)讓學生各自或分組進行練習。教師隨堂抽查部分作品，根據(jù)課堂表現(xiàn)情況予以適當?shù)难a充，根據(jù)學生接納情況選擇性講解任務擴展內(nèi)容，最后以學生自我評價或小組評價完成任務的檢測，教師最終進行點評及總結(jié)。Windows操作系統(tǒng)、Hbuilder軟件、谷歌、火狐瀏覽器。隨堂考查、自我評價或小組評價是否正確、無誤達到任務要求復習文本類標簽主要包括哪些？描述一下它們的使用場景。回答問題教師提問，演示。思維導圖法或問題導向法幫助學生整理知識結(jié)構(gòu)。引入A標簽不僅僅可以應用于文本上，也經(jīng)常應用在圖像上，此外，可以應用到容器標簽。聽講講授，演示。任務驅(qū)動法，讓學生了解任務目標。思考教師引導、提示知識講授<article>、<section>標簽知識點。A標簽的四種偽類狀態(tài)。a:link定義正常鏈接的樣式；a:visited定義已訪問過鏈接的樣式；a:hover定義鼠標懸浮在鏈接上時的樣式；a:active定義鼠標點擊鏈接時的樣式；【案例12】使用錨點鏈接完成下圖書籍目錄的跳轉(zhuǎn)功能?！钏颊v解1：《活著》這部小說體現(xiàn)了生命的堅韌與頑強、命運的無常與人生的無奈、深刻的人文關(guān)懷以及儒家思想的體現(xiàn)等多種精神內(nèi)涵。這些精神不僅讓讀者深刻體會到生命的寶貴和珍貴，也讓我們更加珍惜當下的生活，勇敢面對未來的挑戰(zhàn)?！钏颊v解2：我國哪位作家的哪部作品獲得了諾貝爾文學獎？聽講演示任務達到的效果，講解代碼演示法讓學生明確分階段或最終的任務效果。講授法讓學生掌握完成本次任務需要了解的核心知識點。實驗法可以在講授過程中對個別難以理解的知識點有直觀的剖析。任務實施【案例12】使用錨點鏈接完成下圖書籍目錄的跳轉(zhuǎn)功能。（1）使用<article>、<section>、<ul>標簽寫下大體結(jié)構(gòu)。（2）稍微設(shè)置一下CSS樣式。（3）一一為目錄添加錨點鏈接。上機操作巡堂指導，提醒易出錯的事項實踐法旨在培養(yǎng)學生項目開發(fā)能力。任務擴展任務檢測被考評人（組）：考評人：日期：評分項目過程表現(xiàn)分值得分項目搭建站點結(jié)構(gòu)正確，文件命名合理。10<article、<section>標簽的應用容器定義正確20Ul標簽的應用容器定義正確20錨點鏈接代碼正確，能正常跳轉(zhuǎn)40樣式定義預覽的文本效果美觀10總分說明：評分項目為任務實施中要求學生掌握的技能點?；ハ帱c評作業(yè)抽樣點評分組討論法加強團隊協(xié)作能力?？偨Y(jié)通過本課，要求我們掌握：（1）強化<article>、<section>標簽的應用。（2）完成a錨點鏈接練習。完成一篇帶錨點鏈接的小說頁面。（3）了解《活著》這部作品，其深刻描繪了