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

1、第十七課 編輯網(wǎng)頁(yè)代碼作品欣賞思考：作品中的哪些內(nèi)容比較吸引你？網(wǎng)頁(yè)代碼長(zhǎng)啥樣？1思考：如何查看網(wǎng)頁(yè)代碼呢？網(wǎng)頁(yè)代碼有何特點(diǎn)？2HTML與標(biāo)簽HTML（ HyperText Markup Language ）超文本標(biāo)記語(yǔ)言，是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言，它是萬(wàn)維網(wǎng)上的通用語(yǔ)言。HTML語(yǔ)言2HTML文件結(jié)構(gòu)HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，通常成對(duì)出現(xiàn)。HTML標(biāo)簽Head頭部分，包含的頁(yè)面的標(biāo)題、序言、說明等內(nèi)容body“主體”部分，提供網(wǎng)頁(yè)的具體內(nèi)容開始結(jié)束標(biāo)題在線網(wǎng)頁(yè)編輯器網(wǎng)頁(yè)代碼在哪編寫？3所見即所得的軟件網(wǎng)頁(yè)代碼試試手任務(wù)一：查看網(wǎng)頁(yè)代碼，并修改網(wǎng)頁(yè)的標(biāo)題，瀏覽查看效果。提示：

2、設(shè)置標(biāo)題 將“缺失標(biāo)題”修改成“我的個(gè)人網(wǎng)頁(yè)”,瀏覽查看效果Add Your Title網(wǎng)頁(yè)特效指網(wǎng)頁(yè)上的特殊效果，主要是通過將JavaScript程序代碼加入到網(wǎng)頁(yè)中，使網(wǎng)頁(yè)頁(yè)面更加生動(dòng)、活潑。添加代碼的方法：、要在代碼窗口中添加。、有很多代碼只加在與之間， 有些代碼要分別在不同區(qū)域添加，按說明添加。請(qǐng)你結(jié)合“參考代碼”給網(wǎng)頁(yè)添加一種你喜歡的鼠標(biāo)特效,瀏覽查看效果。 以任務(wù)12+姓名保存上交。任務(wù)二：添加鼠標(biāo)特效任務(wù)三：酷炫網(wǎng)頁(yè)特效打開任務(wù)三，選擇一種你最想修改的部分，將相應(yīng)特效添加到網(wǎng)頁(yè)中， 并查看修改效果。以任務(wù)3+姓名命名，保存上交。選擇1：修改導(dǎo)航選擇2：修改圖片選擇3：修改背景代碼特效的定位：要讓有些代碼特效出現(xiàn)在指定位置的話，先在 “設(shè)計(jì)”視圖窗口的指定位置點(diǎn)擊鼠標(biāo)，再打開代碼窗口，不要隨意點(diǎn)擊鼠標(biāo)，找到光標(biāo)，在光標(biāo)處添加代碼即可。溫馨提示課堂測(cè)試打開”課堂測(cè)驗(yàn).xls”,開始測(cè)試。課堂總結(jié)編輯網(wǎng)頁(yè)代碼如何查看并編輯網(wǎng)頁(yè)代碼HTML和標(biāo)簽網(wǎng)頁(yè)特效給