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

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