使用手冊 取消

切片的 HTML 選項

顯示切片選項對話框

請執行下列任一操作:

  • 使用「切片選取」工具 ,按兩下切片。(如果工具未顯示,請按住「裁切」或「切片」工具。)
  • 在「切片選取」工具為作用中時,按一下選項列中的「切片選項」按鈕 。「儲存為網頁與裝置用」對話框中無法使用這個方法

指定切片內容類型

當轉存為 HTML 檔案時,您可以指定切片資料如何在網頁瀏覽器中顯示。可用的選項會依據選取的切片類型而有不同。

  • 影像切片中含有影像資料。這是預設的內容類型。

  • 「沒有影像」切片可讓您建立空白的表格儲存格,之後再填入文字或實色。您可以在「沒有影像」切片中輸入 HTML 文字。如果在「儲存為網頁與裝置用」對話框中設定「文字為 HTML」選項,則在瀏覽器中檢視時便會將文字解譯為 HTML。「沒有影像」類型的切片無法轉存為影像,但可以在瀏覽器中預視。

註解:

為自動切片設定選項,會將切片提升為使用者切片。

  1. 選取切片。如果您是在 Photoshop 中工作,請使用「切片選取」工具按兩下切片,即可顯示「切片選項」對話框。
  2. 在「切片選項」對話框中,從「類型」彈出式選單選取切片類型。

重新命名切片

在影像中增加切片時,根據切片的內容為它重新命名可能會很有用。根據預設,使用者切片是根據「輸出設定」對話框中的設定命名

  1. 選取某個切片,然後使用「切片選取」工具按兩下此切片,以顯示「切片選項」對話框。在「切片選項」對話框的「名稱」文字方塊中,輸入新的名稱。
    註解:

    「名稱」文字方塊不適用於「沒有影像」切片內容。

選擇切片的背景色

您可以選取用來填滿切片透明區域 (「影像」切片) 或整個區域 (「沒有影像」切片) 的背景色。

Photoshop 不會顯示選取的背景色,您必須在瀏覽器中預視影像,才能檢視選取背景色的效果。

  1. 選取切片。如果您是在 Photoshop 的「儲存為網頁與裝置用」對話框中工作,請使用「切片選取」工具按兩下切片,即可顯示「切片選項」對話框
  2. 在「切片選項」對話框中,從「背景色」彈出式選單選取背景色。選取「無」、「邊緣調合」、「白色」、「黑色」或「其他」(使用 Adobe 檢色器)。

為切片指定 URL,會使得整個切片區域成為完成網頁中的連結。當使用者按一下連結時,網頁瀏覽器就會連結到指定的 URL 和目標框架。這個選項只能用於「影像」切片。

  1. 選取切片。如果您是在 Photoshop 中工作,請使用「切片選取」工具按兩下切片,即可顯示「切片選項」對話框。
  2. 在「切片選項」對話框的「URL」文字方塊中輸入 URL。您可以輸入相對 URL 或絕對 (完整) 的 URL。如果輸入的是絕對 URL,請確認包含了適當的協定,例如︰http://www.adobe.com,而不是 www.adobe.com。如需有關使用相對和完整 URL 的詳細資訊,請參閱 HTML 參考資料。
  3. 如果有需要,可以在「目標」文字方塊中輸入目標影格的名稱:

    _blank

    將連結的檔案顯示在新的視窗中,並將原始的瀏覽器視窗保持為開啟。

    _self

    將連結的檔案顯示在與原始檔案相同的框架中。

    _parent

    將連結的檔案顯示在自己原始的父框架組合中。如果 HTML 文件中包含框架,而且目前的框架是它的子代,就可以使用這個選項。連結的檔案會顯示在目前的父框架中。

    _top

    使用連結的檔案取代整個瀏覽器視窗,並移除所有目前的影格。名稱必須符合之前在文件的 HTML 檔案中定義的影格名稱。當使用者按一下連結時,指定的檔案就會顯示在新的框架中。

    註解:

    如需框架的詳細資訊,請參閱 HTML 參考資料。

指定瀏覽器訊息和 Alt 文字

您可以指定瀏覽器中出現的訊息。這些選項只能在「影像」切片中使用,且只會出現在轉存的 HTML 檔案中。

  1. 選取切片。如果您是在 Photoshop 中工作,請使用「切片選取」工具按兩下切片,即可顯示「切片選項」對話框。
  2. 在「切片選項」對話框中,輸入所要的文字。

    訊息文字

    更改選取的一或多個切片中瀏覽器狀態區域的預設訊息。依預設,會顯示切片的 URL (如果有的話)。

    Alt 標記/Alt

    指定選取切片的 Alt 標記。在非圖像式的瀏覽器中,Alt 文字會取代切片影像;在某些瀏覽器中,當您正在下載影像時,它也會取代影像並顯示成工具提示。

在切片中增加 HTML 文字

當選擇「沒有影像」類型的切片時,可以輸入要在結果網頁切片區域顯示的文字。這可以是純文字或標準 HTML 標記格式的文字。您也可以選取垂直或水平的對齊選項。如需特定 HTML 標記的詳細資訊,請參閱 HTML 參考資料。

Photoshop 不會在文件視窗中顯示 HTML 文字;您必須使用網頁瀏覽器預視文字。因此,請務必要在不同的瀏覽器上、使用不同的瀏覽器設定,以及在不同的作業系統上,預視顯示在網頁上的文字,以確認文字可以在網頁上正確顯示。

註解:

「沒有影像」切片中文字的多寡,會影響轉存後頁面的版面配置。

  1. 選取切片。使用「切片選取」工具按兩下此切片,以顯示「切片選項」對話框。您可以在「儲存為網頁與裝置用」對話框中按兩下此切片,設定其他的格式選項
  2. 在「切片選項」對話框中,從「切片類型」選單選取「沒有影像」。
  3. 在文字方塊中,輸入需要的文字。
  4. (僅適用於「儲存為網頁與裝置用」對話框) 如果文字中包含 HTML 格式標記,請選取「文字為 HTML」選項。如果您沒有選取這個選項,就會忽略 HTML 標記,所有文字都會在最後產生的網頁上顯示為沒有格式的純文字。
  5. (僅適用於「儲存為網頁與裝置用」對話框) 如果有需要,可以在對話框的「儲存格對齊」區段中選取選項

    預設

    水平對齊使用瀏覽器預設值。

    文字對齊切片區域的左側。

    居中

    文字對齊切片區域的中央。

    文字對齊切片區域的右側。

    預設

    垂直對齊使用瀏覽器預設值。

    文字對齊切片區域的頂端。

    基線

    為同一列 (指完成的 HTML 表格而言) 儲存格的第一行文字設定共同的基線。該列中的每一個儲存格都必須使用「基線」選項。

    在切片區域中垂直居中放置文字。

    文字對齊切片區域的底部。

更多相關資訊

更快、更輕鬆地獲得協助

新的使用者?