dreamweaver教程之怎么快速批處理圖片鏈接

對于網(wǎng)頁制作者來說,最煩瑣的事情可能就是給頁面中的圖片或文字加鏈接了。假如頁面內(nèi)容很多的話,那么所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時間內(nèi)為一個客戶做了300個圖片和相應(yīng)的鏈接。正好是Dreamweaver和Fireworks結(jié)合的一個很好的實例典范,下面我們就來學(xué)習(xí)一下自動制作許多鏈接并處理圖片的方法。
首先啟動Dreamweaver,建立好站點后,選擇Command(命令)>Create Web Photo Album(制作Web影集),打開Create Web Photo Album。
然后在Photo Album Title后的文本輸入框中輸入影集的名稱。在這里輸入的文字我們建議最好輸入英文字母,不要輸入漢字,因為輸入漢字后,在Dreamweaver的編輯區(qū)中顯示的并不十分正常。Subheading Info和Other Info后輸入副標題或其他標題,在Photo Album Title后輸入“Photo”。
接下來就在Source Images Folder后的“Browse”按鈕中選擇目標圖片所在的目錄,然后單擊“保存”按鈕,這里選擇Boats目錄。
點擊Destination Folder后的“Browser”按鈕,選擇好處理后的文件所在的目錄,一般我們要選擇自己站點所在的目錄,(在本例中我們的站點目錄就是目標圖片目錄Boats),然后單擊“打開”按鈕。
在Thumbnail Size后的下拉列表中選擇好Fireworks處理后的圖片大小。
在Columns后選擇每行圖片排列的個數(shù),在Thumbnail Format后的下拉列表中選擇索引圖片的壓縮格式,在Photo Frmat后的下拉列表中可以選擇原圖片的壓縮格式。
對于Create Navigation Page for Each Photo的單選框中的對號不做選擇。它作用是是否給所有的圖片創(chuàng)建一個索引頁。如果勾選了該項,則在瀏覽該圖片的時候,每個圖片的頁面都會有向前、向后、或回到主頁面的鏈接;如果不勾選該項,則沒有這些鏈接,這在選擇的時候可以根據(jù)自己的需要來確定。
作好上面的工作之后,單擊“OK”按鈕,接下來Fireworks就啟動起來了(機器里要裝有Fireworks),在Fireworks的窗口里將出現(xiàn)窗口,這是Fireworks中處理圖片的進度。
返回Dreamweaver的工作區(qū),按下鍵盤的F12鍵,測試一下頁面,看看效果,如圖5,這么多鏈接僅僅兩分鐘就做好了,是不是很容易。
點擊圖片,會自動跳轉(zhuǎn)到放大后的圖片,也就是原圖片的頁面。
相關(guān)文章
HTML代碼怎么調(diào)整圖片位置? dw任意改變?yōu)g覽器窗口圖片都居中的代碼
HTML代碼怎么調(diào)整圖片位置?dw想要通過代碼實現(xiàn)圖片頁面居中,該怎么實現(xiàn)呢?下面我們就來看看dw任意改變?yōu)g覽器窗口圖片都居中的代碼2023-03-06dw怎么給框架加內(nèi)容? Dreamweaver向框架中添加內(nèi)容的技巧
dw怎么給框架加內(nèi)容?dw中創(chuàng)建的框架,想要添加內(nèi)容,該怎么添加呢?下面我們就來看看Dreamweaver向框架中添加內(nèi)容的技巧2023-03-03dw怎么給魚片添加邊框線? dreamweaver圖片添加邊框的方法
dw怎么給魚片添加邊框線?dw中的圖片想要添加內(nèi)邊框,外邊框或者雙邊框,該怎么操作呢?下面我們就來看看dreamweaver圖片添加邊框的方法2023-03-03HTML怎么角度代碼調(diào)節(jié)一個角的角度? dw調(diào)節(jié)一個角的角度代碼技巧
HTML怎么角度代碼調(diào)節(jié)一個角的角度?dw調(diào)節(jié)一個角的角度代碼技巧2023-02-23DW2017圖片文字怎么并排排列? HTML圖片/文字并排排列代碼寫法
DW2017圖片文字怎么并排排列?DW2017中的圖片和文字想要并列排列,該怎么操作呢?下面我們就來看看HTML圖片/文字并排排列代碼寫法2023-01-29dw有序列表ol怎么用? HTML頁面添加有序列表ol的教程
dw有序列表ol怎么用? Dreamweaver頁面中國的內(nèi)容需要添加列表效果,該怎么添加有序列表呢?下面我們就來看看HTML頁面添加有序列表ol的教程2023-01-09banner圖片上添加左右按鈕代碼怎么弄? HTML制作banner按鈕的技巧
banner圖片上添加左右按鈕代碼怎么弄?Dreamweaver做banner的時候,想要在圖片上添加左右翻頁按鈕,該怎么設(shè)置呢?下面我們就來看看HTML制作banner按鈕的技巧2023-01-06- html用代碼制作虛線框怎么做?想要在頁面中繪制一個虛線圓形,該怎么制作呢?下面我們就來看看dw制作虛線圓圈的技巧,詳細請看下文介紹2022-11-21
Dw怎么撤銷組合鍵? Dw關(guān)閉按control組合鍵顯示新建文檔對話框的技巧
Dw怎么撤銷組合鍵?Dreamweaver中經(jīng)常會使用快捷鍵創(chuàng)建新文檔,如果想要關(guān)閉這個快捷鍵,該怎么操作呢?下面我們就來看看Dw關(guān)閉按control組合鍵顯示新建文檔對話框的技巧2022-07-19- Dw2018打開只讀文件提示警告怎么辦?Dw2018中打開制度文件就會出現(xiàn)警告,想要關(guān)閉警告,下面我們就來看看Dreamweaver關(guān)閉打開只讀文件時警告用戶的技巧2022-05-19