建立網路相片收藏館

  1. Photoshop 使用者指南
  2. Photoshop 簡介
    1. 夢寐以求。創造一切。
    2. Photoshop 新增功能
    3. 編輯您的第一張相片
    4. 建立文件
    5. Photoshop | 常見問題
    6. Photoshop 系統需求
    7. 遷移預設集、動作和設定
    8. 了解 Photoshop
  3. Photoshop 和 Adobe 服務
    1. Photoshop 與 Adobe Stock
    2. Creative Cloud Libraries
    3. Photoshop 中的 Creative Cloud Libraries
    4. 格點和參考線
    5. 建立動作
    6. 還原和步驟記錄
    7. 預設鍵盤快速鍵
    8. 觸控功能與可自訂的工作區
    9. 透過 Photoshop 使用 Touch Bar
    10. 使用 Photoshop 中的 Capture 應用程式內延伸功能
  4. iPad 版 Photoshop
    1. iPad 版 Photoshop | 常見問題
    2. 了解工作區
    3. 系統需求 | iPad 版 Photoshop
    4. 建立、開啟和轉存雲端文件
    5. 新增相片
    6. 使用圖層
    7. 使用筆刷繪畫和繪圖
    8. 選取範圍並新增遮色片
    9. 潤飾您的複合
    10. 使用調整圖層
    11. 使用曲線調整複合的色調
    12. 应用变换操作
    13. 裁切和旋轉您的複合材料
    14. 旋轉、平移、縮放和重設畫布
    15. 使用文字圖層
    16. 使用 Photoshop 和 Lightroom
    17. 讓缺少的字體能在 iPad 的 Photoshop 中正常顯示
    18. iPad 版 Photoshop 中的日文文字
    19. 管理應用程式設定
    20. 觸控快捷鍵與手勢
    21. 鍵盤快速鍵
    22. 系統需求 1.x | iPad 版 Photoshop
    23. 系統需求 2.x | iPad 版 Photoshop
    24. 編輯影像尺寸
    25. 在 iPad 版 Photoshop 中創作時直播
    26. 使用「修復筆刷」修復影像缺陷
    27. 在擷取中建立筆刷,然後在 Photoshop 中使用
  5. 雲端文件
    1. Photoshop 雲端文件 | 常見問題
    2. Photoshop 雲端文件 | 工作流程問題
    3. 在 Photoshop 中管理和使用雲端文件
    4. 升級 Photoshop 的雲端儲存空間
    5. 無法建立或儲存雲端文件
    6. 解決 Photoshop 雲端文件錯誤
    7. 收集雲端文件同步記錄
    8. 共用存取權限和編輯雲端文件
  6. 工作區
    1. 工作區基本介紹
    2. 建立文件
    3. 透過 Photoshop 使用 Touch Bar
    4. Photoshop 中的 Microsoft Dial 支援
    5. 工具收藏館
    6. 效能偏好設定
    7. 使用工具
    8. 觸控手勢
    9. 觸控功能與可自訂的工作區
    10. 技術預視
    11. 中繼資料和備註
    12. 快速分享您的創作
    13. 將 Photoshop 影像置入其他應用程式中
    14. 偏好設定
    15. 預設鍵盤快速鍵
    16. 尺標
    17. 顯示或隱藏非列印輔助項目
    18. 指定影像的欄數
    19. 還原和步驟記錄
    20. 面板和選單
    21. 將檔案置入
    22. 使用靠齊定位元素
    23. 使用尺標工具定位
    24. 預設集
    25. 自訂鍵盤快速鍵
    26. 格點和參考線
  7. 網頁、螢幕及應用程式設計
    1. 設計專用 Photoshop
    2. 工作區域
    3. 在 Photoshop 中轉存檔案
    4. 裝置預視
    5. 從圖層拷貝 CSS
    6. 分割網頁
    7. 切片的 HTML 選項
    8. 修改切片版面
    9. 處理網頁圖形
    10. 建立網路相片收藏館
  8. 影像和顏色基礎概念
    1. 如何重新調整影像尺寸
    2. 使用點陣化和向量影像。
    3. 影像尺寸與解析度
    4. 從相機和掃描器取得影像
    5. 建立、開啟及讀入影像
    6. 檢視影像
    7. 無效 JPEG 標記錯誤 | 開啟影像
    8. 檢視多個影像
    9. 自訂檢色器和色票
    10. 高動態範圍影像
    11. 讓影像中的顏色相符
    12. 轉換色彩模式
    13. 色彩模式
    14. 擦除影像的某部分
    15. 混合模式
    16. 選擇顏色
    17. 自訂索引色彩表
    18. 影像資訊
    19. 無法使用扭曲濾鏡
    20. 關於色彩
    21. 以色版調整色彩與單色
    22. 在顏色與色票面板中選擇顏色
    23. 取樣
    24. 色彩模式或影像模式
    25. 顏色投射
    26. 將條件模式更改加入到動作中
    27. 從 HTML CSS 和 SVG 增加色票
    28. 位元深度和偏好設定
  9. 圖層
    1. 圖層基礎概念
    2. 非破壞性編輯
    3. 建立及管理圖層與群組
    4. 選取圖層、建立圖層群組及連結圖層
    5. 將影像置入邊框
    6. 圖層不透明度和混合
    7. 遮色片圖層
    8. 套用智慧型濾鏡
    9. 圖層構圖
    10. 移動、堆疊及鎖定圖層
    11. 使用向量圖遮色片遮住圖層
    12. 管理圖層及群組
    13. 圖層效果和樣式
    14. 編輯圖層遮色片
    15. 摘取資產
    16. 使用剪裁遮色片顯現圖層
    17. 從圖層產生影像資產
    18. 使用智慧型物件
    19. 混合模式
    20. 將多個影像結合成一個群組
    21. 以自動混合圖層組合影像
    22. 對齊和均分圖層
    23. 從圖層拷貝 CSS
    24. 從圖層或圖層遮色片的邊界載入選取範圍
    25. 穿透其他圖層而顯露出內容
    26. 圖層
    27. 平面化
    28. 複合
    29. 背景
  10. 選取範圍
    1. 「選取並遮住」工作區
    2. 快速選取範圍
    3. 選取範圍入門
    4. 使用選取畫面工具選取
    5. 使用套索工具選取範圍
    6. 選取影像中的顏色範圍
    7. 調整像素選取範圍
    8. 在路徑和選取範圍邊界之間進行轉換
    9. 色版基礎概念
    10. 移動、複製及刪除選取的像素
    11. 建立暫時快速遮色片
    12. 儲存選取範圍和 Alpha 色版遮色片
    13. 選取焦點影像區域
    14. 複製、分離及合併色版
    15. 色版運算
    16. 選取範圍
    17. 邊界方框
  11. 影像調整
    1. 透視彎曲
    2. 防止相機手震模糊
    3. 修復筆刷範例
    4. 匯出顏色查詢表格
    5. 調整影像銳利度與模糊度
    6. 了解色彩調整
    7. 套用亮度/對比調整
    8. 調整陰影和亮部細節
    9. 色階調整
    10. 調整色相和飽和度
    11. 調整自然飽和度
    12. 調整影像區域中的顏色飽和度
    13. 進行快速色調調整
    14. 在影像上套用特殊的顏色效果
    15. 使用色彩平衡調整來提升影像品質
    16. 高動態範圍影像
    17. 檢視色階分佈圖和像素值
    18. 讓影像中的顏色相符
    19. 如何裁切及拉直相片
    20. 將彩色影像轉換成黑白相片
    21. 調整和填色圖層
    22. 曲線調整
    23. 混合模式
    24. 設定印刷機適用的影像
    25. 使用色階與曲線滴管調整色彩與色調
    26. 調整 HDR 曝光度和色調
    27. 濾鏡
    28. 模糊
    29. 加亮或加深影像區域
    30. 選擇性調整顏色
    31. 取代物件顏色
  12. Adobe Camera Raw
    1. Camera Raw 系統需求
    2. Camera Raw 的新增功能
    3. Camera Raw 簡介
    4. 建立全景
    5. 支援的鏡頭
    6. Camera Raw 中的暈映、粒狀及去朦朧效果
    7. 預設鍵盤快速鍵
    8. Camera Raw 中的自動透視校正
    9. 如何在 Camera Raw 中進行非破壞性編輯
    10. Camera Raw 中的放射狀濾鏡
    11. 管理 Camera Raw 設定
    12. 在 Camera Raw 中開啟、處理和儲存影像
    13. 在 Camera Raw 中使用增強的「污點移除」工具修復影像
    14. 旋轉、裁切和調整影像
    15. 在 Camera Raw 中調整色彩演算方式
    16. 功能摘要 | Adobe Camera Raw | 2018 年版本
    17. 新功能摘要
    18. Camera Raw 中的處理版本
    19. 在 Camera Raw 中進行局部調整
  13. 影像修復和還原
    1. 從具有「內容感知填色」的相片移除物件
    2. 內容感知修補與移動
    3. 潤飾與修復相片
    4. 校正影像扭曲與雜訊
    5. 可修復大部分問題的基礎疑難排解步驟
  14. 影像變形
    1. 變形物件
    2. 調整裁切、旋轉及版面尺寸
    3. 如何裁切及拉直相片
    4. 建立和編輯全景影像
    5. 彎曲影像、形狀及路徑
    6. 消失點
    7. 使用液化濾鏡
    8. 內容感知縮放
    9. 將影像、形狀及路徑加以變形
    10. 彎曲
    11. 變形
    12. 全景
  15. 繪圖和繪畫
    1. 繪製對稱圖樣
    2. 繪製矩形並修改筆畫選項
    3. 關於繪圖
    4. 繪製及編輯形狀
    5. 繪畫工具
    6. 建立和修改筆刷
    7. 混合模式
    8. 為路徑增加顏色
    9. 編輯路徑
    10. 使用混合器筆刷繪圖
    11. 筆刷預設集
    12. 漸層
    13. 填滿顏色以及使用筆畫繪製選取範圍、圖層和路徑
    14. 使用筆型工具繪圖
    15. 建立圖樣
    16. 使用圖樣製作器建立圖樣
    17. 管理路徑
    18. 管理圖樣資料庫和預設集
    19. 使用圖形數位板繪製或繪畫
    20. 建立紋理筆刷
    21. 增加動態成份至筆刷
    22. 漸層
    23. 使用「藝術步驟記錄筆刷」繪製風格化的筆觸
    24. 使用圖樣繪畫
    25. 在多部裝置上同步預設集
  16. 文字
    1. 使用 OpenType SVG 字體
    2. 設定字元格式
    3. 格式化段落
    4. 如何建立文字效果
    5. 編輯文字
    6. 行距與字元間距
    7. 阿拉伯文和希伯來文文字
    8. 字體
    9. 字型疑難排解
    10. 亞洲文字
    11. 建立文字
    12. 使用 Photoshop 中的輸入工具時,發生文字引擎錯誤 | Windows 8
    13. 全球適用的亞洲字體撰寫器
    14. 如何在 Photoshop 中新增及編輯文字
  17. 視訊與動畫
    1. 在 Photoshop 中編輯影片
    2. 編輯視訊和動畫圖層
    3. 影片與動畫概觀
    4. 預視視訊與動畫
    5. 在視訊圖層的影格中繪圖
    6. 讀入視訊檔案與影像順序
    7. 建立影格動畫
    8. Creative Cloud 3D 動畫 (預視)
    9. 建立時間軸動畫
    10. 建立視訊影像
  18. 濾鏡和效果
    1. 使用液化濾鏡
    2. 使用模糊收藏館
    3. 濾鏡基本概念
    4. 濾鏡效果參考
    5. 增加光源效果
    6. 使用「最適化廣角」濾鏡
    7. 使用油畫濾鏡
    8. 圖層效果和樣式
    9. 套用特定濾鏡
    10. 塗抹影像區域
  19. 儲存及轉存
    1. 以圖形格式儲存檔案
    2. 在 Photoshop 中儲存檔案
    3. 檔案格式
    4. 儲存與轉存視訊和動畫
    5. 儲存 PDF 檔案
    6. Digimarc 版權保護
  20. 列印
    1. 列印 3D 物件
    2. 從 Photoshop 列印
    3. 使用色彩管理進行列印
    4. 縮圖目錄和 PDF 簡報
    5. 以組合版面列印相片
    6. 列印特別色
    7. 雙色調
    8. 將影像列印至商用印刷機
    9. 改善 Photoshop 的色彩列印
    10. 疑難排解列印問題 | Photoshop
  21. 自動化
    1. 建立動作
    2. 建立資料導向圖形
    3. 指令碼
    4. 批次處理檔案
    5. 播放及管理動作
    6. 新增條件式動作
    7. 關於動作和「動作」面板
    8. 記錄執行中的工具
    9. 將條件模式更改加入到動作中
    10. 適用於增效模組和指令碼的 Photoshop UI 工具組
  22. 3D 和技術影像處理
    1. Creative Cloud 3D 動畫 (預視)
    2. 列印 3D 物件
    3. 3D 繪圖
    4. 3D 面板增強功能 | Photoshop
    5. 3D 基礎概念和工具
    6. 3D 演算和儲存
    7. 建立 3D 物件和動畫
    8. 影像堆疊
    9. 3D 工作流程
    10. 度量
    11. DICOM 檔案
    12. Photoshop 與 MATLAB
    13. 計算影像中的物件數
    14. 組合和轉換 3D 物件
    15. 3D 紋理編輯
    16. 調整 HDR 曝光度和色調
    17. 3D 面板設定
  23. 色彩管理
    1. 了解色彩管理
    2. 保持色彩一致
    3. 色彩設定
    4. 處理色彩描述檔
    5. 為線上檢視文件進行色彩管理
    6. 列印時為文件進行色彩管理
    7. 為讀入的影像進行色彩管理
    8. 螢幕校樣色彩
註解:

若要以 Photoshop CS5 建立網路收藏館,請參閱 Adobe Bridge 說明中的建立網路相片收藏館。若要使用下方主題中所述較舊的選用「網路相片收藏館」外掛程式,請先下載並安裝 Windows 版或 Mac OS 版。

關於網路相片收藏館

網路相片收藏館是一個網站,它的特色是有一個包含縮圖影像的首頁,以及包含全尺寸影像的收藏館頁。每一個網頁都包含連結,可以讓上網者瀏覽網站。例如,當來訪者按下首頁上的縮圖影像時,關聯的全尺寸影像就會載入到收藏館頁面。使用「網路相片收藏館」指令時,可以從影像組中自動產生網路相片收藏館。

Photoshop 網路相片收藏館首頁
網路相片收藏館首頁

Photoshop 為您的收藏館提供了許多不同的樣式,您可以使用「網路相片收藏館」指令選取。如果是了解 HTML 的進階使用者,可以編輯 HTML 範本檔案組合,以建立新樣式或自訂樣式。

每個收藏館樣式的範本皆有不同選項。如果使用的是預設樣式,有些選項在某些特定樣式中可能會無法使用或是不提供。

建立網路相片收藏館

使用 Adobe Bridge 建立網路收藏館

Adobe Bridge 提供更新的網路收藏館功能。如需指示,請參閱 Adobe Bridge 說明中的建立網路相片收藏館,或檢視下方的教學課程。

使用舊版選擇性 Photoshop 增效模組

  1. 下載並安裝較舊的 Windows 版或 Mac OS 版「網路相片收藏館」外掛程式。

  2. (選擇性) 選取要在 Adobe Bridge 中使用的檔案或檔案夾。

    影像會以在 Bridge 中顯示的順序出現。如果想使用不同的順序,請在 Bridge 中變更順序。

  3. 執行下列任一項作業:

    • 在 Adobe Bridge 中,選擇「工具 > Photoshop > 網路相片收藏館」。

    • 在 Photoshop 中,選擇「檔案 > 自動 > 網路相片收藏館」。

  4. 從「樣式」彈出式選單中,選擇收藏館的樣式。所選擇樣式的首頁預視便會顯示在對話框中。

  5. (選擇性) 輸入收藏館聯絡資訊所要使用的電子郵件地址。

  6. 從「使用」選單中選擇收藏館的來源檔案。

    從 Bridge 選取的影像

    在開啟「網路相片收藏館」對話框之前,使用選取的影像。

    檔案夾

    使用您透過「瀏覽」按鈕 (Windows) 或「選擇」按鈕 (Mac OS) 選取的檔案夾中的影像。然後選取「包括全部的次檔案夾」以包括選取之檔案夾中,任何次檔案夾中的影像。

  7. 按一下「目的地」,然後選取存放收藏館影像和 HTML 頁面的檔案夾。然後按一下「確定」(Windows) 或「選擇」(Mac OS)。

  8. 選取網路收藏館的格式化選項。從「選項」選單中選擇,以顯示每一個選項組合。請參閱網路相片收藏館選項

  9. 按一下「確定」。Photoshop 會將下列 HTML 和 JPEG 檔案置入目的地檔案夾中:

    • 收藏館首頁會根據「副檔名」選項,而命名為 index.htm 或 index.html。在任何網頁瀏覽器中開啟這個檔案,即可預視收藏館。

    • 放在影像次檔案夾中的 JPEG 影像。

    • 放在網頁次檔案夾中的 HTML 網頁。

    • 放在縮圖次檔案夾中的 JPEG 縮圖影像。

確定顏色相符

如果您在色域較寬的處理中色域 (例如 ProPhoto RGB 或 Adobe RGB) 使用相片,則透過無法讀取嵌入色彩描述檔的瀏覽器檢視網路收藏館時,影像色彩可能會改變。如果發生這種情況,請試著先將影像描述檔轉換為 sRGB (大部分瀏覽器都是使用 sRGB 做為預設值),然後再進行影像的最佳化,或是再將影像放到「網路相片收藏館」中。請利用下列其中一種方式將其轉換為 sRGB。在進行作業時,最好是使用影像的複本。

如果使用「影像處理器」,可以將檔案直接以 JPEG 格式儲存為您想要之尺寸。如果您要這麼做,請確定關閉了「大型影像」選項中的「重新調整影像尺寸」。

網路相片收藏館選項

一般

檔案副檔名、編碼、和中繼資料的選項。

副檔名

使用 .htm 或 .html 做為檔案副檔名。

URL 使用 UTF 8 編碼

使用 UTF-8 編碼。

增加影像的寬度和高度屬性

指定尺寸,以縮短下載時間。

保留所有的中繼資料

保留中繼資料資訊。

橫幅

出現在收藏館每個頁面上橫幅的文字選項。為每一個輸入文字:

網站名稱

收藏館名稱。

攝影師

為收藏館提供相片的人或組織名稱。

聯絡資訊

收藏館的聯絡資訊,例如電話號碼或業務地址。

日期

在收藏館每個頁面上出現的日期。依預設,Photoshop 會使用目前的日期。

字體和字體大小

(適用於某些網站樣式) 用於橫幅文字的選項。

大型影像

出現在每個收藏館頁面上主影像的選項。

增加數字連結

(適用於某些網站樣式) 在每個收藏館頁面的頂端置入水平排列的數字順序 (從 1 開始,到收藏館中的總頁數結束)。每個數字都是個別頁面的連結。

重新調整影像尺寸

重新調整來源影像的尺寸,以放置到收藏館頁面。從彈出式選單選擇尺寸或輸入以像素為單位的尺寸。在「強制」中,選擇重新調整尺寸時所要強制使用的影像尺寸。在「JPEG 品質」中,從彈出式選單中選擇選項、輸入介於 0 到 12 之間的數值,或是拖移滑桿。數值越高,影像的品質越好,而檔案也越大。

註解:

Photoshop 使用在偏好設定中設定的預設影像內插補點方法。要減少影像尺寸時,請選擇「環迴增值法」作為預設值,以獲得最好的結果。

邊界大小

指定圍繞於影像周圍邊框的寬度,單位為像素。

標題使用

(適用於某些網站樣式) 指定在每個影像下方顯示註解的選項。選取「檔案名稱」會顯示檔案名稱;選取「描述」、「製作者資訊」、「標題」和「版權」會顯示從「檔案資訊」對話框中取得的描述文字。

字體和字體大小

(適用於某些網站樣式) 指定註解的字體和大小。

縮圖

收藏館首頁的選項,包括縮圖影像的大小。

大小

指定縮圖的大小。從彈出式選單中選擇,或輸入以像素為單位的縮圖寬度數值。

欄和列

指定在首頁顯示縮圖的欄和列數目。這個選項不適用於使用「水平影格樣式」或「垂直影格樣式」的收藏館。

邊界大小

指定圍繞於每個縮圖周圍邊框的寬度,單位為像素。

標題使用

(適用於某些網站樣式) 指定在每個縮圖下方顯示註解的選項。選取「檔案名稱」會顯示檔案名稱;選取「描述」、「製作者資訊」、「標題」和「版權」會顯示從「檔案資訊」對話框中取得的描述文字。

字體和字體大小

(適用於某些網站樣式) 指定註解的字體和大小。

自訂顏色

收藏館中的色彩元件選項。若要變更某個成份的顏色,請按一下它的色票,然後使用「Adobe 檢色器」選取新的顏色。您可以變更每一頁的背景色 (「背景」選項) 和橫幅的背景色 (「橫幅」選項)。

安全性

在每個影像上顯示文字以作為防盜限制。

內容

指定要顯示的文字。選取「自訂文字」可輸入自訂文字。選取「檔案名稱」、「描述」、「製作者資訊」、「標題」或「版權」,顯示從「檔案資訊」對話框中取得的文字。

字體、顏色和位置

指定標題的字體、顏色和對齊方式。

旋轉

以某個角度將文字置入影像上。

網路相片收藏館樣式

Photoshop 提供多種不同的樣式供網路相片收藏館使用。如果是了解 HTML 的進階使用者,可以編輯 HTML 範本檔案組合,以建立新樣式或自訂樣式。

Photoshop 所提供的網路相片收藏館樣式是儲存在下列位置的個別檔案夾中︰

Windows

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery。

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery。

該位置中的每個檔案夾名稱,都會顯示成「網路相片收藏館」對話框「樣式」選單中的選項。每個檔案夾中都包含了下列 HTML 範本檔案,Photoshop 就是使用這些檔案產生收藏館:

Caption.htm

決定顯示在首頁中每個縮圖下方的註解版面。

FrameSet.htm

決定用來顯示網頁的框架組合版面。

IndexPage.htm

決定首頁的版面。

SubPage.htm

決定包含全尺寸影像的收藏館頁面版面。

Thumbnail.htm 決定顯示在首頁中的縮圖版面。

每個範本檔案都包含 HTML 編碼和標記。標記是指當您在「網路相片收藏館」對話框中設定對應的選項時,Photoshop 所取代的文字字串,例如,範本檔案中可能會包含下列 TITLE 元件,它會將標記當做被括住的文字:

<TITLE>%TITLE%</TITLE>

當 Photoshop 使用這個範本檔案產生收藏館時,就會以您在「網路相片收藏館」對話框的「網站名稱」中輸入的文字,取代 %TITLE% 這個標記。

若要進一步了解現有的樣式,可以使用 HTML 編輯器開啟及研讀它的 HTML 範本檔案。由於建立 HTML 文件只需要使用標準的 ASCII 字元,因此,您可以使用純文字編輯器開啟、編輯或建立這類文件,例如「記事本」(Windows) 或 TextEdit (Mac OS)。

關於自訂網路相片收藏館樣式

您可以編輯一或多個 HTML 範本檔案,自訂現有的網路相片收藏館樣式。自訂樣式時,必須遵守下列原則,Photoshop 才能正確地產生收藏館:

  • 樣式檔案夾必須包含這些檔案︰Caption.htm、IndexPage.htm、SubPage.htm、Thumbnail.htm、以及 FrameSet.htm。

  • 您可以重新命名樣式檔案夾,但是不能重新命名檔案夾中的 HTML 範本檔案。

  • 您可以有一個空白的 Caption.htm 檔案,並將決定註解版面的 HTML 編碼和標記置入 Thumbnail.htm 檔案中。

  • 您可以用適當的文字或 HTML 編碼取代範本檔案中的標記,這樣就可以透過範本檔案設定選項,而不需要透過「網路相片收藏館」對話框,例如,範本檔案中可能包含 BODY 成份和下列這個以字符當成值的背景色屬性:

    bgcolor=%BGCOLOR%

    若要將網頁的背景色設定成紅色,可以用「FF0000」取代標記 %BGCOLOR%。

  • 您可以在範本檔案中增加 HTML 編碼和標記。所有標記都必須使用大寫字元,並以百分比符號 (%) 作為開頭和結尾。

自訂或建立網路相片收藏館樣式

  1. 找出儲存現有網路相片收藏館樣式的檔案夾。
  2. 執行下列任一項作業:
    • 若要自訂樣式,請建立樣式檔案夾的複本,然後將其儲存到與現有樣式檔案夾的相同位置。

    • 若要建立新樣式,請建立新樣式的新檔案夾,然後將其儲存到與現有樣式檔案夾的相同位置。

    新的或自訂的樣式 (以其檔案夾名稱命名) 會出現在「網路相片收藏館」對話框的「樣式」選單中。

  3. 使用 HTML 編輯器,執行下列任一項作業︰
    • 自訂 HTML 範本檔案。

    • 建立必要的 HTML 範本檔案,並將它們儲存在樣式檔案夾中。

    建立範本檔案時,請確實遵守關於自訂網路相片收藏館樣式中說明的自訂原則。

    註解:

    自訂或建立收藏館樣式的範本時,應將下列每個標記置入於 HTML 檔案的不同行︰%CURRENTINDEX%、%NEXTIMAGE%、%NEXTINDEX%、%PAGE%、%PREVIMAGE%、以及 %PREVINDEX%。在產生特定的收藏館網頁時,Photoshop 會略過範本中包含這些網頁不適用標記的指令行,例如,當 Photoshop 產生第一個收藏館頁時,它會略過範本中包含 %PREVIMAGE% 標記的所有指令行,因為這個標記是用來決定前一個收藏館頁的連結。如果將 %PREVIMAGE% 標記放在不同行,就可以確保 Photoshop 不會忽略掉範本中的其他標記。

網路相片收藏館樣式標記

Photoshop 為 HTML 範本檔案提供了一些標記,用來定義預設的網路相片收藏館樣式。Photoshop 根據使用者在「網路相片收藏館」對話框中的輸入,使用這些標記產生收藏館。

自訂或建立收藏館樣式時,可以在任何 HTML 範本檔案中增加任何標記,但是 %THUMBNAILS% 和 %THUMBNAILSROWS% 除外;這兩個標記只能出現在 IndexPage.htm 檔案中。請記住,增加標記時,可能也需要在檔案中增加 HTML 編碼,才能正確地使用標記。

您可以在 HTML 範本檔案中使用下列標記:

%ALINK%

決定作用中連結的顏色。

%ALT%

決定影像檔案的名稱。

%ANCHOR%

讓您能夠回到使用者檢視的影像縮圖,而不是索引的開頭。這會在使用者按下「首頁」按鈕時生效。

%BANNERCOLOR%

決定橫幅的顏色。

%BANNERFONT%

決定橫幅文字的字體。

%BANNERFONTSIZE%

決定橫幅文字的字體大小。

%BGCOLOR%

決定背景色。

%CAPTIONFONT%

決定首頁中每個縮圖下方的註解字體。

%CAPTIONFONTSIZE%

決定註解的字體大小。

%CAPTIONTITLE%

從檔案資訊插入註解的文件標題。

%CHARSET%

決定每一頁所使用的字元集。

%CONTACTINFO%

決定收藏館的聯絡資訊,例如電話號碼或位置。

%CONTENT_GENRATOR%

展開到「Adobe Photoshop CS5 網路相片收藏館」。

%COPYRIGHT%

從檔案資訊插入註解的版權資訊。

%CREDITS%

從檔案資訊插入註解的製作者資訊。

%CURRENTINDEX%

決定目前首頁的連結。

%CURRENTINDEXANCHOR%

位於 SubPage.htm 且指向第一個索引頁。

%DATE%

決定顯示在橫幅中的日期。

%EMAIL%

決定收藏館的電子郵件地址聯絡資訊。

%FILEINFO%

決定註解的影像檔案資訊。

%FILENAME%

決定影像的檔名。使用顯示為 HTML 文字的中繼資料。

%FILENAME_URL%

決定影像的 URL 檔名。此選項只能用於 URL 檔名。

%FIRSTPAGE%

決定顯示在框架組合右側框架中的第一個收藏館頁連結。

%FRAMEINDEX%

決定顯示在框架組合左側框架中的首頁連結。

%HEADER%

決定收藏館的標題。

%IMAGEBORDER%

決定收藏館頁中全尺寸影像的邊界大小。

%IMAGE_HEIGHT%

核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。

%IMAGE_HEIGHT_NUMBER%

此標記會以代表影像寬度的數值取代。

%IMAGEPAGE%

決定收藏館頁的連結。

%IMAGE_SIZE%

如果選取了「重新調整影像尺寸」方塊,此標記會包含使用於「大型影像」面板中的影像像素值。如果未選取此方塊,表示此標記包含空白字串。這對於範本中的 JavaScript 特別有用,因為可以顯示所產生網站上所有影像的最大高度和寬度值。

%IMAGESRC%

決定收藏館頁中全尺寸影像的 URL。

%IMAGE_WIDTH%

核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。

%IMAGE_WIDTH_NUMBER%

此標記會以代表影像寬度的數值取代。

%LINK%

決定連結的顏色。

%NEXTIMAGE%

決定下一個收藏館頁的連結。

%NEXTIMAGE _CIRCULAR%

設定大型預視影像與下個大型預視影像之間的連結。

%NEXTINDEX%

決定下一個首頁的連結。

%NUMERICLINKS%

在所有大型預視影像的子頁面中插入編號的連結。

%PAGE%

決定目前網頁的位置 (例如第 3 之 1 頁)。

%PHOTOGRAPHER%

決定為收藏館提供相片的人或組織的名稱。

%PREVIMAGE%

決定前一個收藏館頁的連結。

%PREVINDEX%

決定前一個首頁的連結。

%SUBPAGEHEADER%

決定收藏館的標題。

%SUBPAGETITLE%

決定收藏館的標題。

%TEXT%

決定文字顏色。

%THUMBBORDER%

決定縮圖邊界的大小。

%THUMBNAIL_HEIGHT%

核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。

%THUMBNAIL_HEIGHT_NUMBER%

此標記會以代表縮圖高度的數值取代。

%THUMBNAILS%

會將 Thumbnail.htm 檔案用於框架樣式,以縮圖取代這個標記。您必須將這個標記單獨置入一個 HTML 檔案中,且不換行。

%THUMBNAIL_SIZE%

包含「縮圖」面板中的縮圖像素值。這對於範本中的 JavaScript 特別有用,因為可以顯示所產生網站上所有縮圖的最大高度和寬度值。

%THUMBNAILSRC%

決定縮圖的連結。

%THUMBNAILSROWS%

會將 Thumbnail.htm 檔案用於非框架樣式,以縮圖列取代這個標記。您必須將這個標記單獨置入一個 HTML 檔案中,且不換行。

%THUMBNAIL_WIDTH%

核取「增加影像的寬度和高度屬性」核取方塊。這讓使用者可以下載此屬性,以減少下載時間。

%THUMBNAIL_WIDTH_NUMBER%

此標記會以代表縮圖寬度的數值取代。

%TITLE%

決定收藏館的標題。

%VLINK%

決定已瀏覽連結的顏色。

Adobe 標誌

登入您的帳戶