第五章影像与图片的应用_第1页
第五章影像与图片的应用_第2页
第五章影像与图片的应用_第3页
第五章影像与图片的应用_第4页
第五章影像与图片的应用_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

2、sd轉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 亮度、對比與銳利化修正太暗或太亮的影像時通常會在 面板按 鈕 以便修改影像的對比或亮度(以像素為單位)，它會影響到影像的標示、陰影和中間色調。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 影像圖片

人人文库> 全部分类> 应用文书 > 年终总结

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论