您可以使用圖像網頁組件來新增圖片或圖形至網頁組件頁面。如要更輕鬆地協調圖像與其他頁面上的網頁組件,您可以透過在共用檢視中編輯其自訂屬性,在圖像網頁組件中控制圖像的垂直對齊方式、水平對齊方式及背景色彩。
本文內容
使用圖像網頁組件的方式
您可以使用圖像網頁組件執行以下操作:
-
在頁面加上公司或專案標誌。
-
顯示員工或產品的相片。
-
加強頁面的視覺效果。
顯示圖像的方式
顯示圖像的方式有兩種:
-
在 [圖像連結] 屬性文字方塊中,輸入圖像檔案的檔案路徑或超連結。在這種情況下,圖像是靜態圖像,並不會改變 (除非您編輯屬性)。
-
將圖像網頁組件連線到另一個提供檔案路徑或超連結的網頁組件。在這種情況下,圖像可能是動態圖像,可能會因為另一個網頁組件的動作 (例如使用者在清單檢視網頁組件中選取一列) 而改變。
舉個例說,您可以將包含連絡人的清單檢視網頁組件,連線到圖像網頁組件。每當您在連絡人清單檢視網頁組件中選取一列時 (在連絡人清單檢視網頁組件的某一欄中,含有包含該連絡人圖片之檔案的超連結),就會在圖像網頁組件中,看到該連絡人的圖片。
將圖像網頁組件連線到其他網頁組件
-
在 [網站動作] 功能表 上,按一下 [編輯頁面]。
-
按一下 [網頁組件] 功能表 ,然後指向 [連線]。
-
指向 [圖像來源],然後按一下您要連結的網頁組件名稱。
附註: 如果 [圖像連結] 屬性已有一值,則當您將圖像網頁組件連線到另一個網頁組件時,[圖像連結] 屬性會被忽略。如果圖像網頁組件已經連線到另一個網頁組件,則必須先移除該連線,才能夠為 [圖像連結] 屬性設定一值。
圖像網頁組件的自訂屬性
以下是圖像網頁組件的自訂屬性。
附註: 您無法在個人檢視中檢視或編輯這些自訂屬性。
屬性 |
描述 |
||||||||||||
圖像連結 |
可指定您希望在圖像網頁組件中顯示之圖像的檔案路徑或超連結。 支援的圖形檔案格式將根據您所使用的瀏覽器而定,如下所示。
[圖像連結] 屬性可能會因為圖像網頁組件連線到另一個提供圖像的網頁組件而無法使用。 |
||||||||||||
替代文字 |
可指定當使用者將滑鼠指標置於圖像上方時要顯示的文字。這段文字會在圖像無法顯示時出現。 |
||||||||||||
圖像垂直對齊方式 |
可將圖像在圖像網頁組件中垂直定位。請選取下列一項:[靠上]、[置中] 或 [靠下],預設值是 [置中]。 |
||||||||||||
圖像水平對齊方式 |
可將圖像在圖像網頁組件中水平定位。請選取下列一項:[靠左]、[置中] 或 [靠右]。預設值是 [置中]。 |
||||||||||||
網頁組件背景色彩 |
可決定圖像背後 [圖像網頁組件] 視窗的色彩。預設色彩是目前佈景主題的背景色彩。 若要指定色彩,請按一下文字方塊右側的 ,然後執行下列一項:
如果您希望背景色彩與網站的佈景主題同色,請按一下 [網頁組件背景色彩] 對話方塊中的 [透明]。 |
網頁組件的通用屬性
所有網頁組件都有一組通用內容,可用於控制其外觀、版面配置及進階特性。
附註: 工具窗格中所顯示的通用網頁組件屬性,可能會與本節所述者不盡相同,原因包括:
-
您必須有適當的權限,才可在工具窗格中看到 [進階] 區段。
-
針對特定的網頁組件,網頁組件開發人員可能已選擇不顯示一或多個這些常用屬性,或已選擇建立並顯示以下未列於工作窗格之 [外觀]、[版面配置] 及 [進階] 區段的其他屬性。
-
部分權限與屬性設定可能會停用或隱藏網頁組件屬性。
外觀
屬性 |
描述 |
標題 |
指定顯示在網頁組件標題列上的網頁組件標題。 |
高度 |
指定網頁組件的高度。 |
寬度 |
指定網頁組件的寬度。 |
組件區塊狀態 |
指定當使用者開啟網頁組件頁面時,頁面上是否要顯示整個網頁組件。組件區塊狀態依預設為 [一般],亦即顯示整個網頁組件。當狀態設定為 [最小化] 時,只會顯示標題列。 |
組件區塊類型 |
指定是否顯示網頁組件圖文框的標題列及框線。 |
版面配置
屬性 |
描述 |
隱藏 |
指定當使用者開啟網頁組件頁面時,是否要顯示網頁組件。若已選取此核取方塊,網頁組件便只會在您設計頁面時為可見,且標題後會加上 (隱藏)。 若想要透過網頁組件連線使用網頁組件將資料提供另一個網頁組件,但不想要顯示該網頁組件,則可隱藏網頁組件。 |
方向 |
指定網頁組件內容的文字方向。例如,阿拉伯文是由右到左的語言,而英文與其他大多數歐洲語言則是由左到右的語言。只有某些類型的網頁組件才可以使用此設定。 |
區域 |
指定網頁組件頁面上網頁組件所在的區域。 附註: 當您不具有修改區域的權限時,清單方塊中就不會列出網頁組件頁面上的區域。 |
區域索引 |
指定當區域包含一個以上的網頁組件時,網頁組件在區域中的位置。 若要指定順序,請在文字方塊中輸入正整數。 區域中的網頁組件若是由上而下依序排列,值 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 像素。 |
匯入錯誤訊息 |
指定匯入網頁組件發生問題時要顯示的訊息。 |