網(wǎng)頁制作技巧:Dreamweaver快速圖片鏈接批處理_Dreamweaver教程
對于網(wǎng)頁制作者來說,最煩瑣的事情可能就是給頁面中的圖片或文字加鏈接了。假如頁面內(nèi)容很多的話,那么所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時間內(nèi)為一個客戶做了300個圖片和相應(yīng)的鏈接。正好是Dreamweaver和Fireworks結(jié)合的一個很好的實(shí)例典范,下面我們就來學(xué)習(xí)一下自動制作許多鏈接并處理圖片的方法。
首先啟動Dreamweaver,建立好站點(diǎn)后,選擇Command(命令)>Create Web Photo Album(制作Web影集),打開Create Web Photo Album。
然后在Photo Album Title后的文本輸入框中輸入影集的名稱。在這里輸入的文字我們建議最好輸入英文字母,不要輸入漢字,因?yàn)檩斎霛h字后,在Dreamweaver的編輯區(qū)中顯示的并不十分正常。Subheading Info和Other Info后輸入副標(biāo)題或其他標(biāo)題,在Photo Album Title后輸入“Photo”。
接下來就在Source Images Folder后的“Browse”按鈕中選擇目標(biāo)圖片所在的目錄,然后單擊“保存”按鈕,這里選擇Boats目錄。
點(diǎn)擊Destination Folder后的“Browser”按鈕,選擇好處理后的文件所在的目錄,一般我們要選擇自己站點(diǎn)所在的目錄,(在本例中我們的站點(diǎn)目錄就是目標(biāo)圖片目錄Boats),然后單擊“打開”按鈕。
在Thumbnail Size后的下拉列表中選擇好Fireworks處理后的圖片大小。
在Columns后選擇每行圖片排列的個數(shù),在Thumbnail Format后的下拉列表中選擇索引圖片的壓縮格式,在Photo Frmat后的下拉列表中可以選擇原圖片的壓縮格式。
對于Create Navigation Page for Each Photo的單選框中的對號不做選擇。它作用是是否給所有的圖片創(chuàng)建一個索引頁。假如勾選了該項(xiàng),則在瀏覽該圖片的時候,每個圖片的頁面都會有向前、向后、或回到主頁面的鏈接;假如不勾選該項(xiàng),則沒有這些鏈接,這在選擇的時候可以根據(jù)自己的需要來確定。
作好上面的工作之后,單擊“OK”按鈕,接下來Fireworks就啟動起來了(機(jī)器里要裝有FireWorks),在Fireworks的窗口里將出現(xiàn)窗口,這是Fireworks中處理圖片的進(jìn)度。
返回Dreamweaver的工作區(qū),按下鍵盤的F12鍵,測試一下頁面,看看效果,如圖5,這么多鏈接僅僅兩分鐘就做好了,是不是很輕易。
點(diǎn)擊圖片,會自動跳轉(zhuǎn)到放大后的圖片,也就是原圖片的頁面。
用完Dreamweaver的Create Web Photo Album功能后,感覺它實(shí)在是減輕我們勞動量的好幫手,但是在處理過程中有時候結(jié)果并不十分讓人滿足,因?yàn)樗挠?jì)算功能有點(diǎn)問題,假如圖片取的文件名為001.jpg,002.jpg........,在制作后,它們的排列順序并不完全按照001.jpg、002.jpg那樣的順序排列好,可能會出現(xiàn)點(diǎn)問題,目前筆者還沒找到合適的解決辦法,假如讀者有好的辦法請給我來信交流。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver基礎(chǔ)視頻教程14 Flash圖片查看器
- Dreamweaver代碼片斷提高css開發(fā)效率
- Dreamweaver MX進(jìn)階教程(八) 操作框架
- Dreamweaver開發(fā)ASP實(shí)例視頻教程DW與數(shù)據(jù)庫的連接
- Dreamweaver MX進(jìn)階教程(二十)使用一象素透明圖像固定單元格寬度
- Dreamweaver8輕松實(shí)現(xiàn)文本的段落縮進(jìn)
- Dreamweaver網(wǎng)頁制作教程:層及其應(yīng)用
- Dreamweaver8創(chuàng)建自定義代碼片段的方法
- dreamweaver套用源格式,將混亂無序的代碼變得整潔
- Dreamweaver中應(yīng)用CSS的技巧
猜你也喜歡看這些
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 精通Javascript+jQuery
- Dreamweaver 8 完美網(wǎng)頁設(shè)計(jì)—CSS網(wǎng)頁設(shè)計(jì)篇
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- 中文版Dreamweaver 8入門必練
- 拍拍店鋪裝修視頻教程
- Dreamweaver 8+ASP構(gòu)造動態(tài)網(wǎng)站實(shí)例與操作
- 《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊》--樣章、樣例、教學(xué)視頻
- Dreamveaver中CSS視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-網(wǎng)頁制作技巧:Dreamweaver快速圖片鏈接批處理。