萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Fireworks 教學

Fireworks 與 Dreamweaver 協作:三分鐘快速建立網頁相冊

管理圖像站點或有大量照片發布,如何快速完成網頁相冊?手工逐頁制作效率低、工作量大。介紹 Fireworks 4.0、Dreamweaver 4.0 協同工作法,三分鐘迅速製作網頁相冊。

在 Dreamweaver 應用 Create Web Photo Album 命令快速創建相冊站點。此命令透過 JavaScript 調用 Fireworks 處理選中文件夾下系列圖像,創建縮略圖與大圖,自動完成縮略圖與大圖鏈接。使用需系統安裝 Dreamweaver 和 Fireworks。

  1. 新建文件夾放入源圖像(格式:.gif, .jpg, .jpeg, .png, .psd, .tif, .tiff)。
  2. 開啟 Dreamweaver 4.0,選 Commands → Create Web Photo Album,彈出面板。
  3. Photo Album Title 輸入標題(必填),顯示於索引頁上部灰色背景表格。Subheading Info、Other Info 可選填。
  4. 點 Source Images Folder 後 Browse 選源圖像文件夾;點 Destination Folder 後 browse 選保存 HTML 與處理後圖像的文件夾。
  5. 確定縮略圖屬性:Thumbnail Size 下拉選尺寸(按源圖像百分比縮放);勾選 Show Filenames 索引頁顯示文件名;Column 輸入列數定索引頁表格列數。
  6. Thumbnail Format 下拉選格式:GIF WebSnap 128/256、JPEG Better Quality/Smaller File。
  7. Photo Format 下拉選大圖保存格式(大圖由源圖像處理得,因非 GIF/JPEG 格式無法瀏覽器正確顯示,需統一處理。源圖為 GIF/JPEG 經處理會降低品質)。
  8. 選 Scale(放縮) 設百分比決定是否放縮源圖像,100% 創建等尺寸大圖,對所有圖統一作用。
  9. 勾選 Create Navigation Page for Each Photo 為每圖創建單獨頁面,自動含 Back、Home、Next 導航鏈接。
  10. 點 OK 開始創建。若 Fireworks 未開啟,Dreamweaver 自動啟動處理圖像。處理結束 Dreamweaver 完成索引頁,縮略圖按文件名排列。
  11. 完成(中文標題 Dreamweaver 中顯示亂碼,瀏覽器正常)。處理後圖像/頁面保存於目標文件夾。可創建大型圖片站點、產品展示站點、個人照片管理。
copyright © 萬盛學電腦網 all rights reserved