資源簡介

《網頁的編輯與發布》教學設計
一、學習內容分析
本課是浙江省初中信息技術初二年級第二單元第十課《網頁的編輯與發布》。在前面所學內容建立的“知道如何做”的基礎上，本課教學內容進一步提出了“怎樣做到的、自己動手做”的要求，即：通過使用記事本編寫HTML代碼，學會網頁的編輯；通過網站發布的實踐，分享有價值的數據和資源。是整個單元學習成果的最終呈現。
二、學情分析
本課教學對象是八年級學生，已經學習了前面的互聯網相關知識，對互聯網應用中的數據、網頁的數據組織、網頁的數據呈現、網頁的數據編碼都已經有了進一步的認識，為本節課的學習做了準備。
學習目標
教學目標 核心素養指向
1.通過使用記事本編寫HTML代碼，學會網頁的編輯。 2.能理解網站發布的一般流程，分享有價值的數據和資源。 【信息意識】學生需要以嚴肅負責的態度，通過不斷學習、實踐、思考和分析，養成良好的上網習慣，掌握必要的知識和技能，逐漸樹立正確的信息價值觀、提高信息敏感度。 【信息社會責任】在有效、安全地使用互聯網的基礎上，逐步加深對互聯網本質和技術原理的理解，自覺遵守相關法律法規，掌握必要的安全防護常識，強化網絡安全、自主可控對國家安全的重要性的認識，是學生發展信息社會責任的核心。
四、教學重難點
教學重點：通過使用記事本編寫HTML代碼，學會網頁的編輯。
教學難點：：能理解網站發布的一般流程。
通過小組合作、實踐探究、分析歸納、遷移應用輔以教師指導等多種方式逐一突破。
五、課前準備
1. 網絡教室。
2. 網站服務器搭建：win10搭建 IIS 服務器_win10搭建網站_-CSDN博客
3. FTP服務器搭建：https://blog.csdn.net/m0_52701599/article/details/128620145
六、設計思路
本課從學生本單元學習編寫的網頁入手，使用記事本打開所制作的網頁，嘗試修改記事本中HTML代碼，并查看網頁效果。在網站發布前，整理本單元的網站，調試各頁面之間的鏈接，整體完善網站。完善后，嘗試將網站文件傳到網頁服務器上發布，訪問發布的網站地址，瀏覽最終效果。教學過程以情境導入、任務驅動、探究修改HTML代碼后的網頁效果、發布網站、總結知識點這幾個環節展開教學。
七、學習過程
（一）情境引入 激發興趣
學習內容與活動 設計意圖
話題引入，小組討論 你知道哪些軟件能編輯網頁？分小組討論，上網搜索，并記錄。 教師歸納： 制作網頁工具 ①記事本：純手工代碼編寫 ②專業記事本：有語法提示，如node++ ③專業HTML編輯器：所見即所得，如Frangepage或Dreamware。 通過話題引導，激發學生學習興趣，引入本課課題。
（二）小組合作，應用體驗
學習內容與活動 設計意圖
小組合作，應用體驗 小組成員結合分工，通過記事本，編輯“走進人工智能”主題網站的分頁面，進行網頁的潤色。 完成后通過協作工具發送給組長，由組長統籌、組員配合完成各網頁之間的超鏈接，并測試。 通過小組的集體力量來完成網站，培養學生的合作意識。
（三）完成作品，測試發布
學習內容與活動 設計意圖
1．知識儲備 提出關鍵問題：如何發布網站？ 小組結合課本和網絡搜索，討論并回答。 教師總結并展示： 網上付費申請個人空間發布、電腦搭建網站服務器發布、網上付費申請虛擬主機發布 服務器搭建 根據服務器搭建指南中的說明，搭建服務器，并發布網站。并將發布的ip地址登記在網頁發布登記表中。 測試運行 訪問自己組的網頁，完成自評 在網頁發布登記表中任意選擇三個小組的網站進行訪問，并完成評價。 通過發布網站，展示各組的作品，激發學生的成就感。
板書設計：
網頁工具
1.自帶記事本
2.專業記事本
3.專業HTML編輯器
二．網站發布
1.網上付費申請個人空間發布
2.電腦搭建網站服務器發布
3.網上付費申請虛擬主機發布(共6張PPT)
/第10課 網頁的編輯和發布
八上信息技術
網頁開發工具還有很多，你還知道哪些？
網頁編輯工具
可視化編輯器
Visual Studio Code編輯器
網頁編輯
在文本編輯器編寫時，HTML代碼中的標簽是______大小寫。通常一個網頁包含多張網頁，存放在同一文件夾中，網頁的主頁命名為______。用“記事本”編寫網頁，將HTML代碼輸入到記事本中，保存擴展名為______的文件,同步選擇保存類型為“所有文件”，保存完成后就可以在瀏覽器打開此文件查看效果。
任務：整理本單元的“人工智能”網站，調試各頁面之間的鏈接，整體完善網站，為下一步的網站發布做好準備。
網站發布
網站發布的一般途徑：
網上付費申請個人空間發布
電腦搭建網站服務器發布
網上付費申請虛擬主機發布
根據服務器搭建指南中的說明，搭建服務器，并發布網站。并將發布的ip地址登記在網頁發布登記表中。
課堂評價
（1）訪問自己組的網頁，完成自評
（2）在網頁發布登記表中任意選擇三個小組的網站進行訪問，并完成評價表。
小組
頁面布局（頁面布局是否合理 20分）
配色方案（色彩搭配美觀大方 20分）
內容質量（內容豐富、圖文混排 30分）
交互響應（超鏈接設計合理且能正常跳轉 30分）
總分
本節課到此結束！以Windows系統為例，使用IIS Web服務器進行配置和局域網發布。
1.打開控制面板-程序-啟用或關閉Windows功能。 2.開啟Internet Information Services。
3.在瀏覽器中輸入localhost進行測試。 4.打開控制面板-Windows工具-Internet Information Services(IIS)管理器。
5.打開網站-添加網站 6.填寫相應數據
7.右鍵點擊網站選擇編輯權限。
8.添加Everyone用戶名并賦予完全控制權限。 9.打開瀏覽器輸入IP地址進行測試
【知識庫】
網頁字符編碼
網頁字符編碼指的是在網頁中使用的字符編碼方式，用于將文本內容轉換為計算機能夠理解和處理的二進制數據。常見的網頁字符編碼方式包括：
UTF-8：是最常用的字符編碼方式，可以表示幾乎所有的字符，包括各種語言的文字、符號和表情符號等。
GBK/GB2312：主要用于中文字符的編碼，包括簡體中文和繁體中文。
ISO-8859-1：也稱為Latin-1編碼，用于表示西歐語言的字符集，包括英文、法文、德文等。
在網頁開發中，正確設置字符編碼非常重要，可以確保網頁內容的正確顯示和交互。通常情況下，建議使用UTF-8作為網頁的字符編碼，因為它支持更廣泛的字符集，適用于多種語言環境。在網頁的標簽中，可以通過設置來指定網頁的字符編碼為UTF-8。
同時，需要保證網頁的文件保存格式與字符編碼一致，以免出現亂碼問題。常見的文本編輯器（如Notepad++、Sublime Text、Visual Studio Code等）都支持選擇文件保存時的字符編碼格式。正確設置網頁字符編碼可以確保網頁內容在不同設備和瀏覽器上的一致性和兼容性，以及支持多語言環境下的文字顯示和輸入。
IIS
IIS的全稱是Internet Information Services，它是由微軟開發的一種Web服務器軟件。IIS是用于在Windows操作系統上托管和提供Web應用程序和網站的服務器軟件。它支持多種Web技術和協議，如HTTP、HTTPS、FTP、SMTP等，并提供了豐富的功能和管理工具，使得搭建和管理Web服務器變得更加簡單和高效。

展開更多......

收起↑