對于網頁制作者來說,最煩瑣的事情可能就是給頁面中的圖片或文字加鏈接了。假如頁面內容很多的話,那么所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時間內為一個客戶做了300個圖片和相應的鏈接。正好是dreamweaver和fireworks結合的一個很好的實例典范,下面我們就來學習一下自動制作許多鏈接并處理圖片的方法?!?/p>
首先啟動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,這么多鏈接僅僅兩分鐘就做好了,是不是很輕易。
點擊圖片,會自動跳轉到放大后的圖片,也就是原圖片的頁面。
新聞熱點
疑難解答