管理圖像站點或有大量照片發布,如何快速完成網頁相冊?手工逐頁制作效率低、工作量大。介紹 Fireworks 4.0、Dreamweaver 4.0 協同工作法,三分鐘迅速製作網頁相冊。
在 Dreamweaver 應用 Create Web Photo Album 命令快速創建相冊站點。此命令透過 JavaScript 調用 Fireworks 處理選中文件夾下系列圖像,創建縮略圖與大圖,自動完成縮略圖與大圖鏈接。使用需系統安裝 Dreamweaver 和 Fireworks。
- 新建文件夾放入源圖像(格式:.gif, .jpg, .jpeg, .png, .psd, .tif, .tiff)。
- 開啟 Dreamweaver 4.0,選 Commands → Create Web Photo Album,彈出面板。
- Photo Album Title 輸入標題(必填),顯示於索引頁上部灰色背景表格。Subheading Info、Other Info 可選填。
- 點 Source Images Folder 後 Browse 選源圖像文件夾;點 Destination Folder 後 browse 選保存 HTML 與處理後圖像的文件夾。
- 確定縮略圖屬性:Thumbnail Size 下拉選尺寸(按源圖像百分比縮放);勾選 Show Filenames 索引頁顯示文件名;Column 輸入列數定索引頁表格列數。
- Thumbnail Format 下拉選格式:GIF WebSnap 128/256、JPEG Better Quality/Smaller File。
- Photo Format 下拉選大圖保存格式(大圖由源圖像處理得,因非 GIF/JPEG 格式無法瀏覽器正確顯示,需統一處理。源圖為 GIF/JPEG 經處理會降低品質)。
- 選 Scale(放縮) 設百分比決定是否放縮源圖像,100% 創建等尺寸大圖,對所有圖統一作用。
- 勾選 Create Navigation Page for Each Photo 為每圖創建單獨頁面,自動含 Back、Home、Next 導航鏈接。
- 點 OK 開始創建。若 Fireworks 未開啟,Dreamweaver 自動啟動處理圖像。處理結束 Dreamweaver 完成索引頁,縮略圖按文件名排列。
- 完成(中文標題 Dreamweaver 中顯示亂碼,瀏覽器正常)。處理後圖像/頁面保存於目標文件夾。可創建大型圖片站點、產品展示站點、個人照片管理。