利用Dreamweaver快速批處理圖片連結

來源:互聯網
上載者:User

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.