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

,第十七課編輯網(wǎng)頁(yè)代碼,作品欣賞,思考：作品中的哪些內(nèi)容比較吸引你？,思考：如何查看網(wǎng)頁(yè)代碼呢？,HTML與標(biāo)簽,HTML（HyperTextMarkupLanguage）超文本標(biāo)記語(yǔ)言，是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言，它是萬(wàn)維網(wǎng)上的通用語(yǔ)言。,HTML語(yǔ)言,HTML文件結(jié)構(gòu),HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，通常成對(duì)出現(xiàn)。,HTML標(biāo)簽,開始,結(jié)束,在線網(wǎng)頁(yè)編輯器,所見即所得的軟件,網(wǎng)頁(yè)代碼試試手,任務(wù)一：查看網(wǎng)頁(yè)代碼，并修改網(wǎng)頁(yè)的標(biāo)題，瀏覽查看效果。,提示：設(shè)置標(biāo)題,將“缺失標(biāo)題”修改成“我的個(gè)人網(wǎng)頁(yè)”,瀏覽查看效果,AddYourTitle,網(wǎng)頁(yè)特效指網(wǎng)頁(yè)上的特殊效果，主要是通過(guò)將JavaScript程序代碼加入到網(wǎng)頁(yè)中，使網(wǎng)頁(yè)頁(yè)面更加生動(dòng)、活潑。,添加代碼的方法：、要在代碼窗口中添加。、有很多代碼只加在與之間，有些代碼要分別在不同區(qū)域添加，按說(shuō)明添加。,請(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+姓名命名，保存上交。,選擇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è)代碼,使用者,分享,編寫,應(yīng)用,下載修改應(yīng)用,開發(fā)交流分享,學(xué)習(xí)改進(jìn)編寫,開發(fā)者,