設定圖片的大小
將圖片新增到網頁時,Microsoft Expression Web 會根據圖片的實際尺寸,自動設定其寬度及高度屬性。您可以使用 [網頁編輯器選項] 對話方塊,指定 Expression Web 是否應使用 HTML 屬性或階層式樣式表 (CSS) 設定圖片大小。
只要按兩下圖片上的調整大小控點 ,即可快速新增或移除圖片的寬度、高度屬性或兩者。若要調整圖片的大小,可以拖曳調整大小控點或指定值。無論使用何種方式,都可以藉由變更寬度及高度屬性,而達到調整圖片大小的目的。若要改為重新取樣已調整大小的圖片,可使用 [圖片] 工具列上的 [重新取樣] 按鈕 ,或 [設計] 檢視中圖片附近顯示的 [圖片動作] 按鈕 。
設定 Expression Web 用以設定圖片尺寸的程式碼
按一下 [工具] 功能表上的 [網頁編輯器選項]。
在 [網頁編輯器選項] 對話方塊的 [CSS] 索引標籤上,選取或清除 [使用影像的寬度及高度屬性來代替 CSS]。
秘訣: 若是將 Expression Web 設定為使用 CSS 定義圖片的寬度及高度,可以設定 [網頁編輯器選項] 對話方塊中的 [大小、位置及浮動] 選項,進而設定 Expression Web 所使用的樣式類型。如需詳細資訊,請參閱為產生的 CSS 設定喜好設定。
新增或移除寬度及高度屬性
在網頁的 [設計] 檢視中,按一下圖片。
執行下列一或多項動作:
若只要新增或移除寬度屬性,請按兩下項目右側的調整大小控點。
若只要新增或移除高度屬性,請按兩下項目底部的調整大小控點。
若要新增或移除寬度及高度屬性,請按兩下項目右下角的調整大小控點。
如需詳細資訊,請參閱在設計檢視中設定邊界、邊框間距與尺寸。
拖曳以調整圖片大小
在網頁的 [設計] 檢視中,按一下圖片,然後拖曳圖片右邊、底邊或右下角的控點 ,將其拖曳至新的位置。
若要根據新的大小重新對圖片取樣,執行下列其中一項動作:
在 [圖片] 工具列上,按一下 [重新取樣] 按鈕 。
按一下接近圖形右下角的 [圖片動作] 按鈕 ,然後按一下 [重新對圖片取樣以符合其大小]。
注意事項: 若要儲存已編輯的圖片,請按一下 [檔案] 功能表上的 [儲存],以儲存網頁。在 [儲存內嵌檔案] 對話方塊中,設定所需要的選項,然後按一下 [確定]。如需詳細資訊,請參閱儲存內嵌圖片。
指定像素或百分比值調整圖片大小
在網頁中執行下列一動作:
在 [設計] 檢視中按兩下圖片。
按一下所要設定的圖片,然後在 [格式] 功能表中,按一下 [屬性]。
以滑鼠右鍵按一下圖片,再於 [設計] 檢視中按一下 [圖片屬性];或在 [程式碼] 檢視中按一下 [標籤屬性]。
在 [圖片屬性] 對話方塊的 [外觀] 索引標籤上,執行下列動作:
使用此項
執行此作業
指定大小
選取此核取方塊。
保持長寬比
選取此項可保持影像的原始比例。
寬度
指定所需要的大小及單位。
若要根據新的大小重新對圖片取樣,執行下列其中一項動作:
在 [圖片] 工具列上,按一下 [重新取樣] 按鈕 。
按一下接近圖形右下角的 [圖片動作] 按鈕 ,然後按一下 [重新對圖片取樣以符合其大小]。
注意事項: |
---|
若要儲存已編輯的圖片,請按一下 [檔案] 功能表上的 [儲存],以儲存網頁。在 [儲存內嵌檔案] 對話方塊中,設定所需要的選項,然後按一下 [確定]。如需詳細資訊,請參閱儲存內嵌圖片。 |