旗標知識網 Banner Advertisement
     
 
旗標出版 l 主題學習 l 訂閱電子報 l 網路購書 l 讀者服務 l 更正下載 l 教師服務 l 學校服務網 l 旗標購物網 l 旗景 l 旗訊
速習 Dreamweaver CS3 做網頁  第二版
速習 Dreamweaver CS3 做網頁 第二版

作者:施威銘研究室著
書號:FT404
附件:附1片光碟片
定價:400 元
 
 
 
 
 
 
 
快速將大量圖片做成類似無名小站的網路相簿

快速將大量圖片做成類似無名小站的網路相簿

以往想要製作類似無名小站的網路相簿, 必須自己一一製作出縮圖、插入網頁, 並為每張縮圖及對應的大尺寸圖片做好連結, 實在令人望之卻步。現在藉由 Dreamweaver 的幫助, 快速建立一個美觀、整齊的網路相簿不再是難事了。


STEP 01 連上網站後, 請往下捲動頁面,從產品的連結下載軟體。


STEP 02 下載試用版軟體需要具備Adobe 成員身分。若您尚未加入, 請按建立 Adobe 帳戶鈕加入;若您已經是成員, 請輸入帳號和密碼登入。


STEP 03 選擇要下載的軟體語系及版本。我們選擇英語語系、Windows 版本的軟體。下載完成後, 請依軟體指示安裝即可。


準備相片檔案

網頁相簿最重要的就是相片了。在製作相簿之前, 應該先將相片處理好, 切記要把相片修改成適當的尺寸 (例如:640X480), 而不要將數位相機中, 高畫素、大尺寸的相片直接放到相簿中, 以免過大的相片影響瀏覽速度。處理好相片後, 請把相片統一存放到一個資料夾,然後將這個資料夾置於網站資料夾中, 以便接下來的操作。


建立網頁相簿

準備工作完成後, 先別急著動手。我們先來看一下製作好的網頁相簿的樣貌, 稍後開始製作時, 才知道要怎麼進行設定:

請在 Dreamweaver 開啟一個空白的新網頁, 接著執行 『命令/建立網站相簿』 命令, 我們要開始動手建立相簿。

STEP 01 建立網頁相簿交談窗選擇相片來源及輸入相簿標題等相關資訊。

TIP:副標資訊其他資訊分別是相簿的副標題及補充說明, 我們在此不輸入。


STEP 02 切換到相片所在的資料夾


STEP 03 我們已經知道網頁相簿包含了相簿首頁、首頁上的相片縮圖、展示大尺寸相片的子網頁. . .等等。Dreamweaver 及 Fireworks 會自動製作出這些元件, 我們只要指定這些元件要存放的位置即可。請按下目標資料夾旁的瀏覽鈕。


STEP 04 建議您建立新的資料夾, 我們要在 part9 目錄下新建一個名為 "gallery" 的資料夾來存放這些元件。


STEP 05 接著會回到建立網頁相簿交談窗, 我們要繼續設定縮圖的大小、相簿首頁的每一橫列要放幾張相片縮圖、是否在相片底下列出檔名、是否製作每張相片個別的瀏覽頁面、及相片的品質和縮放比率。


STEP 06 接著 Dreamweaver 會自動開啟Fireworks, 批次製作縮圖及相簿頁面。


STEP 07 處理完成後, 會彈出訊息交談窗。


STEP 08 網路相簿已經完成了。


STEP 09 請按 F12 鍵儲存並瀏覽剛建立好的相簿頁面。


STEP 10 請按任一相片的縮圖, 即可連結到瀏覽單張相片的子頁面。

 
Down Logo 旗 標 出 版 股 份 有 限 公 司   100 台北市中正區杭州南路一段15-1號19樓 TEL: 02-2396-3257
Copyright © 2005 Flag Publishing Co.,Ltd. All Rights Reserved    版權所有聯絡我們合作提案隱私權政策
 
現在購買《DSLR 完全探索》《數位相片編修聖經》《數位列印/輸出聖經》《數位相機Raw檔聖經》四書,超值優惠2299元 下載訂購單