浙教版八年級(jí)信息技術(shù)上冊(cè)第三單元網(wǎng)站制作第17課編輯網(wǎng)頁(yè)代碼課件1

1、編輯網(wǎng)頁(yè)代碼第十七課浙教版初中信息技術(shù)八年級(jí)上冊(cè)網(wǎng)頁(yè)特效網(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代碼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)始

2、 結(jié)束顯示標(biāo)題標(biāo)記正文的開(kāi)始 結(jié)束HTML文件結(jié)構(gòu)如下： 標(biāo)記網(wǎng)頁(yè)的開(kāi)始標(biāo)記網(wǎng)頁(yè)的結(jié)束標(biāo)記頭部的開(kāi)始顯示在瀏覽器左上方的標(biāo)題標(biāo)記頁(yè)面正文開(kāi)始標(biāo)記頁(yè)面正文結(jié)束標(biāo)記頭部的結(jié)束特效代碼 自學(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)。操作探究：添加特效代碼遇到問(wèn)題可以合作交流 再選擇其他頁(yè)面，按照你的喜好添加適當(dāng)?shù)木W(wǎng)頁(yè)特效代碼。 如為其中頁(yè)面添加“自動(dòng)更新的日期”特效。完善網(wǎng)站其他主題頁(yè)合作嘗試：添加多種特效溫馨提醒：一個(gè)頁(yè)面添加的特效不宜過(guò)多，否則會(huì)影響整個(gè)頁(yè)面的視覺(jué)美感。拓展練習(xí)：修改代碼 打開(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é)之間互