八年級信息技術上冊 第三單元 網(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代碼,謝謝,