新增圖片或圖像至網頁

您可以從圖像庫挑選圖像,將圖像新增至任何有頁面圖像欄位控制項的網頁。當圖像庫中所儲存的圖像變更時,已使用圖像的網頁會自動使用新的圖像。

您也可以使用 HTML 編輯器,將圖像新增至任何有頁面內容欄位控制項的網頁。使用 HTML 編輯器新增圖像至頁面內容欄位控制項時,圖像也會儲存在圖像庫中,因此,當圖像庫中的圖像更新時,已使用圖像的網頁會自動使用新圖像。

建立新網頁時,如果要網頁顯示圖像,可以使用有頁面圖像欄位控制項的版面配置來建立網頁。

本文內容

包含頁面圖像欄位控制項的版面配置

包含頁面內容欄位控制項的版面配置

使用頁面圖像欄位控制項新增圖像

使用 HTML 編輯器新增圖像至頁面內容欄位控制項

包含頁面圖像欄位控制項的版面配置

Microsoft Office SharePoint Server 2007 提供下列包含頁面圖像欄位控制項的版面配置:

  • 圖像在左側的文章頁面

  • 圖像在右側的文章頁面

  • 內部網站首頁

  • 含有摘要連結的歡迎頁面

  • 含有目錄的歡迎頁面

  • 歡迎使用開頭顯示頁面

網站可以包含多個有頁面圖像欄位控制項的版面配置。

提示: 若要判斷網頁是否有頁面圖像欄位控制項,其中一個方法是編輯網頁。當編輯網頁時,網頁上的每個欄位控制項都會顯示標籤。網頁上的頁面圖像欄位控制項如果是使用 Office SharePoint Server 2007 提供的版面配置所建立,也會標示「頁面圖像」。但如果網頁是使用對網站有 [設計] 權限者設計的自訂版面配置所建立,則不一定會標示。如需可供網站使用的自訂版面配置的詳細資訊,請連絡網站集合管理員。

頁首

包含頁面內容欄位控制項的版面配置

Office SharePoint Server 2007 提供下列包含頁面內容欄位控制項的版面配置:

  • 內部網站首頁

  • 含有摘要連結的歡迎頁面

  • 含有目錄的歡迎頁面

網站可以包含多個有頁面內容欄位控制項的版面配置。

提示: 若要判斷網頁是否有頁面內容欄位控制項,其中一個方法是編輯網頁。當編輯網頁時,網頁上的每個欄位控制項都會顯示標籤。網頁上的頁面內容欄位控制項如果是使用 Office SharePoint Server 2007 提供的版面配置所建立,也會標示「頁面內容」。但如果網頁是使用對網站有 [設計] 權限者設計的自訂版面配置所建立,則不一定會標示。如需可供網站使用的自訂版面配置的詳細資訊,請連絡網站集合管理員。

頁首

使用頁面圖像欄位控制項新增圖像

  1. 瀏覽至要新增圖像的頁面,然後按一下 [頁面編輯] 工具列上的 [編輯頁面]

    附註: 如果看不到 [頁面編輯] 工具列,請按一下 [網站動作] 功能表上的 [顯示頁面編輯工具列]

  2. 按一下 [頁面圖像] 欄位控制項中的 [編輯圖片][編輯圖像屬性] 網頁對話方塊隨即開啟。

  3. [編輯圖像屬性] 網頁對話方塊的 [一般] 區段中,按一下 [選取的圖像] 方塊旁的 [瀏覽] 按鈕。圖像庫隨即會在新視窗中開啟。

  4. 按一下要使用的圖像,然後按一下 [確定]。圖像庫隨即關閉,而您所選圖像的位址會出現在 [選取的圖像] 方塊中。

  5. 您可以選擇是否要設定其餘的圖像屬性:

    • 替代文字     輸入簡短描述圖像的文字。如果網頁檢視者的瀏覽器無法顯示圖像,便會改以顯示此文字。螢幕助讀程式也能讀取替代文字。

    • 超連結     您可以選擇將圖像設為超連結。請在這個方塊中輸入所需的超連結目標。您也可以使用 [瀏覽] 按鈕找出超連結的目標。如果要在新瀏覽器視窗開啟超連結,請選取 [在新視窗開啟連結] 核取方塊。

      您可以在 [版面配置] 區段設定下列屬性:

    • 對齊方式     您可以選擇 [對齊方式] 清單,變更圖像在欄位控制項內的位置。由於頁面圖像欄位控制項會調整大小來符合圖像,因此當用於頁面圖像欄位控制項中的圖像時,這個選項的效果並不明顯。

    • 框線粗細     您可以指定框線的粗細,設定圖像的框線。框線粗細是以像素為單位。

    • 水平間距     您可以新增圖像兩邊的間距,以像素為單位指定間距的大小。

    • 垂直間距     您可以新增圖像上下的間距,以像素為單位指定間距的大小。

      您可以在 [大小] 區段設定下列屬性:

    • 使用預設的圖像大小     如果要以預設大小顯示圖像,請選取這個選項。這是在圖像檔案屬性指定的大小。

    • 指定大小     如果要指定發佈頁面上的圖像大小,請選取這個選項。這會覆寫圖像檔案的大小屬性。如果選取這個選項,就必須使用 [寬度][高度] 屬性設定圖像的寬度、高度,或者兩個都指定。

    • 寬度 (像素)     如果選取 [指定大小],請使用 [寬度 (像素)] 以像素指定圖像的寬度。

    • 高度 (像素)     如果選取 [指定大小],請使用 [高度 (像素)] 以像素指定圖像的高度。

    • 維持外觀比例     您可以使用這個選項保留圖像的寬度和高度比例。如果選取這個選項,您只能設定圖像的寬度或高度,因為您為圖像所選的寬度或高度值,會決定另一個尺寸根據原始圖像寬度和高度比例調整的值。

頁首

使用 HTML 編輯器新增圖像至頁面內容欄位控制項

  1. 瀏覽至要新增圖像的頁面,然後按一下 [頁面編輯] 工具列上的 [編輯頁面]

    附註: 如果看不到 [頁面編輯] 工具列,請按一下 [網站動作] 功能表上的 [顯示頁面編輯工具列]

  2. 在頁面內容欄位控制項中,按一下 [編輯內容] 啟動 HTML 編輯器。HTML 編輯器可能會出現在控制項中,或顯示在新視窗的網頁對話方塊中。

  3. 將游標放在頁面內容欄位控制項中要新增圖像的位置。

  4. 按一下 HTML 編輯器工具列的 [插入圖像] 按鈕圖像 工具列按鈕。

    快速鍵  若要插入圖像,請按下 CTRL+SHIFT+G。

    [編輯圖像屬性] 網頁對話方塊隨即開啟。

  5. [編輯圖像屬性] 網頁對話方塊的 [一般] 區段中,按一下 [選取的圖像] 方塊旁的 [瀏覽] 按鈕。圖像庫隨即會在新視窗中開啟。

  6. 按一下要使用的圖像,然後按一下 [確定]。圖像庫隨即關閉,而您所選圖像的位址會出現在 [選取的圖像] 方塊中。

  7. 您可以選擇是否要設定其餘的圖像屬性:

    • 替代文字     輸入簡短描述圖像的文字。如果網頁檢視者的瀏覽器無法顯示圖像,便會改以顯示此文字。螢幕助讀程式也能讀取替代文字。

    • 超連結     您可以選擇將圖像設為超連結。請在這個方塊中輸入所需的超連結目標。您也可以使用 [瀏覽] 按鈕找出超連結的目標。如果要在新瀏覽器視窗開啟超連結,請選取 [在新視窗開啟連結] 核取方塊。

      您可以在 [版面配置] 區段設定下列屬性:

    • 對齊方式     您可以選擇 [對齊方式] 清單,變更圖像在欄位控制項內的位置。

    • 框線粗細     您可以指定框線的粗細,設定圖像的框線。框線粗細是以像素為單位。

    • 水平間距     您可以新增圖像兩邊的間距,以像素為單位指定間距的大小。

    • 垂直間距     您可以新增圖像上下的間距,以像素為單位指定間距的大小。

      您可以在 [大小] 區段設定下列屬性:

    • 使用預設的圖像大小     如果要以預設大小顯示圖像,請選取這個選項。這是在圖像檔案屬性指定的大小。

    • 指定大小     如果要指定發佈頁面上的圖像大小,請選取這個選項。這會覆寫圖像檔案的大小屬性。如果選取這個選項,就必須使用 [寬度][高度] 屬性設定圖像的寬度、高度,或者兩個都指定。

    • 寬度 (像素)     如果選取 [指定大小],請使用 [寬度 (像素)] 以像素指定圖像的寬度。

    • 高度 (像素)     如果選取 [指定大小],請使用 [高度 (像素)] 以像素指定圖像的高度。

    • 維持外觀比例     您可以使用這個選項保留圖像的寬度和高度比例。如果選取這個選項,您只能設定圖像的寬度或高度,因為您為圖像所選的寬度或高度值,會決定另一個尺寸根據原始圖像寬度和高度比例調整的值。

      附註: 

      • 如果要新增圖像的網頁是網頁組件頁面,您可以使用圖像網頁組件新增圖像。如需使用圖像網頁組件的詳細資訊,請參閱圖像網頁組件一文。

      • 如果要新增至網頁的圖像不在圖像庫中,您可以新增圖像,不過前提是必須擁有 [參與] 權限。如需將圖像檔新增至圖像庫的詳細資訊,請參閱在文件庫中新增一個或多個檔案

頁首

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×