在 SharePoint 頁面中新增圖片或圖像檔案

將影像新增至 SharePoint 2016、2013或2010網站

1. 移至您要新增影像的頁面。

2. 選取 [頁面] 索引標籤。 然後，在功能區上，按一下 [編輯]。

3. 在頁面上可編輯的區域內按一下。

4. 選擇 [插入] 索引標籤，然後在功能區的 [媒體] 群組中，按一下 [圖片]。

   

5. 您會看到下列選項：

新增網站連結至圖片

您可以在頁面上擁有圖片，但將它設為 doorway 至另一個頁面是比較好的方式。 以下說明如何將影像設為即時連結。

1. 流覽至含有您要新增超連結之影像的頁面。

2. 按一下 [頁面] 索引標籤，然後按一下 [編輯]。

3. 按一下並選取您想要連結的相片或圖片。

4. 在功能區上，按一下 [插入]，然後按一下 [連結]。

   

5. 在 [新增超連結] 對話方塊中，輸入您要連結的網頁、網站或其他媒體的位址。 您可以按一下 [試用] 來測試連結。

   

6. 按一下 [確定]。

從頁面刪除圖片

1. 在頁面上，按一下功能區的 [頁面] 索引標籤，然後按一下 [編輯] 命令。

   

   附註: 如果 [編輯] 命令已停用，可能是您沒有許可權編輯頁面。

2. 選取您要刪除的影像，然後按下 刪除 鍵盤上的按鍵。

頁面頂端

將影像新增至 SharePoint 2007 頁面

您可以從文件庫選取影像，將影像新增至含有 [頁面圖像] 欄位控制項的任何網頁。 當儲存在文件庫中的影像變更時，使用影像的頁面會自動使用新影像。

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

當您建立新頁面時，如果您想要讓頁面擁有影像，您可以使用含有 [頁面圖像] 欄位控制項的頁面配置來建立頁面。

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

下列與 Microsoft Office SharePoint Server 2007 隨附的頁面版面配置包含「頁面圖像」欄位控制項：

• 左側有影像的文章頁面

• 右側有影像的文章頁面

• 內部網路家用版

• 含摘要連結的歡迎頁面

• 包含目錄的歡迎頁面

• 歡迎啟動顯示頁面

您的網站可能包含其他頁面版面配置，其中包含 [頁面圖像] 欄位控制項。

頁面頂端

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

Office SharePoint Server 2007 隨附的下列頁面版面配置包含 [頁面內容] 欄位控制項：

• 內部網路家用版

• 含摘要連結的歡迎頁面

• 包含目錄的歡迎頁面

您的網站可能會包含包含 [頁面內容] 欄位控制項的其他版面配置。

頁面頂端

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

1. 流覽至您要新增影像的頁面，然後按一下 [頁面編輯] 工具列上的 [編輯頁面]。

   附註: 如果您沒有看到 [頁面編輯] 工具列，請在 [網站動作] 功能表上，按一下 [顯示頁面編輯工具列]。

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

3. 在 [編輯影像屬性網頁] 對話方塊的 [一般] 區段中，按一下位於 [選取的影像] 方塊旁的 [流覽]按鈕。 隨即會在新視窗中開啟影像媒體櫃。

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

5. 您也可以選擇設定剩餘的影像屬性：

   • 替代文字      輸入簡短描述影像的文字。 如果頁面檢視器的瀏覽器不顯示影像，則會顯示此文字，而不是圖像。 螢幕閱讀程式也會讀取替代文字。

   • 超連結      影像可以選擇性地充當超連結。 在此方塊中輸入所要的超連結目標。 您也可以使用 [流覽]按鈕來找出超連結的目標。 如果您想要在新的瀏覽器視窗中開啟超連結，請選取 [在新視窗中開啟此連結]核取方塊。

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

   • 排列      您可以在 [對齊方式] 清單中進行選擇，在欄位控制項中變更圖像的位置。 因為頁面圖像欄位控制項的大小會調整成適合影像，所以在頁面圖像欄位控制項中使用的影像時，此選項並不會有明顯的效果。

   • 框線粗細      您可以指定框線的粗細，為影像加上框線。 以圖元為單位來測量框線寬度。

   • 水準間距      您可以為空間的大小指定一個值（以圖元為單位），以在影像的兩邊加上間距。

   • 垂直間距      您可以為空間的大小指定一個值（以圖元為單位），以在影像上方和下方加上間距。

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

   • 使用預設影像大小      如果您想要讓影像以預設大小顯示，即圖像檔案屬性所指定的大小，請選取此選項。

   • 指定大小      如果您想要在已發佈的頁面上指定影像大小，請選取此選項。 這會覆寫影像檔的大小屬性。 如果您選取此選項，您必須使用 [寬度] 和 [高度] 屬性來設定影像的寬度、高度或兩者。

   • Width （圖元）      如果您選取 [指定大小]，您可以使用[寬度] （圖元）來指定影像的寬度（以圖元為單位）。

   • 高度（圖元）      如果您選取 [指定大小]，您可以使用[高度] （圖元）來指定圖像的高度（以圖元為單位）。

   • 維持長寬比      您可以使用這個選項來保留影像寬度和高度的比例。 如果您選取此選項，您只能設定圖像的寬度或高度，因為您針對影像的寬度或高度所選擇的值會根據原始影像寬度和高度的比率來決定其他維度的值。

頁面頂端

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

1. 流覽至您要新增影像的頁面，然後按一下 [頁面編輯] 工具列上的 [編輯頁面]。

   附註: 如果您沒有看到 [頁面編輯] 工具列，請在 [網站動作] 功能表上，按一下 [顯示頁面編輯工具列]。

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

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

4. 在 [HTML 編輯器] 工具列上，按一下 [插入影像 工具列] 按鈕。

   鍵盤快速鍵若要插入影像，請按 CTRL + SHIFT + G。

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

5. 在 [編輯影像屬性網頁] 對話方塊的 [一般] 區段中，按一下位於 [選取的影像] 方塊旁的 [流覽]按鈕。 隨即會在新視窗中開啟影像媒體櫃。

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

7. 您也可以選擇設定剩餘的影像屬性：

   • 替代文字      輸入簡短描述影像的文字。 如果頁面檢視器的瀏覽器不顯示影像，則會顯示此文字，而不是圖像。 螢幕閱讀程式也會讀取替代文字。

   • 超連結      影像可以選擇性地充當超連結。 在此方塊中輸入所要的超連結目標。 您也可以使用 [流覽]按鈕來找出超連結的目標。 如果您想要在新的瀏覽器視窗中開啟超連結，請選取 [在新視窗中開啟此連結]核取方塊。

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

   • 排列      您可以在 [對齊方式] 清單中進行選擇，在欄位控制項中變更圖像的位置。

   • 框線粗細      您可以指定框線的粗細，為影像加上框線。 以圖元為單位來測量框線寬度。

   • 水準間距      您可以為空間的大小指定一個值（以圖元為單位），以在影像的兩邊加上間距。

   • 垂直間距      您可以為空間的大小指定一個值（以圖元為單位），以在影像上方和下方加上間距。

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

   • 使用預設影像大小      如果您想要讓影像以預設大小顯示，即圖像檔案屬性所指定的大小，請選取此選項。

   • 指定大小      如果您想要在已發佈的頁面上指定影像大小，請選取此選項。 這會覆寫影像檔的大小屬性。 如果您選取此選項，您必須使用 [寬度] 和 [高度] 屬性來設定影像的寬度、高度或兩者。

   • Width （圖元）      如果您選取 [指定大小]，您可以使用[寬度] （圖元）來指定影像的寬度（以圖元為單位）。

   • 高度（圖元）      如果您選取 [指定大小]，您可以使用[高度] （圖元）來指定圖像的高度（以圖元為單位）。

   • 維持長寬比      您可以使用這個選項來保留影像寬度和高度的比例。 如果您選取此選項，您只能設定圖像的寬度或高度，因為您針對影像的寬度或高度所選擇的值會根據原始影像寬度和高度的比率來決定其他維度的值。

     附註: 

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

     • 如果您要新增至頁面的影像無法在影像文件庫中使用，您可以在有參與許可權的情況下新增該影像。 如需將影像檔案新增至文件庫的詳細資訊，請參閱在文件庫中新增一或多個檔案一文。

頁面頂端