|
切片選項 Slice Options對話框提供了多個設置，主要用于定義切片的網(wǎng)頁屬性。 在與 HTML 文件一起導出時，切片選項決定了切片在 Web 瀏覽器中的顯示方式。 切片類型 Slice Type分為三種：圖像、無圖像、表。 “表” Table類型可以特定的切片創(chuàng)建一個 HTML 表，在當前的工作環(huán)境或文件設置下可能不支持此功能（顯示為灰色）。 ◆ ◆ ◆ 切片類型 - 圖像 Image 默認選項。用于定義圖像切片的網(wǎng)頁屬性。
名稱 Name 為圖像切片指定一個名稱。 URL URL 為圖像切片指定一個網(wǎng)址。 在創(chuàng)建網(wǎng)頁布局時，這意味著當用戶點擊這個圖像時，Web 瀏覽器會導航到指定的 URL 和目標框架。 可以輸入相對 URL 或絕對（完整）URL。 如果輸入絕對 URL，一般要包括正確的協(xié)議。 例如，http://www.adobe.com 而不是 www.adobe.com。 目標 Target 用于指定當網(wǎng)頁上的圖像作為鏈接被點擊時，鏈接打開的方式或位置。這里的選項是 HTML 中定義鏈接行為的標準目標屬性值。 _blank 打開一個新的瀏覽器窗口或標簽頁來加載點擊的鏈接。 當希望用戶在點擊鏈接時保留當前頁面，同時在新窗口中打開鏈接內容時使用。 _self 在當前瀏覽器窗口或標簽頁中加載鏈接，替換掉當前顯示的頁面。 這是默認行為，適用于用戶不需要保留當前頁面的情況。 _parent 在父框架中打開鏈接。如果當前頁面是在一個框架集（frame set）的子框架中，該鏈接將在父框架中打開，而不是當前框架。 在使用 HTML 框架時，如果想在父框架中替換內容，而不是當前子框架，則使用這個選項。 _top 在當前瀏覽器的頂層框架中打開鏈接，即，取消所有框架并在整個瀏覽器窗口中打開鏈接。 當你的頁面是在多層嵌套的框架中時，使用這個選項可以確保鏈接的內容在最頂層的瀏覽器環(huán)境中完整顯示。 信息文本 Message Text 定義鼠標懸停在切片上時顯示的文本。 這通常用于提供有關鏈接目的地的額外信息。 Alt 標記 Alt Tag 定義切片的“alt”屬性，這是HTML中的一個標準屬性，用于提供圖像的替代文本。 這對于搜索引擎優(yōu)化（SEO）和可訪問性非常重要。 ◆ ◆ ◆ 切片類型 - 無圖像 No Image 主要用于在設計網(wǎng)頁時，為非圖像切片定義文本信息，這些文本信息將在最終的 HTML 輸出中顯示。
這個功能在設計網(wǎng)頁時非常有用，特別是當你需要在特定區(qū)域內顯示文本而不是圖像時。 顯示在單元格中的文本 Text Displayed in Cell 輸入要在所生成 Web 頁的切片區(qū)域中顯示的文本。此文本可以是純文本或使用標準 HTML 標記設置格式的文本。也可以選擇垂直和水平對齊選項。有關特定 HTML 標記的更多信息，請參閱 HTML 參考。 Photoshop 不會在文檔窗口中顯示 HTML 文本，必須使用 Web 瀏覽器來預覽文本。確保在不同的操作系統(tǒng)上使用不同的瀏覽器，利用不同的瀏覽器設置預覽 HTML 文本，以確認文本可在 Web 上正確顯示。 ◆ ◆ ◆ 切片通用選項 尺寸 Dimensions X、Y 表示切片左上角的坐標。 W、H 表示切片的寬度和高度。 切片背景類型 Slice Background Type 選擇一種背景色來填充透明區(qū)域（適用于“圖像”切片）或整個區(qū)域（適用于“無圖像”切片）。 在 Photoshop 中不會顯示選定的背景色，必須在瀏覽器中預覽圖像才能查看選擇背景色的效果。 --無 None --雜邊 Matte --白色 White --黑色 Black --其它 Other 在“其它”選項時，可手動指定背景色 Background Color。 ◆ ◆ ◆ 導出時的切片選項 Ps菜單：文件/導出/存儲為 Web 所用格式（舊版） File/Export/Save for Web(Legacy) 快捷鍵：Ctrl + Alt + Shift + S 在“存儲為 Web 所用格式”對話框中，使用右側的切片選擇工具雙擊切片，可編輯切片選項。 在切片類型為“圖像”時，選項與前面所述基本一致。 當切片類型為“無圖像”時，則多出了一些選項。
文本為 HTML Text is HTML 如果文本包含 HTML 格式設置標記，請勾選選項。 如果不勾選，則將忽略 HTML 標記，所有文本將以未設置格式的純文本形式出現(xiàn)在生成的 Web 頁上。 單元格對齊 Cell Alignment 水平 Horiz --默認值 Default 使用瀏覽器的默認值作為水平對齊方式。 --左 Left 將文本與切片區(qū)域的左邊對齊。 --居中 Center 將文本與切片區(qū)域的中心對齊。 --右 Right 將文本與切片區(qū)域的右邊對齊。 垂直 Vert --默認值 Default 使用瀏覽器的默認垂直對齊方式。 --頂 Top 將文本與切片區(qū)域的頂邊對齊。 --基線 Baseline 在（結果 HTML 表的）同一行中為單元格文本的第一行設置共用基線。行中的每個單元格必須使用“基線”選項。 --中間 Middle 在切片區(qū)域中垂直居中對齊文本。 --底 Bottom 將文本與切片區(qū)域的底端對齊。 背景 Background 用于設置切片背景色。 --無 None --雜邊 Matte --吸管顏色 Eyedropper Color --白色 White --黑色 Black --其它 Other “點贊有美意，贊賞是鼓勵” |
|
|
