網(wǎng)頁的編輯與發(fā)布年級八年級學習目標1、了解常用的網(wǎng)頁開發(fā)工具及其特點2、學會使用記事本編寫簡單的HTML代碼，并能保存為網(wǎng)頁文件3、理解網(wǎng)站發(fā)布的一般流程和常見途徑重點1、使用記事本編寫HTML代碼編輯網(wǎng)頁；理解網(wǎng)站發(fā)布的一般流程難點1、理解網(wǎng)站發(fā)布的完整流程及相關(guān)配置；網(wǎng)頁字符編碼的理解與正確設(shè)置教學環(huán)節(jié)教師活動學生活動設(shè)計意圖導入新課提問引入：“你知道哪些軟件可以用來編輯網(wǎng)頁?”小組討論：學生分小組討論并上網(wǎng)搜索，記錄討論結(jié)果(如記事本、Notepad++、VisCode、Dreamweaver等)教師歸納：簡要介紹不同類型的網(wǎng)頁編輯工具激發(fā)學生的學習興趣，讓從問題中進行思考，從而引出本節(jié)課的學習內(nèi)容一、網(wǎng)頁開發(fā)工具認識HTML文件強調(diào)：使用記事本編寫代碼后，保存時文件類型應選擇“所有文件”,擴展名必須為.html或.htm8。網(wǎng)頁字符編碼(知識鏈接)簡要說明字符編碼的作用(避免亂碼)介紹常見編碼：GB2312,GBK,UTF-8(強調(diào)UTF-8最常用，支持多語言)展示代碼實例：<metacharset="UTF-8">通常放在活動一：動手修改HTML代碼任務：請學生使用記事本打開本單元正在制作的“人工智能”主題網(wǎng)站中的某個網(wǎng)頁文件(例如先前完成的某個頁面),嘗試修改其中的部分HTML了解網(wǎng)頁的編體相關(guān)的知識以及掌握相關(guān)的重點難點動讓學習開始掌握本節(jié)課的重點及難點教師巡視指導：提醒學生注意代碼格式和標簽閉合，及時解答問題。小結(jié)分享：請個別學生演示修改了哪些代碼，產(chǎn)生了什么效果。二、編寫網(wǎng)頁(一)整理與完善網(wǎng)站引導學生小組合作，整理和調(diào)試本單元的“人工智能”網(wǎng)站檢查內(nèi)容：各頁面內(nèi)容是否完整。網(wǎng)頁之間的超鏈接是否正確圖片等資源是否能正常顯示。(二)探究網(wǎng)站發(fā)布上，并進行配置，使其可通過網(wǎng)絡訪問為什么發(fā)布網(wǎng)站：共享內(nèi)容和信息。拓展影響力和可見度。提供易于訪問的信息和功能。與用戶互動和建立聯(lián)系。發(fā)布途徑介紹教師講解三種主要途徑：使用免費個人主頁空間：需在線申請，通常有一定限制。器空間，常用方式。件與軟件，成本高，技術(shù)要求高。(本節(jié)課采用)本地局域網(wǎng)服務器發(fā)布：在局域網(wǎng)內(nèi)的一臺電腦上搭建服務器軟件(如IIS),其他局域網(wǎng)用戶可通過該電腦的IP地址訪問13。這是一種非常好的實驗和學習方式。簡單說明：互聯(lián)網(wǎng)上的網(wǎng)站通常通過域名(如www.e)或IP地址(如00)訪問8。本節(jié)課使用IP地址訪問。設(shè)計意圖：讓學生理解網(wǎng)站發(fā)布的基本概念和常見方式，拓寬視野，同時明確本節(jié)課的任務。教師說明發(fā)布方法：各組將完成的網(wǎng)站文件夾統(tǒng)一命名為組名(如使用FTP客戶端軟件(或Windows資源管理器輸務器指定目錄。學生操作：組長組織組員完成上傳。學生在瀏覽器中輸入自己小組的訪問地址查看發(fā)布的網(wǎng)站。可能出現(xiàn)的問題及引導：或default.html)、路徑、大小圖片無法顯示：檢查圖片路徑是否為相對路徑，以及是否已上傳。鏈接錯誤：檢查超鏈接路徑。設(shè)計意圖：通過實際操作發(fā)布和訪問，讓學生體驗完整的網(wǎng)站上線過程，獲得成就感，突破難點。課堂練習通過活動，引有文件，擴展名為.html)間來發(fā)布自己的網(wǎng)站?導學生更全面的掌握相關(guān)知識師生共同回顧本節(jié)課所學：網(wǎng)頁編