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

《八年級(jí)信息技術(shù)上冊(cè) 第三單元 網(wǎng)站制作 第17課《編輯網(wǎng)頁代碼》課件1 浙教版.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《八年級(jí)信息技術(shù)上冊(cè) 第三單元 網(wǎng)站制作 第17課《編輯網(wǎng)頁代碼》課件1 浙教版.ppt（11頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

,編輯網(wǎng)頁代碼,第十七課,浙教版初中信息技術(shù)八年級(jí)上冊(cè),,,,,,,,網(wǎng)頁特效,網(wǎng)頁特效指網(wǎng)頁上的特殊效果，主要通過將JavaScript程序代碼加入到網(wǎng)頁中，使網(wǎng)頁頁面更加生動(dòng)、活潑。,,,,,,自學(xué)探討：認(rèn)識(shí)HTML代碼,1.什么是HTML(超文本標(biāo)記語言)？2.了解HTML文件結(jié)構(gòu)請(qǐng)你選擇“拆分”視圖，對(duì)照網(wǎng)頁的兩種表達(dá)形式，初步認(rèn)識(shí)代碼結(jié)構(gòu)。P67,,,,,,超文本標(biāo)記語言（HypertextMarkupLanguage,HTML)，是用于描述網(wǎng)頁文檔的一種標(biāo)記語言，它是萬維網(wǎng)上的通用語言。,什么是HTML代碼,,HTML四個(gè)基本標(biāo)簽,,,,,,,,,HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，通常成對(duì)出現(xiàn)。,標(biāo)記網(wǎng)頁的開始結(jié)束,,標(biāo)記頭部的開始結(jié)束,,,,顯示標(biāo)題,標(biāo)記正文的開始結(jié)束,,,HTML文件結(jié)構(gòu)如下：,,,,,,,,標(biāo)記網(wǎng)頁的開始,標(biāo)記網(wǎng)頁的結(jié)束,標(biāo)記頭部的開始,顯示在瀏覽器左上方的標(biāo)題,標(biāo)記頁面正文開始,標(biāo)記頁面正文結(jié)束,標(biāo)記頭部的結(jié)束,,特效代碼,,,,,,,自學(xué)導(dǎo)學(xué)單，并觀看微課1，打開“鏗鏘女排”站點(diǎn)中的一個(gè)主題網(wǎng)頁，為它添加“跟隨鼠標(biāo)的文字”代碼。,,想一想：如何改變文字內(nèi)容?,溫馨提示：復(fù)制相應(yīng)的代碼，特別注意粘貼的位置網(wǎng)頁特效必須在網(wǎng)頁預(yù)覽的狀態(tài)下才能出現(xiàn)。,操作探究：添加特效代碼,,,,,,,,,,遇到問題可以合作交流,再選擇其他頁面，按照你的喜好添加適當(dāng)?shù)木W(wǎng)頁特效代碼。如為其中頁面添加“自動(dòng)更新的日期”特效。,完善網(wǎng)站其他主題頁,合作嘗試：添加多種特效,溫馨提醒：一個(gè)頁面添加的特效不宜過多，否則會(huì)影響整個(gè)頁面的視覺美感。,,,,,,,拓展練習(xí)：修改代碼,打開“鏗鏘女排”站點(diǎn)中的一個(gè)主題網(wǎng)頁，嘗試運(yùn)用HTML更改網(wǎng)頁內(nèi)容，觀察其變化。任務(wù)：在網(wǎng)頁代碼中改變一張圖片“2.jpg”改為“3.jpg”.,溫馨提示：1.改變圖片用圖形元素。2.可以同學(xué)之間互相幫助。,,,,,網(wǎng)頁特效代碼的添加,網(wǎng)頁特效代碼的修改,總結(jié),,認(rèn)識(shí)HTML代碼,,謝謝,