八年級(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ā)者,