正文內容

網頁設計與制作第2章dreamweavermx基本操作(編輯修改稿)

2025-11-13 02:40 本頁面

　

【文章內容簡介】，漸變色彩等顏色細膩的圖像和照片。網頁中的圖像格式 JPEG格式圖像的主要優點： ? 支持 24bit圖像，能夠很好地表現照片等全彩色的圖像。 ? 可以生成類似 GIF的交錯關聯圖像 —— 漸變 JPEG ? 可以制作透明的 JPEG圖像。 JPEG格式圖像的主要缺點： ? 有損壓縮使之不適合表達高清晰度的圖像正確使用 GIF和 JPEG： ? GIF適用于向量式、少于 256色的圖像。 ? GIF是制作透明圖像和動畫 GIF的首選格式。 ? JPEG適用于有漸變色彩、顏色細膩的圖片 PNG圖像格式 PNG圖像格式是一種新興的網絡圖像格式。它是目前保證最不失真的格式，它汲取了 GIF 和 JPEG格式的優點。具體體現如下：，但又能保留所有與圖像品質有關的信息。。。。缺點：不支持動畫應用效果 FIREWORKS 的默認格式是 PNG。 Photoshop的默認格式是 PSD. 在網頁中插入圖像在向網頁中插入圖像前，最好先保存文件。在對話框中選擇圖像文件，這時要注意圖像文件應在站點目錄下，若不在，則會彈出對話框詢問是否將圖像文件復制到網站的目錄下，應單擊“是”按鈕，將圖像保存到網站的目錄下。設置圖像屬性圖像插入文檔后，其位置、大小等設置可能不盡如意，可通過【屬性】面板，對它進行設置。單擊圖像，其周圍出現控制點，表示已選中，狀態欄 img標簽被選中，【屬性】面板顯示關于圖像的屬性，單擊擴展按鈕，可見到全部的屬性。設置圖像屬性 ? 【圖像】：旁邊的數字表示圖像的大小，文本框用于輸入圖像名稱，在腳本語言可通過名稱中對圖像進行引用。對應于 id屬性。 ? 【寬】和【高】：用于設置圖像的大小，也可通過鼠標拖動控制點，來調整圖像的大小。圖像大小改變后，在寬和高之間，增加了一個按鈕，單擊它可恢復圖像的大小。若想保存調整后的大小，可單擊重新取樣按鈕，這樣能減少馬賽克現象。 ? 【源文件】：指出圖像的具體位置，要改換圖像，可通過單擊文件夾按鈕，來重新選擇圖片，對應于 img標簽 src屬性。 ? 【替代】：是圖像的注釋，當用戶的瀏覽器不能正常顯示圖像時，便在圖像的位置用這個注釋代替圖像。對應于 img標簽 alt屬性。設置圖像屬性 ? 【鏈接】：指定鏈接的目標頁面或定位的 URL。 ? 【地圖】：用于制作圖像映射。它有 3個工具按鈕。 ? 【垂直邊距】：設置圖像在垂直方向與文本或其他頁面元素的間距。 ? 【水平邊距】：設置圖像在水平方向與文本或其他頁面元素的間距。 ? 【邊框】：設置圖像邊框的寬度，單位是像素為“ 0”，表示無邊框。對應于 img標簽 border屬性。 ? 【低解析度源】：指定應在主要圖像之前載入的圖像，這個圖像是原圖像的一個低分辨率版本，它的載入更快，這樣就可以讓瀏覽者對等待顯示的圖像有一個了解。但也可以使用任何一個和主要圖像尺寸相同的圖像。 ? 【編輯】：這里有 6 個按鈕。可以對選定的圖像進行編輯。 ? : 啟動圖像處理軟件對圖像進行編輯，一般為 Firesorks，當保存文件返回時，將使用保存后的圖像更新文檔 . ? : 啟動圖像處理 Firesorks對圖像進行優化。 ? :裁剪圖像。 ? : 重新取樣。 ? :調節亮度和對比度。 ? : 銳化圖像。設置圖像屬性 ? 【對齊】 :用于設置圖像與文本或其他元素的位置關系，有 9項排列方式。對應于屬性 align。 ? 默認值：取決于瀏覽器所設置的排列方式。 ? 基線：將文本或其他元素的基線與所選圖片的底邊對齊。 ? 頂端：上端對齊，將文本或其他元素與圖片所在行的最頂端對齊。 ? 居中：將文本或其他元素與圖片的中部對齊。 ? 底部：將文本或其他元素與圖片的底部對齊。 ? 文本上方：將文本行中的最高字符與圖片上端對齊。 ? 絕對居中：將圖片的中部與文本的中部對齊。 ? 絕對底部：將圖片的絕對底部與文本的絕對底部對齊。 ? 左對齊：將圖片放置到文本塊左邊緣，與當前行的頂端對齊，文本位于圖像的右邊和下面。 ? 右對齊：將圖片放置到文本塊右邊緣，文本位于圖像的左邊。鼠標經過圖像在瀏覽網頁時，有時會看到當鼠標指針移到某幅圖像時，該圖像會變為另外一幅圖像，而移開鼠標指針時，該圖像又會變回原來的圖像。這就是鼠標經過圖像時產生的交互。 . 6圖像占位符圖像占位符是網站排版布局中經常用到的功能，我們可以在要放置圖像的位置，暫時放置占位符，等到處理好圖像時再作替換。用 Dreamw

點擊復制文檔內容

教學課件相關推薦

網頁設計與制作第2章dreamweavermx基本操作(編輯修改稿)

dreamweaver網頁設計與制作實訓教學計劃-資料下載頁

網頁設計與制作教程第3版第六章用dreamweaver8創建網站-資料下載頁

dreamweaver80網站與網頁制作教程-資料下載頁

第7章網頁制作與編程基礎-資料下載頁

[理學]dreamweaver網頁設計說課稿-資料下載頁

dreamweaver靜態網頁制作過程-資料下載頁

dreamweaver網頁制作教學計劃-資料下載頁

第5章網頁制作基礎-資料下載頁

第3章利用表格設計和制作網頁-資料下載頁

dreamweaver制作網頁(參考手冊)-資料下載頁

第7章制作網頁動畫-資料下載頁

第5章網頁制作基礎-資料下載頁

dreamweaver網頁設計-資料下載頁

中文dreamweaver8網頁設計培訓教程ppt版第5章-資料下載頁

dreamweaver-flash-fireworks網頁制作培訓教程第14課-資料下載頁

網頁設計與制作第2章dreamweavermx基本操作(已改無錯字)

網頁設計與制作第2章dreamweavermx基本操作-資料下載頁

網頁設計與制作第2章dreamweavermx基本操作(參考版)

網頁設計與制作第2章dreamweavermx基本操作-文庫吧資料

網頁設計與制作第2章dreamweavermx基本操作-展示頁