圖像網頁組件

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您可以使用圖像網頁組件來新增圖片或圖形到網頁組件頁面中。若要協調此圖像與頁面上之其他網頁組件的位置,您可以在共用檢視中修改自訂屬性,藉此控制圖像網頁組件內之圖像的垂直對齊、水平對齊和背景色彩。

本文內容

使用圖像網頁組件的方式

顯示圖像的方式

將圖像網頁組件連線到其他網頁組件

圖像網頁組件的自訂屬性

網頁組件的通用屬性

圖像網頁組件的使用方式

您可以使用圖像網頁組件來執行下列動作:

  • 新增公司標誌或專案標誌到頁面中

  • 顯示員工或產品的相片

  • 加強頁面的視覺效果

頁面頂端

圖像的顯示方式

您可以使用兩種方法來顯示圖像:

  • [圖像連結] 屬性文字方塊中,輸入圖像檔案的檔案路徑或超連結。此時的圖像是靜態圖像且不會改變 (除非您編輯屬性)。

  • 將圖像網頁組件連線至另一個提供檔案路徑或超連結的網頁組件。在此情況下,圖像可以是動態圖像,可以由另一個網頁組件中的動作變更此圖像 (例如,如果使用者在清單檢視網頁組件中選取某一資料列)。

    例如,您可以將包含連絡人的清單檢視網頁組件連線至圖像網頁組件。每當您選取連絡人清單檢視網頁組件中的某一資料列,而此網頁組件中的欄具有包含該連絡人相片的檔案超連結時,連絡人的相片就會顯示在圖像網頁組件中。

頁面頂端

將圖像網頁組件連線至另一個網頁組件

  1. [網站動作] 功能表 按鈕影像 上,按一下 [編輯頁面]

  2. 按一下 [網頁組件] 功能表 [網頁組件] 功能表 ,然後指向 [連線]

  3. 指向 [取得圖像來源],然後按一下要連結的網頁組件名稱。

附註: 如果 [圖像連結] 屬性已經包含值,而您將圖像網頁組件連線至另一個網頁組件,則會忽略 [圖像連結] 屬性。如果圖像網頁組件已經連線至另一個網頁組件,而您要設定 [圖像連結] 屬性的值,就必須先移除該連線。

頁面頂端

圖像網頁組件的自訂屬性

以下為圖像網頁組件的自訂屬性。

附註: 您無法在個人檢視中檢視或編輯這些自訂屬性。

屬性

描述

[圖像連結]

指定要在圖像網頁組件中顯示之圖像的檔案路徑或超連結。

根據使用的瀏覽器而定,支援的圖形檔案格式包括下列格式。

圖形檔案格式

檔案類型

Windows 點陣圖 (BMP)

.bmp

Windows 增強型中繼檔 (EMF)

.emf

圖形交換格式 (GIF)

.gif

Joint Photographic Experts Group (JPEG)

.jpg、.jpeg

可攜式網路圖形 (PNG)

.png

由於圖像網頁組件連線至提供圖像的另一個網頁組件,因此可能無法使用 [圖像連結] 屬性。

[替代文字]

指定當使用者將滑鼠指標放在圖像上時,要顯示的文字。當圖像無法使用時,將會顯示這段文字。

[垂直對齊圖像]

在圖像網頁組件中垂直放置圖像。請選取下列其中一項對齊方式:[靠上][置中][靠下]。預設值為 [置中]

[水平對齊圖像]

在圖像網頁組件中水平放置圖像。請選取下列其中一項對齊方式:[靠左][置中] 或 [靠右]。預設值為 [置中]

[網頁組件背景色彩]

決定圖像背後的圖像網頁組件視窗的色彩。預設色彩是目前佈景主題的背景色彩。

若要指定色彩,請按一下文字方塊右側的 按鈕影像 ,然後執行下列一項:

  • 選取色彩方格中的色彩

  • 輸入 HTML 色彩名稱

  • 輸入色彩的 RGB 值

若要使用與網站佈景主題相同的背景色彩,請按一下 [網頁組件背景色彩] 對話方塊中的 [透明]

頁面頂端

網頁組件的通用屬性

所有網頁組件都會共用一組通用屬性,用以控制其外觀、版面配置及進階特性。

附註: 工具窗格中所顯示的通用網頁組件屬性,可能會與本節所述者不盡相同,原因包括:

  • 您必須有適當的權限,才能夠在工具窗格中看到 [進階] 區段。

  • 針對特定的網頁組件,網頁組件開發人員可能已選擇不顯示一個或多個這些通用屬性,或已選擇另外建立並顯示其他未列於工作窗格之 [外觀][版面配置][進階] 區段的屬性。

  • 某些權限與屬性設定可能會停用或隱藏網頁組件的屬性。

外觀

屬性

描述

標題

會指定網頁組件的標題,這會出現在網頁組件標題列中。

高度

會指定網頁組件的高度。

寬度

會指定網頁組件的寬度。

組件區塊狀態

會指定當使用者開啟網頁組件頁面時,頁面上是否要顯示整個網頁組件。根據預設,組件區塊狀態會設定為 [一般],亦即顯示整個網頁組件。當狀態設定為 [最小化] 時,就只會顯示標題列。

組件區塊類型

會指定是否顯示網頁組件的標題列和框線。

版面配置

屬性

描述

隱藏

指定當使用者開啟網頁組件頁面時,是否要顯示網頁組件。若已選取此核取方塊,網頁組件便只會在您設計頁面時為可見,且標題後會加上 (隱藏)

若想要透過網頁組件連線,使用網頁組件提供資料給另一個網頁組件,但不想要顯示該網頁組件,則可隱藏網頁組件。

方向

會指定網頁組件內容的文字方向。例如,阿拉伯文是從右至左的語言,而英文與大多數其他歐洲語言則是從左至右的語言。只有某些類型的網頁組件才可以使用此設定。

區域

指定網頁組件頁面上網頁組件所在的區域。

附註: 當您不具有修改區域的權限時,清單方塊中就不會列出網頁組件頁面上的區域。

區域索引

會指定當區域包含一個以上的網頁組件時,網頁組件在區域中的位置。

若要指定順序,請在文字方塊中輸入正整數。

區域中的網頁組件若是由上而下依序排列,值 1 即表示網頁組件會出現在區域的頂端。區域中的網頁組件若是由左而右依序排列,值 1 即表示網頁組件會出現在區域的左側。

例如,當您將網頁組件新增至由上而下排列的空白區域時,區域索引為 0。當您將第二個網頁組件新增到該區域的底端時,其區域索引為 1。若要將第二個網頁組件移至該區域的頂端,請輸入 0,然後為第一個網頁組件輸入 1

附註: 區域中的每個網頁組件都必須有唯一的區域索引值。因此,變更目前網頁組件的區域索引值,也會變更該區域中其他網頁組件的區域索引值。

進階

屬性

描述

允許最小化

會指定網頁組件是否可以最小化。

允許關閉

會指定是否可從網頁組件頁面移除網頁組件。

允許隱藏

會指定網頁組件是否可以隱藏。

允許區域變更

會指定網頁組件是否可以移動到不同的區域。

允許連線

會指定網頁組件是否可以與其他網頁組件進行連結。

允許在個人檢視中編輯

會指定網頁組件屬性是否可以在個人檢視中進行修改。

匯出模式

會指定允許此網頁組件匯出之資料層級。視設定之不同,可能無法使用此設定。

標題 URL

會指定內含網頁組件其他相關資訊之檔案的 URL。當您按一下網頁組件標題時,檔案會顯示在另一個瀏覽器視窗中。

描述

指定當您將滑鼠指標置於網頁組件標題或網頁組件圖示上時,所出現的工具提示。當您在下列網頁組件庫的工具窗格中,使用 [尋找網頁組件] 功能表的 [搜尋] 命令來搜尋網頁組件時,會使用此屬性的值:網站、虛擬伺服器及網頁組件頁面。

說明 URL

會指定內含網頁組件相關說明資訊之檔案的位置。當您按一下 [網頁組件] 功能表中的 [說明] 命令時,說明資訊會顯示在另一個瀏覽器視窗中。

說明模式

會指定瀏覽器顯示網頁組件說明內容的方式。

選取下列其中一項:

  • 強制回應會開啟另一個瀏覽器視窗 (如果瀏覽器的功能有支援)。回到網頁之前,使用者必須先關閉視窗。

  • 非強制回應會開啟另一個瀏覽器視窗 (如果瀏覽器的功能有支援)。回到網頁之前,使用者不一定要先關閉視窗。這是預設選項。

  • 導覽會在目前的瀏覽器視窗中開啟網頁。

附註: 雖然自訂的 Microsoft ASP.NET 網頁組件支援這個屬性,但是預設的 Windows SharePoint Services 3.0 [說明] 主題只會在另一個瀏覽器視窗中開啟。

目錄圖示圖像 URL

會指定內含在網頁組件清單中用做網頁組件圖示圖像之檔案的位置。圖像大小必須為 16 x 16 像素。

標題圖示圖像 URL

會指定內含用於網頁組件標題列中圖像之檔案的位置。圖像大小必須為 16 x 16 像素。

匯入錯誤訊息

會指定萬一匯入網頁組件發生問題時所要顯示的訊息。

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×