• /  15
  • 下載費用: 9.90積分  

DreamweaverCC2015中文版案例教程第2版 教學資源課件第6章.ppt

'DreamweaverCC2015中文版案例教程第2版 教學資源課件第6章.ppt'
第6章添加圖像和多媒體圖像和文字都是組成網頁的基本元素。與文字相比,使用圖像更能夠使HTML文檔便于理解,更直觀和生動。同時,使用圖像還可以豐富網頁內容,使網頁頁面更加美觀,使得文檔更加具有吸引力。所以,無論是個人網站還是商業網站,都需要有優秀的圖像效果作為基礎,以達到更好的網頁設計宣傳目的。相信通過本章的學習,讀者一定能制作出漂亮的網頁。6.1 網頁中常用的圖像格式圖像是網頁中最常用的對象之一,制作精美的圖像可以大大增強網頁的視覺效果,令網頁更加多姿多彩。在網頁中恰當地使用圖像,能夠極大地吸引用戶的眼球。因此,合理利用圖像,是網頁設計的關鍵。6.1 網頁中常用的圖像格式6.1.1 GIF圖像格式GIF是英文單詞Graphic Interchange Format的縮寫,即圖像交換格式,這種格式的文件最多使用256種顏色,最適合顯示色調不連續或具有大面積單一顏色的圖像,如導航條、按鈕、圖標、徽標或其他具有統一色彩和色調的圖像。6.1 網頁中常用的圖像格式6.1.2 JPEG圖像格式JPEG是英文單詞Joint Photographic Experts Group的縮寫,它是一種圖像壓縮格式,文件格式是用于攝影或連續色調圖像的高級格式,這是因為JPEG文件可以包含數百萬種顏色。隨著JPEG文件品質的提高,文件大小和下載時間也會隨之增加。6.1 網頁中常用的圖像格式6.1.3 PNG圖像格式PNG是英文單詞Portable Network Graphic 的縮寫,即便攜網絡圖像,是一種替代GIF 格式的無專利權限制的格式,它包括對索引色、灰度、真彩色圖像及Alpha通道透明的支持。PNG文件可保留所有的原始層、矢量、顏色和效果信息,并且在任何時候所有元素都是可以完全編輯的。文件必須具有擴展名png才能被Dreamweaver識別為PNG圖像,6.2 制作圖像頁前面介紹了網頁中最常見的3種圖像格式,接下來學習如何在網頁中使用圖像。在使用圖像前,一定要有目的地選擇圖像,最好使用圖像處理軟件美化一下圖像,否則插入的圖像如果不美觀,可能會顯得很呆板。6.2.1 插入圖像在Dreamweaver CC 2015中,可以直接插入圖像,也可以將圖像作為頁面的背景,另外還可以創建出圖像輪替的交換效果。我們也可以打開外部的圖像編輯器來直接修改網頁的制作過程中的圖像。6.2 制作圖像頁6.2.2 設置圖像屬性圖像的“屬性”面板用于顯示圖像的當前屬性,可以通過改變“屬性”面板中的各項設置改變圖像的屬性,在“設計”視圖中選擇一張圖像,“屬性”面板顯示常用的圖像屬性。單擊“屬性”面板右下角的擴展箭頭,可以查看所有的圖像屬性。6.2 制作圖像頁6.2.3 插入鼠標經過圖像“鼠標經過圖像”是網頁特效中的一種。當鼠標指針經過一個圖像時,圖像的外觀顯示會變成另一種狀態,這種變化可以是圖像在顏色或形狀上發生了改變,是一種互動效果。當鼠標指針從圖像上移走后,圖像又恢復原狀。通常情況下,要通過HTML和JavaScript的結合使用才能實現互動效果。不過使用Dreamweaver時,只要選擇相應選項就能夠自動創建互動效果。6.2 制作圖像頁6.2.4 插入HTML5畫布畫布是Dreamweaver基于HTML5的全新功能,通過該功能可以在網頁中自動繪制出一些常見的圖形,如矩形、橢圓形等,并且能夠添加一些圖像。6.3 制作多媒體頁現在的網頁設計中,除了可以放置一些靜止的圖片外,動態效果也越來越多地被應用。Web頁中的多媒體技術使因特網世界變得更加絢麗多彩。本章主要介紹在用Dreamweaver設計網頁時如何使用音頻、視頻、動畫、Java小程序及一些控件。6.3.1 插入HTML 5 Video 以前在網頁中插入視頻都是通過插件的方式或者是插入Flash Video,Flash Video視頻需要瀏覽器安裝Flash播放插件才可以正常播放。在HTML5中新增了標簽,通過使用標簽,可以直接在網頁中嵌入視頻文件不需要任何的插件。6.3 制作多媒體頁6.3.2 插入HTML 5 Audio 網絡上有許多不同格式的音頻文件,但HTML標簽所支持的音樂格式并不是很多,并且不同的瀏覽器支持的格式也不相同。HTML5針對這種情況,新增了標簽來統一網頁音頻格式,可以直接使用該標簽在網頁中添加相應格式的音樂。6.3 制作多媒體頁6.3.3 插入SWF動畫 Flash是一種矢量化的Web交互式動畫,在本節中,我們將學習利用Flash影片相關的“屬性” 面板調整影片大小、透明處理Flash影片背景等方法。Dreamweaver中還附帶了Flash對象,因此無論計算機上是否安裝了Flash軟件,都可以使用Flash對象。6.3 制作多媒體頁6.3.4 插入Flash Video 使用Dreamweaver CC2015和Flash視頻可以快速地將視頻內容放置到網頁上,將Flash視頻文件拖入到Dreamweaver中就可以將視頻快速地融入網站和應用程序。6.4 案例——創建精彩的多媒體網頁在網頁中可以很方便地插入SWF動畫,下面通過實例具體講述SWF動畫的插入,6.5 知識與技能梳理圖片、文本和多媒體是網頁中經常用到的內容,不論技術如何發展,這幾種網頁對象始終都是存在的。本章結合實例介紹了制作網頁圖像的一些常用工具,以及各種網頁制作會用到的圖像效果,并在網頁中添加多媒體技術的應用,使網頁變得更加絢麗多彩。重要工具:表格、圖像、媒體。 核心技術:通過圖片和多媒體的添加制作更加精美的網頁效果。 實際應用:企業網站、旅游網站、個人主頁。
關 鍵 詞:
2015 中文版 教程 案例 dreamweavercc 教學 dreamweavercc2015 資源
 天天文庫所有資源均是用戶自行上傳分享,僅供網友學習交流,未經上傳用戶書面授權,請勿作他用。
關于本文
本文標題:DreamweaverCC2015中文版案例教程第2版 教學資源課件第6章.ppt
鏈接地址: http://www.476824.live/p-51617336.html
關于我們 - 網站聲明 - 網站地圖 - 資源地圖 - 友情鏈接 - 網站客服點擊這里,給天天文庫發消息,QQ:1290478887 - 聯系我們

本站為“文檔C2C交易模式”,即用戶上傳的文檔直接賣給(下載)用戶,本站只是中間服務平臺,本站所有文檔下載所得的收益歸上傳人(含作者)所有【成交的100%(原創)】。本站是網絡服務平臺方,若您的權利被侵害,侵權客服QQ:1290478887 歡迎舉報。

[email protected] 2017-2027 http://www.476824.live 網站版權所有

粵ICP備19057495號 

收起
展開
球探网即时蓝球比分 河北燕赵20选5走势图 青海民和快三开奖结果查询 紫金矿业股票分析 排列七开奖规则 江苏11选5推荐号 吉林快三开奖查询 淘股吧十大高手 福建十一选五的走势图 快乐扑克3豹子遗漏 澳洲幸运5是哪个国家开