八年級(jí)上冊(cè)第十七課 編輯網(wǎng)頁(yè)代碼評(píng)課課件ppt

這是一份八年級(jí)上冊(cè)第十七課 編輯網(wǎng)頁(yè)代碼評(píng)課課件ppt，共11頁(yè)。PPT課件主要包含了網(wǎng)頁(yè)特效，拓展練習(xí)修改代碼等內(nèi)容，歡迎下載使用。
網(wǎng)頁(yè)特效指網(wǎng)頁(yè)上的特殊效果，主要通過(guò)將JavaScript程序代碼加入到網(wǎng)頁(yè)中，使網(wǎng)頁(yè)頁(yè)面更加生動(dòng)、活潑。
自學(xué)探討：認(rèn)識(shí)HTML代碼
1.什么是 HTML(超文本標(biāo)記語(yǔ)言)？ 2.了解HTML文件結(jié)構(gòu) 請(qǐng)你選擇“拆分” 視圖，對(duì)照網(wǎng)頁(yè)的兩種表達(dá)形式，初步認(rèn)識(shí)代碼結(jié)構(gòu)。P67
超文本標(biāo)記語(yǔ)言（Hypertext Markup Language , HTML)，是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言，它是萬(wàn)維網(wǎng)上的通用語(yǔ)言。
HTML 四個(gè)基本標(biāo)簽




HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，通常成對(duì)出現(xiàn)。
標(biāo)記網(wǎng)頁(yè)的開(kāi)始 結(jié)束
標(biāo)記頭部的開(kāi)始 結(jié)束
標(biāo)記正文的開(kāi)始 結(jié)束
HTML文件結(jié)構(gòu)如下：
顯示在瀏覽器左上方的標(biāo)題
自學(xué)導(dǎo)學(xué)單，并觀看微課1，打開(kāi)“鏗鏘女排”站點(diǎn)中的一個(gè)主題網(wǎng)頁(yè)，為它添加“跟隨鼠標(biāo)的文字”代碼。
想一想：如何改變文字內(nèi)容?
溫馨提示： 復(fù)制相應(yīng)的代碼，特別注意粘貼的位置 網(wǎng)頁(yè)特效必須在網(wǎng)頁(yè)預(yù)覽的狀態(tài)下才能出現(xiàn)。
操作探究：添加特效代碼
再選擇其他頁(yè)面，按照你的喜好添加適當(dāng)?shù)木W(wǎng)頁(yè)特效代碼。 如為其中頁(yè)面添加“自動(dòng)更新的日期”特效。
合作嘗試：添加多種特效
溫馨提醒：一個(gè)頁(yè)面添加的特效不宜過(guò)多，否則會(huì)影響整個(gè)頁(yè)面的視覺(jué)美感。
打開(kāi)“鏗鏘女排”站點(diǎn)中的一個(gè)主題網(wǎng)頁(yè)，嘗試運(yùn)用HTML更改網(wǎng)頁(yè)內(nèi)容，觀察其變化。 任務(wù)：在網(wǎng)頁(yè)代碼中改變一張圖片“2.jpg”改為“3.jpg”.
溫馨提示：1.改變圖片用圖形元素。2. 可以同學(xué)之間互相幫助。
認(rèn)識(shí)HTML代碼