PS 自帶「自動化 → 網頁圖片庫」功能，配合 DW 後期調整 CSS/布局，零代碼快速產出響應式相冊頁面。適合有一定 PS 基礎、懂基礎網頁設計的前端/設計師。

操作流程

1. 素材整理：大圖統一放入資料夾 Res_Img，縮圖由 PS 自動生成。
2. 啟動批處理：文件 → 自動化 → 網頁圖片庫。
3. 樣式選擇：8 種內建模板（水平滑動、縮圖網格、燈箱彈出等），按需挑選。
4. 路徑設置：源圖像選 Res_Img，目標資料夾建 Pic_Ok。
5. 關鍵選項配置：
   　▸ 橫幅：頁面 Title、聯繫信息、日期
   　▸ 大圖像：設定最大寬高、JPEG 品質、自動優化
   　▸ 縮略圖：尺寸、邊框、每行數量
6. 生成：確定 → PS 自動輸出 HTML + CSS + JS + 圖片資源包。
7. DW 精修：用 Dreamweaver 打開生成的 index.html，調整 CSS 斷點、語義化標籤、SEO 標籤，部署上線。

優缺點：優點是零代碼、批量處理快、模板多樣；缺點是輸出代碼較舊（table 布局為主），需 DW 重構為現代 Flex/Grid 響應式結構。適合原型快速驗證或簡靜態展示頁。