《Web應用開發(fā)》課件-03 圖像_第1頁
《Web應用開發(fā)》課件-03 圖像_第2頁
《Web應用開發(fā)》課件-03 圖像_第3頁
《Web應用開發(fā)》課件-03 圖像_第4頁
《Web應用開發(fā)》課件-03 圖像_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

本章簡介：圖像和多媒體是網頁中的重要元素，在網頁中的應用越來越廣泛。本章主要講解圖像和多媒體在網頁中的應用方法和技巧，通過這些內容的學習，可以使設計制作的網頁更加美觀形象、生動豐富，更可以增加網頁的動感，使網頁更具有吸引力。第3章在網頁中插入圖像課堂學習目標掌握在網頁中插入和編輯圖像的方法掌握多媒體在網頁中的應用方法和技巧3.1圖像的基本操作在網頁中插入圖像設置圖像屬性圖像占位符課堂案例—環(huán)球旅游網頁3.1.1在網頁中插入圖像要在DreamweaverCS6文檔中插入的圖像必須位于當前站點文件夾內或遠程站點文件夾內，否則圖像不能正確顯示，所以在建立站點時，網站設計者常先創(chuàng)建一個名叫“images”的文件夾，并將需要的圖像復制到其中。3.1.2設置圖像屬性插入圖像后，在“屬性”面板中顯示該圖像的屬性。屬性面板3.1.3圖像占位符在網頁中插入圖像占位符的具體操作步驟如下。（1）在文檔窗口中，將插入點放置在要插入占位符圖形的位置。（2）通過以下幾種方法啟用“圖像占位符”命令，彈出“圖像占位符”對話框。選擇“插入”面板中的“常用”選項卡，單擊“圖像”展開式工具按鈕，選擇“圖像占位符”選項。選擇“插入>圖像對象>圖像占位符”命令。在“圖像占位符”對話框中，按需要設置圖像占位符的大小和顏色，并為圖像占位符提供文本標簽，單擊“確定”按鈕，完成設置。3.1.4環(huán)球旅游網頁使用“圖像”按鈕，插入圖像；使用“CSS樣式”命令，控制圖像的水平邊距。效果圖3.2多媒體在網頁中的應用插入Flash動畫課堂案例——現(xiàn)代木工網頁3.2.1插入flash動畫DreamweaverCS6提供了使用Flash對象的功能，雖然Flash中使用的文件類型有Flash源文件(.fla)、FlashSWF文件(.swf)、Flash模板文件(.swt)，但DreamweaverCC只支持FlashSWF(.swf)文件，因為它是Flash(.fla)文件的壓縮版本，已進行了優(yōu)化，便于在Web上查看。3.2.2課堂案例—現(xiàn)代木工網頁使用“媒體：SWF”按鈕，為網頁文檔插入Flash動畫效果；使用“播放”按鈕，在文檔窗口中預覽效果。效果圖課堂練習—兒童零食網頁

使用“圖像”按鈕，插入圖像；使用“代碼”視圖，手動輸入代碼設置圖像的水平間距。效果圖課后習題—準媽媽課堂網頁

使用“

溫馨提示

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

評論

0/150

提交評論