- Dreamweaver+jQuery移動網頁設計從新手到高手
- 張雪玲 劉琳
- 835字
- 2020-09-18 10:26:16
3.3 設置圖像屬性
插入圖像后,如果圖像的大小和位置不合適,還需要對圖像的屬性進行相應的調整,如大小、位置和對齊方式等。
3.3.1 調整圖像大小
選擇插入的圖像,在“屬性”面板中的“寬”和“高”文本框中輸入具體的圖像大小,如圖3-13所示。

圖3-13
★知識要點★
圖像“屬性”面板中可以進行如下設置。
· 寬和高:以像素(PX)為單位設定圖像的寬度和高度,當在網頁中插入圖像時,Dreamweaver會自動使用圖像的原始尺寸,還可以使用以下單位指定圖像大小的單位:點、英寸、毫米和厘米。在HTML源代碼中,Dreamweaver將這些單位轉換為像素。
· Src:指定圖像的具體路徑。
· 鏈接:為圖像設置超鏈接。可以單擊按鈕選擇要鏈接的文件,或直接輸入URL路徑。
· 目標:設置鏈接時的目標窗口或框架,在其下拉列表中包括4個選項。
? _blank:將鏈接的對象在一個未命名的新瀏覽器窗口中打開。
? _parent:將鏈接的對象在含有該鏈接的框架的父框架集或父窗口中打開。
? _self:將鏈接的對象在該鏈接所在的同一個框架或窗口中打開。_self是默認選項,通常不需要指定。
? _top:將鏈接的對象在整個瀏覽器窗口中打開,因而會替代所有框架。
· 編輯:啟動“外部編輯器”首選參數中指定的圖像編輯軟件,并使用該圖像編輯軟件打開選定的圖像。
? 編輯:啟動外部圖像編輯器編輯選中的圖像。
? 編輯圖像設置:彈出“圖像預覽”對話框,在該對話框中可以對圖像進行設置。
? 重新取樣:將“寬”和“高”的值重新設置為圖像的原始大小,調整所選圖像大小后,此按鈕顯示在“寬”和“高”文本框的右側。如果沒有調整過圖像的大小,該按鈕不會顯示。
? 裁剪:修剪圖像的大小,從所選圖像中刪除不需要的區域。
? 亮度和對比度:調整圖像的亮度和對比度。
? 銳化:調整圖像的清晰度。
· 地圖名稱和熱點工具:標注和創建客戶端圖像地圖。
· 替換:圖片的注釋。當瀏覽器不能正常顯示圖像時,便在圖像的位置用這個注釋代替圖像。
· 原始:指定在載入主圖像之前應該載入的圖像。
3.3.2 設置圖像對齊方式
選擇圖像并右擊,在彈出的快捷菜單中選擇圖像的對齊方式,如圖3-14所示。對齊后的效果,如圖3-15所示。

圖3-14

圖3-15