資源簡介

(共16張PPT)
第10課 網頁的編輯與發布
浙教版（2023）八年級上冊
教學目標
通過使用記事本編寫HTML代碼，學會網頁的編輯與發布，能理解網站發布的一般流程，分享有價值的數據和資源。
探究
1.你知道哪些軟件能編輯網頁？
2.如何把制作的網頁分享到互聯網？
課堂導入
制作網站的一般流程是確定網站主題，圍繞主題設計網站欄目內容，規 劃主頁和分頁，編輯網頁，調試并發布網站。
一、網頁開發工具
網頁開發工具有很多種，專門設計和開發網頁的軟件，能以可視化的方 式進行網頁的編輯制作；還有專業的HTML編輯器，能自動生成成對的編輯；HTML文件是一個文本文件，因此可以使用純文本編輯器進行編寫，通 過瀏覽器來解釋執行。
二、編寫網頁
在文本編輯器編寫時，HTML代碼中的標簽是不區分大小寫，標簽 可以設置網頁名稱，打開網頁會看到網頁名稱顯示在窗口標題 欄，便于瀏覽器收藏網頁，可以選擇網頁名稱調用查看。
通常一個網站包含多張網頁，存放在同一個文件夾中，網站的主頁命名 為index.html。如下圖所示，用“記事本”編寫網頁，將HTML代碼輸入到 記事本中，保存擴展名為.html的文件，同步選擇保存類型為“所有文件”， 保存完成后就可以在瀏覽器打開此文件查看效果。
用記事本編寫網頁文件
知識鏈接
網頁字符編碼瀏覽器與服務器之間需要傳遞、處理的數據信息十分 復雜，為了便于使用與協同、實現正確識別，通常對網頁進行統一字符 編碼，以免出現網頁亂碼。比較常見的網頁字符編碼有GB2312、GBK和 UTF-8。HTML文件中＜meta＞標簽的charset屬性是設置網頁字符編碼的方式，一般位于HTML文件的＜headx/head＞之間，代碼為＜meta charset= ‘UTF-8’＞。
親身體驗
整理本單元的“人工智能”網站，調試各頁面之間的鏈接，整體完 善網站，為下一步的網站發布做好準備。
二、網站發布
網站發布后，可以讓更多人通過訪問發布地址瀏覽該網站。
發布網站是將網站文件夾傳至網頁服務器上，完成配置后可發布瀏覽。 一般有以下三個途徑：
一是使用免費個人主頁空間發布網站，需要進行申請；
二是使用專用服務器發布網站；
三是使用虛擬主機服務器發布網站。
正式發布到互聯網上需要域名和IP地址。
親身體驗
嘗試將“人工智能”主題的網站文件夾上傳到網頁服務器上發布， 并訪問發布的網站地址，瀏覽網站效果。
隨堂練習
1.用記事本編寫網頁代碼，保存的文件類型是_____。
*2.探索思考，如何在互聯網申請一個網頁空間來發布自己的網站。
謝謝
21世紀教育網（www.21cnjy.com)
中小學教育資源網站
兼職招聘：
https://www.21cnjy.com/recruitment/home/admin

展開更多......

收起↑