您可以使用圖像網頁組件來新增圖片或圖形至網頁組件頁面。 如要更輕鬆地協調圖像與其他頁面上的網頁組件，您可以透過在共用檢視中編輯其自訂屬性，在圖像網頁組件中控制圖像的垂直對齊方式、水平對齊方式及背景色彩。
本文內容
使用圖像網頁組件的方式
您可以使用圖像網頁組件執行以下操作：
- 在頁面加上公司或專案標誌。
- 顯示員工或產品的相片。
- 加強頁面的視覺效果。
顯示圖像的方式
顯示圖像的方式有兩種：
- 在 [圖像連結] 屬性文字方塊中，輸入圖像檔案的檔案路徑或超連結。 在這種情況下，圖像是靜態圖像，並不會改變 (除非您編輯屬性)。
- 將圖像網頁組件連線到另一個提供檔案路徑或超連結的網頁組件。 在這種情況下，圖像可能是動態圖像，可能會因為另一個網頁組件的動作 (例如使用者在清單檢視網頁組件中選取一列) 而改變。
舉個例說，您可以將包含連絡人的清單檢視網頁組件，連線到圖像網頁組件。 每當您在連絡人清單檢視網頁組件中選取一列時 (在連絡人清單檢視網頁組件的某一欄中，含有包含該連絡人圖片之檔案的超連結)，就會在圖像網頁組件中，看到該連絡人的圖片。
將圖像網頁組件連線到其他網頁組件
- 在 網站操作 選單
中，點擊 編輯頁面。 - 點選網頁零件選
，然後指向連接。 - 指向 [圖像來源]，然後按一下您要連結的網頁組件名稱。
注意
如果 [圖像連結] 屬性已有一值，則當您將圖像網頁組件連線到另一個網頁組件時，[圖像連結] 屬性會被忽略。 如果圖像網頁組件已經連線到另一個網頁組件，則必須先移除該連線，才能夠為 [圖像連結] 屬性設定一值。
圖像網頁組件的自訂屬性
以下是圖像網頁組件的自訂屬性。
注意
您無法在個人檢視中檢視或編輯這些自訂屬性。
| 屬性 | 描述 |
|---|---|
| 圖像連結 | 可指定您希望在圖像網頁組件中顯示之圖像的檔案路徑或超連結。 支援的圖形檔案格式將根據您所使用的瀏覽器而定，如下所示。 圖形檔案格式****檔案類型Windows 點陣圖 (BMP) .bmpWindows 增強元檔案 (EMF) .emf圖形交換格式 (GIF) .gif聯合攝影專家組 (JPEG) .jpg、.jpeg 可攜式網路圖形 (PNG) .png 影像連結 屬性可能無法使用，因為影像網頁部分連接至另一個提供該影像的網頁零件。 |
| 替代文字 | 可指定當使用者將滑鼠指標置於圖像上方時要顯示的文字。 這段文字會在圖像無法顯示時出現。 |
| 圖像垂直對齊方式 | 將影像垂直定位於影像網部分內。 請選擇以下之一：上、中或下。 預設值為中間。 |
| 圖像水平對齊方式 | 可將圖像在圖像網頁組件中水平定位。 請選取下列一項：[靠左]、[置中] 或 [靠右]。 預設值是 [置中]。 |
| 網頁組件背景色彩 | 可決定圖像背後 [圖像網頁組件] 視窗的色彩。 預設色彩是目前佈景主題的背景色彩。 要指定顏色，請點擊文字框右側的  ，然後執行以下其中一項操作：
|
網頁組件的通用屬性
所有網頁組件都有一組通用內容，可用於控制其外觀、版面配置及進階特性。
注意
工具窗格中所顯示的通用網頁組件屬性，可能會與本節所述者不盡相同，原因包括：
- 您必須有適當的權限，才可在工具窗格中看到 [進階] 區段。
- 針對特定的網頁組件，網頁組件開發人員可能已選擇不顯示一或多個這些常用屬性，或已選擇建立並顯示以下未列於工作窗格之 [外觀]、[版面配置] 及 [進階] 區段的其他屬性。
- 部分權限與屬性設定可能會停用或隱藏網頁組件屬性。
外觀
| 屬性 | 描述 |
|---|---|
| 標題 | 指定顯示在網頁組件標題列上的網頁組件標題。 |
| 高度 | 指定網頁組件的高度。 |
| 寬度 | 指定網頁組件的寬度。 |
| 組件區塊狀態 | 指定當使用者開啟網頁組件頁面時，頁面上是否要顯示整個網頁組件。 組件區塊狀態依預設為 [一般]，亦即顯示整個網頁組件。 當狀態設定為 [最小化] 時，只會顯示標題列。 |
| 組件區塊類型 | 指定是否顯示網頁組件圖文框的標題列及框線。 |
版面配置
| 屬性 | 描述 |
|---|---|
| 隱藏 | 指定當使用者開啟網頁組件頁面時，是否要顯示網頁組件。 若已選取此核取方塊，網頁組件便只會在您設計頁面時為可見，且標題後會加上 (隱藏)。 若想要透過網頁組件連線使用網頁組件將資料提供另一個網頁組件，但不想要顯示該網頁組件，則可隱藏網頁組件。 |
| 方向 | 指定網頁組件內容的文字方向。 例如，阿拉伯文是由右到左的語言，而英文與其他大多數歐洲語言則是由左到右的語言。 只有某些類型的網頁組件才可以使用此設定。 |
| 區域 | 指定網頁組件頁面上網頁組件所在的區域。 註： 當您沒有修改區域的權限時，網頁部分頁面上的區域不會顯示在清單框中。 |
| 區域索引 | 指定當區域包含一個以上的網頁組件時，網頁組件在區域中的位置。 若要指定順序，請在文字方塊中輸入正整數。 區域中的網頁組件若是由上而下依序排列，值 1 即表示網頁組件會出現在區域的頂端。 區域中的網頁組件若是由左而右依序排列，值 1 即表示網頁組件會出現在區域的左側。 例如，當您將網頁組件新增至由上而下排列的空白區域時，區域索引為 0。 當您將第二個網頁組件新增到該區域的底端時，其區域索引為 1。 若要將第二個網頁組件移至該區域的頂端，請輸入 0，然後為第一個網頁組件輸入 1。 註： 區域內的每個 Web Parts 必須擁有獨特的區域索引值。 因此，變更目前網頁組件的區域索引值，也會變更該區域中其他網頁組件的區域索引值。 |
進階
| 屬性 | 描述 |
|---|---|
| 允許最小化 | 指定網頁組件是否可以最小化。 |
| 允許關閉 | 會指定是否可從網頁組件頁面移除網頁組件。 |
| 允許隱藏 | 指定網頁組件是否可以隱藏。 |
| 允許區域變更 | 指定網頁組件是否可以移至不同的區域。 |
| 允許連線 | 指定網頁組件是否可以與其他網頁組件連線。 |
| 允許在個人檢視中編輯 | 指定網頁組件內容是否可以在個人檢視中修改。 |
| 匯出模式 | 指定允許此網頁組件匯出之資料的層級。 視您的設定而異，可能無法使用此設定。 |
| 標題 URL | 指定內含網頁組件其他相關資訊之檔案的 URL。 當您按一下網頁組件標題時，該檔案會顯示在另一個瀏覽器視窗中。 |
| 描述 | 指定當您將滑鼠指標置於網頁組件標題或網頁組件圖示上時，所出現的工具提示。 當您在下列網頁組件庫的工具窗格中，使用 [尋找網頁組件] 功能表的 [搜尋] 命令來搜尋網頁組件時，會使用此屬性的值：網站、虛擬伺服器及網頁組件頁面。 |
| 說明 URL | 指定內含網頁組件相關說明資訊之檔案的位置。 當您按一下 [網頁組件] 功能表中的 [說明] 命令時，[說明] 資訊會顯示在另一個瀏覽器視窗中。 |
| 說明模式 | 指定瀏覽器顯示網頁組件 [說明] 內容的方式。 選取下列其中一項：
註：儘管自訂Microsoft ASP.NET 網頁部分支援此功能，預設Windows SharePoint Services 3.0 說明主題僅在獨立瀏覽器視窗開啟。 |
| 目錄圖示圖像 URL | 指定一個檔案的位置，而該檔案內含的圖像在網頁組件清單中會作為網頁組件圖示使用。 圖像大小必須為 16 x 16 像素。 |
| 標題圖示圖像 URL | 指定一個檔案的位置，而網頁組件標題列中會使用該檔案內含的圖像。 圖像大小必須為 16 x 16 像素。 |
| 匯入錯誤訊息 | 指定匯入網頁組件發生問題時要顯示的訊息。 |