HTML5使用標簽創(chuàng)建網(wǎng)頁結(jié)構(gòu)，設置CSS屬性完成網(wǎng)頁布局。120HTML5基礎語法與文檔結(jié)構(gòu)，語義化標簽及多媒體元素的應用，理解盒子模型和常見布局流技術(shù)，綜合運用CSS知識，提升網(wǎng)頁布局能力和動態(tài)表現(xiàn)效果。2本章基礎練習該班人數(shù)M人，年齡約N歲，中技階段，學習本課程之前已有一定的計算機基礎認知，均具備數(shù)年的網(wǎng)齡，對網(wǎng)頁相關概念及技術(shù)有一些簡單的了解。知識目標：掌握新建基本HTML項目。掌握網(wǎng)站常見頁面文件的命名規(guī)則。掌握常規(guī)Hbuilder快捷鍵操作。能力目標：具備使用Hbuilder創(chuàng)建項目及相關結(jié)構(gòu)的能力。具備Hbuilder中使用快捷鍵提高編碼速度的能力。素養(yǎng)目標：激發(fā)創(chuàng)新思維與探索精神：鼓勵學生在Hbuilder中查找快捷鍵功能，不斷探索新知，培養(yǎng)解決問題的能力。（2）強調(diào)學習程序需要通過大量的代碼輸入練習，方能“唯手熟爾”。Hbuilder軟件相關操作網(wǎng)站常見頁面文件的命名規(guī)則，常規(guī)Hbuilder快捷鍵操作。通過觀察企業(yè)或校園網(wǎng)各頁面的命名來讓學生了解文件命名規(guī)則。通過類比window或其他軟件的快捷鍵來關聯(lián)hbuilder快捷鍵。常規(guī)Hbuilder快捷鍵操作。通過類比window或其他軟件的快捷鍵來關聯(lián)hbuilder快捷鍵。運用實例演示法，通過實際案例或操作演示，讓學生直觀理解抽象概念。實施項目驅(qū)動教學，鼓勵學生獨立或分組完成任務，培養(yǎng)團隊協(xié)作與問題解決能力。利用在線實訓平臺，提供個性化學習路徑，滿足不同水平學生的學習需求。通過提問或講授的形式回顧之前的知識點，引入本次課的相關知識點的背景知識，然后講授具體的知識要點及任務實現(xiàn)的注意事項，通過任務實施環(huán)節(jié)讓學生各自或分組進行練習。教師隨堂抽查部分作品，根據(jù)課堂表現(xiàn)情況予以適當?shù)难a充，根據(jù)學生接納情況選擇性講解任務擴展內(nèi)容，最后以學生自我評價或小組評價完成任務的檢測，教師最終進行點評及總結(jié)。Windows操作系統(tǒng)、Hbuilder軟件、谷歌、火狐瀏覽器。隨堂考查、自我評價或小組評價是否正確、無誤達到任務要求復習使用百度搜索引擎，關鍵字應該如何選擇？回答問題教師提問，演示。思維導圖法或問題導向法幫助學生整理知識結(jié)構(gòu)。引入歐陽修的《賣油翁》賣油翁：“無他，但手熟爾?！甭犞v講授，演示。任務驅(qū)動法，讓學生了解任務目標。思考教師引導、提示強調(diào)Hbuilder快捷鍵操作知識講授1. 網(wǎng)站常見頁面的命名。首頁、新聞欄目頁、企業(yè)介紹頁，分別為index.html、news.html、about_us.html（或者profile.html）2. 鍵盤輸入技巧3. 盡可能雙手脫離鼠標，操作都采用鍵盤去執(zhí)行?！钏颊v解：有些同學手機打字、聊天發(fā)表情的速度賊快，但讓他在電腦當中打字猶如云泥之別。部分同學的觀點：（1）未來語音識別技術(shù)成熟，完全可以考語音錄入。（2）個人拼音基礎差，無法做到快速打字，干脆不學。反駁觀點（1）：比如在公司內(nèi)，一堆人用麥克風進行文字錄入，像不像一大堆客服人員不停接電話，市場般吵鬧。反駁觀點（2）拼音不行，五筆輸入法來湊。4. 強調(diào)絕大部分的標簽成對出現(xiàn)，利用自動代碼提示功能完成結(jié)束標簽的生成。5. 在指定的瀏覽器中運行網(wǎng)頁。聽講演示任務達到的效果，講解代碼演示法讓學生明確分階段或最終的任務效果。講授法讓學生掌握完成本次任務需要了解的核心知識點。實驗法可以在講授過程中對個別難以理解的知識點有直觀的剖析。任務實施使用Hbuilder新建基本HTML項目，整理相關目錄及文件，并通過常規(guī)快捷鍵的操作完成指定的代碼?！揪毩?】：Hbuilder新建一個基本HTML項目，并將所需圖片放置在img文件夾。【練習2】在D盤創(chuàng)建一個website的文件夾，然后在Hbuilder中打開該目錄，陸續(xù)新建3個空白html文檔，如圖1-21所示。擬定分別為網(wǎng)站的首頁、新聞欄目頁、企業(yè)介紹頁，將這些文檔分別保存為index.html、news.html、about_us.html（或者profile.html）?！揪毩?】Hbuilder快捷鍵操作實踐。上機操作巡堂指導，提醒易出錯的事項實踐法旨在培養(yǎng)學生項目開發(fā)能力。任務擴展在hbuilder軟件的“工具”——“自定義快捷鍵”命令中，可以查看更多的快捷鍵，也可以自行定義（但不推薦）。教師演示個性化教學，旨在給學習能力強的同學提供課外學習資料。任務檢測被考評人（組）：考評人：日期：評分項目過程表現(xiàn)分值得分網(wǎng)站結(jié)構(gòu)文件及文件夾命名及位置正確。20HTML代碼的編寫快速無誤輸入代碼。30CSS代碼的編寫能以正確縮進形式輸入正確代碼。30快捷鍵運用以標準手勢輸入快捷鍵。20總分說明：評分項目為任務實施中要求學生掌握的技能點?；ハ帱c評作業(yè)抽樣點評分組討論法加強團隊協(xié)作能力?？偨Y(jié)通過本課的學習：（1）掌握新建基本HTML項目。（2）掌握網(wǎng)站常見頁面文件的命名規(guī)則。（3）掌握常規(guī)Hbuilder快捷鍵操作，提高編碼速度。（4）