第三課:圖文并茂的網頁課件_第1頁
第三課:圖文并茂的網頁課件_第2頁
第三課:圖文并茂的網頁課件_第3頁
第三課:圖文并茂的網頁課件_第4頁
第三課:圖文并茂的網頁課件_第5頁
已閱讀5頁,還剩8頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、圖文并茂的網頁圖文并茂的網頁崇實小學崇實小學 鞠慶燕鞠慶燕學習要求 學會傾聽 學會合作 學會分享 學會表達 復習回顧: 1 1、新建一個網頁。、新建一個網頁。 2 2、Dreamweaver8Dreamweaver8窗口的組成。窗口的組成。 請對以下網頁進行比較:教學目標:知識目標:知識目標:初步了解網頁中常用的幾種圖片格式。技能目標:技能目標:學會插入圖片,掌握設置圖片的大小和對齊方法。學會設置頁面背景顏色和背景圖片。情感、態度與價值觀目標情感、態度與價值觀目標通過制作“蝴蝶”網頁,培養對大自然深入探究的精神。第一關:插入圖片第一關:插入圖片 第1步:打開“hudie.html”。 第2步:

2、單擊“插入”中的“圖像”,選擇“蝴蝶圖片”文件夾中的“蝴蝶1”,選中后,單擊確定。 第3步:在對話框中,在對話框中,替換文本中輸入“蝴蝶1”,確定后,按F12。進行預覽。123勝利!第二關:設置圖片的大小 1、尺寸控點:可以改變圖片的大小(不精確) 2、屬性面板:可以輸入具體的數值(精確) (寬為273、高為229)123勝利!第1步:選中“蝴蝶1”圖片。第2步:打開“蝴蝶介紹.doc”文件,將里面的內容復制到蝴蝶圖片的底部。第3步:選中圖片,單擊屬性面板“對齊”中的“右對齊”第三關:設置圖片的對齊方式第三關:設置圖片的對齊方式123勝利!展現風采: 1、單擊“修改”菜單中的“頁面屬性”。 2、設置背景顏色:選擇背景色為黃綠色,代碼為C9D4B2 3、設置背景圖像:單擊瀏覽,選擇“風景圖片”中的“風景1”,輸入“風景1”,單擊“應用”,按F12查看效果。小試牛刀!(也可只選做一個)1、新建網頁“gaoshou.html”,標題為“高手”。2、輸入你喜歡的圖片、并用文字介紹、保存網頁。3、適當調整圖片的位置、大小、對齊方式為“左對齊”。4、選取圖片“風景3”作為網頁背景。我會做: 1、如何插入圖片 2、如何設置圖片的對齊方式 3、如何設置網頁的頁面背景 4、學會保護大自然,保護生態環境,尊

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論