DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver快速圖片鏈接批處理
Dreamweaver快速圖片鏈接批處理
編輯:Dreamweaver相關     

  對於網頁制作者來說,最煩瑣的事情可能就是給頁面中的圖片或文字加鏈接了。假如頁面內容很多的話,那麼所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時間內為一個客戶做了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,這麼多鏈接僅僅兩分鐘就做好了,是不是很容易。

  點擊圖片,會自動跳轉到放大後的圖片,也就是原圖片的頁面。

  用完Dreamweaver的Create Web Photo Album功能後,感覺它實在是減輕我們勞動量的好幫手,但是在處理過程中有時候結果並不十分讓人滿意,因為它的計算功能有點問題,假如圖片取的文件名為001.jpg,002.jpg........,在制作後,它們的排列順序並不完全按照001.jpg、002.jpg那樣的順序排列好,可能會出現點問題,目前筆者還沒找到合適的解決辦法,如果讀者有好的辦法請給我來信交流。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved