《影像与图片应》ppt课件

《《影像与图片应》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章影像與圖片的應用5-1網頁用圖片格式與特點比較5-2插入影像5-3在Dreamweaver中編輯影像圖片5-4影像與圖片屬性第五章影像與圖片的應用在現今的網站當中，已經很難看到除了文字外，沒有其他任何影像或圖案設計的網頁，反而是有很多令人眼花撩亂的圖片、廣告等內容。因此在網頁中適度的加上影像或是生動活潑的多媒體物件，已是吸引網友不可或缺的重要角色，甚至還有凌駕文字而成為網頁主體的趨勢。5-1網頁用圖片格式與特點比較目前市面上有許多影像處理軟體，要製作一些賞心悅目的影像圖片，已經不再是困難的工作。但圖片的格式種類繁多，網頁中究竟使用哪一種格式比較好呢？JPG

2、格式PNG格式GIF格式PSD轉GIF格式5-2插入影像5-2-1插入網頁影像圖片格式檔案插入影像的方式可以從選單列的命令，或是從列標籤的工具鈕來執行。不過，還是要提醒您，最好先將所要用到的影像圖片複製到網站的相關資料夾中(例如：images資料夾)，以免日後在進行發佈作業時，影像檔案沒有被一起傳送到網站伺服器。5-2插入影像5-2-2使用Photoshop (.psd)圖檔如果您已經使用Photoshop設計了許多影像檔案(PSD格式)，在Dreamweaver中可以將其直接插入到編輯視窗的網頁中，只是在過程中需要經由Dreamweaver將這些影像檔執行最佳

3、化轉換成網站可用的影像格式(、和)。您也可以將多重圖層或多重分割的Photoshop影像全部或部分貼到Dreamweaver的網頁中。5-3在Dreamweaver中編輯影像圖片5-3-1調整圖片大小與裁切圖片有時我們插入到網頁中的影像，其大小可能不適合網頁版面，因此藉由調整大小或裁切動作，可讓設計者藉由縮小影像範圍來編輯影像。通常我們會想要裁切影像以強調影像的主題，並移除四周不需要的部分，而留下您在影像中感興趣的範圍。5-3在Dreamweaver中編輯影像圖片5-3-2亮度、對比與銳利化修正太暗或太亮的影像時通常會在面板按鈕以便修改影像的對比或亮度(以像素為

4、單位)，它會影響到影像的標示、陰影和中間色調。5-4影像圖片屬性5-4-1常用的屬性設定加上邊框5-4影像圖片屬性5-4-1常用的屬性設定設定替代文字5-4影像圖片屬性5-4-1常用的屬性設定設定低解析影像圖片5-4影像圖片屬性5-4-1常用的屬性設定變更影像圖片來源5-4影像圖片屬性5-4-2影像圖片與文字的編排在Dreamweaver中影像圖片和文字一樣，可以、、，只要利用面板中的對齊按鈕，就可控制影像圖片的水平位置。影像圖片和文字預設是以的方式對齊，想要改變對齊的方式也十分簡單。請參考以下的操作說明。5-4影像圖片屬性5-4-3水平線的使用在網頁中是經常被

5、使用的元件，它可以使網頁內容的區隔更為明顯，讓使用者閱覽時能夠更舒適。