對於網頁製作者來說,最煩瑣的事情可能就是在頁面中的圖片或文字加上連結了。假如頁面內容很多的話,那麼所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時間內為一個客戶做了300張圖片和相應的連結。正好是Dreamweaver和Fireworks結合的一個很好的實例典範,下面我們就來學習一下自動製作許多連結並處理圖片的方法。
先啟動Dreamweaver,建立好網站後,選擇Command(指令)>Create Web Photo Album(製作Web影集),開啟Create Web Photo Album。
然後在Photo Album Title後的文字輸入框中輸入影集的名稱。這裡輸入的文字我們建議最好輸入英文字母,不要輸入漢字,因為輸入漢字後,在Dreamweaver的編輯區中顯示的並不十分正常。 Subheading Info和Other Info後輸入副標題或其他標題,在Photo Album Title後輸入「Photo」。
接下來就在Source Images Folder後面的「Browse」按鈕中選擇目標圖片所在的目錄,然後點擊「儲存」按鈕,這裡選擇Boats目錄。
點擊Destination Folder後的「Browser」按鈕,選擇好處理後的檔案所在的目錄,一般我們要選擇自己網站所在的目錄,(在本例中我們的網站目錄就是目標圖片目錄Boats),然後點選「開啟”按鈕。
在Thumbnail Size後的下拉清單中選擇好Fireworks處理後的圖片大小。
在Columns後選擇每行圖片排列的個數,在Thumbnail Format後的下拉清單中選擇索引圖片的壓縮格式,在Photo Frmat後的下拉清單中可以選擇原圖片的壓縮格式。
對於Create Navigation Page for Each Photo的單選框中的對號不做選擇。它作用是是否為所有的圖片建立一個索引頁。如果勾選了該項,則在瀏覽該圖片的時候,每個圖片的頁面都會有向前、向後、或回到主頁面的鏈接;如果不勾選該項,則沒有這些鏈接,這在選擇的時候可以根據自己的需求來決定。
作好上面的工作之後,點擊「OK」按鈕,接下來Fireworks就啟動起來了(機器裡要裝有Fireworks),在Fireworks的窗口裡將出現窗口,這是Fireworks中處理圖片的進度。
返回Dreamweaver的工作區,按下鍵盤的F12鍵,測試一下頁面,看看效果,如圖5,這麼多連結僅僅兩分鐘就做好了,是不是很容易。
點擊圖片,會自動跳到放大後的圖片,也就是原圖片的頁面。