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