資源簡介

(共16張PPT)
第7課 網頁的數據組織
| 信息科技| 八年級上 | 互聯網應用 | 2023新教材 |
學習目標
通過觀察和探究網頁代碼，認識HTML語言，掌握HTML文檔的基本結構，能初步編輯HTML網頁代碼；
通過網頁編輯的實踐，能理解超鏈接的作用。
通過代碼編寫，培養(yǎng)動手能力。
本課探究
1.你知道網頁是如何實現圖片呈現的嗎？
2.超鏈接能鏈接哪些類型的文件？
問題導入
1.平時有沒有去瀏覽網站？都去哪些網站？
2.瀏覽網站時，你都能看到哪些內容？
學生：……
豐富的文本、圖像、音頻、視頻等內容，這些都是數據類型。
知識回顧
小學階段與七年級有數據的相關內容，引導學生回顧內容，讓他們掌握好基礎知識，擁有智慧，不斷創(chuàng)新，并以華為近段時間的“遙遙領先”為例進行教育。
新授內容
一、HTML語言
HTML（HyperText Markup Language）即超文本標記語言，用來組織網頁的結構和內容。
用HTML編寫的超文本文件稱為HTML文檔，HTML文檔一般通過瀏覽器解釋執(zhí)行。
以查看“百度”首頁HTML文檔為例
1.打開網站https://www.
2.鼠標右擊網頁空白的地方，在彈出的菜單中單擊“審查元素”
3.將會出現如圖2的HTML文檔。
案例說明
1
2
新授內容
二、HTML標簽
1.HTML標簽的編輯器——記事本
打開記事本：開始→所有程序→附件→記事本
2.編寫標簽
HTML標簽由“<” 和“>”符號包圍的字符串組成，通常以成對的標簽出現。
如
新授內容
二、HTML標簽
3.對照“百度”的代碼，編寫班級主頁基本結構
新授內容
二、HTML標簽
4.保存成網頁形式，文件名為index.html或index.htm
保存類型需要切換成“所有文件（*.*）”
注：解釋index的意思
新授內容
二、HTML標簽
5.網頁首頁index.htm的代碼及效果圖
新授內容
三、超鏈接
超文本鏈接（Hypertext Link）簡稱為超鏈接，可以實現從一個頁面跳轉到另一個頁面，實現文檔互聯、網站互聯。
鏈接元素
文本
圖像
新授內容
三、超鏈接
網頁的超鏈接代碼及效果圖
教你一招
為了使用網頁便于用戶瀏覽，可以使用HTML標簽設置版面與格式
居中對齊：

網頁背景色：
字體格式：文字
本課作業(yè)
將以上技巧運用的網頁中，并查看代碼效果。
注：“顏色名稱”可參照后一頁RGB顏色對照表
RGB對照表
謝謝大家！

展開更多......

收起↑