利用Dreamweaver快速批處理圖片鏈接_Dreamweaver教程
對(duì)于網(wǎng)頁制作者來說,最煩瑣的事情可能就是給頁面中的圖片或文字加鏈接了。假如頁面內(nèi)容很多的話,那么所做的工作只能用恐怖來形容。記得幾天前,筆者就曾在很短的時(shí)間內(nèi)為一個(gè)客戶做了300個(gè)圖片和相應(yīng)的鏈接。正好是Dreamweaver和Fireworks結(jié)合的一個(gè)很好的實(shí)例典范,下面我們就來學(xué)習(xí)一下自動(dòng)制作許多鏈接并處理圖片的方法�!�
首先啟動(dòng)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后選擇每行圖片排列的個(gè)數(shù),在Thumbnail Format后的下拉列表中選擇索引圖片的壓縮格式,在Photo Frmat后的下拉列表中可以選擇原圖片的壓縮格式。
對(duì)于Create Navigation Page for Each Photo的單選框中的對(duì)號(hào)不做選擇。它作用是是否給所有的圖片創(chuàng)建一個(gè)索引頁。假如勾選了該項(xiàng),則在瀏覽該圖片的時(shí)候,每個(gè)圖片的頁面都會(huì)有向前、向后、或回到主頁面的鏈接;假如不勾選該項(xiàng),則沒有這些鏈接,這在選擇的時(shí)候可以根據(jù)自己的需要來確定。
作好上面的工作之后,單擊“OK”按鈕,接下來Fireworks就啟動(dòng)起來了(機(jī)器里要裝有Fireworks),在Fireworks的窗口里將出現(xiàn)窗口,這是Fireworks中處理圖片的進(jìn)度。
返回Dreamweaver的工作區(qū),按下鍵盤的F12鍵,測試一下頁面,看看效果,如圖5,這么多鏈接僅僅兩分鐘就做好了,是不是很輕易。
點(diǎn)擊圖片,會(huì)自動(dòng)跳轉(zhuǎn)到放大后的圖片,也就是原圖片的頁面。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 用Dreamweaver MX實(shí)現(xiàn)網(wǎng)站批量更新
- Dreamweaver網(wǎng)頁制作技巧
- Dreamweaver MX進(jìn)階教程(十三)在Dreamweaver 中使用上標(biāo)和下標(biāo)
- 提高 Dreamweaver行為全接觸
- Dreamweaver MX進(jìn)階教程(十六)制作可拖動(dòng)表格
- DW2004 中文亂碼解決方案 [1]
- 詳解用Dreamweaver制作網(wǎng)頁中的表格
- Dreamweaver制作漂亮的網(wǎng)頁Flash電子相冊(cè)
- Dreamweaver使用快技法十三則 [2]
- Dreamweaver網(wǎng)頁制作教程:行為事件
猜你也喜歡看這些
- 巧奪天工-Dreamweaver MX 2004 入門與進(jìn)階實(shí)例
- Dreamweaver網(wǎng)頁制作與色彩搭配全攻略(感激驢友boerly,新增完整版pdf)
- Dreamweaver+ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)視頻教程
- 巧學(xué)巧用Dreamweaver制作網(wǎng)頁習(xí)題精解
- Dreamweaver 8 ASP動(dòng)態(tài)網(wǎng)頁編程完全自學(xué)手冊(cè)
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- 精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程
- Dreamveaver中CSS視頻教程
- DreamweaverMX網(wǎng)頁制作視頻教程
- Dreamweaver8視頻教程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-利用Dreamweaver快速批處理圖片鏈接
。