Photoshop結(jié)合Dreamweaver制作網(wǎng)頁相冊_Dreamweaver教程
本教程適用對象:有一定的PS基礎(chǔ),最好有網(wǎng)頁設(shè)計制作基礎(chǔ),那樣在PS處理好后可以在DM里面做一個后期的CSS以及布局方面的處理,當(dāng)然,DM&FW也可做圖片批處理并生成相冊,不過我個人認(rèn)為PS&DM的效果比較好。
PS的批處理功能是很強(qiáng)大的,假如利用好可以做為我們做很多工作。今天我想講的是“PS批處理設(shè)計制作圖片展示”
開始吧
一、預(yù)備好自己要做相冊的素材,產(chǎn)品展示啦,案例展示了,照片展示了都可以,統(tǒng)一將這些圖片放在一個文件夾下,我這里將這個文件叫做“Res_IMg",這里面放的都是大的圖片,小圖片一會兒ps會為我們做的。
二、打開PS,選擇菜單如下:

三、這個就是PS制作圖片展示的主要界面啦,主要有以下幾個:

樣式中可以選擇生成不同的html頁面的形式,PS CS版本中提供了8種格式,都不錯的。
源圖像工作區(qū):

上面的”瀏覽“是選擇你要批量做圖片展示的文件夾,也就是上面我所說的"Res_Img"。
下面的”目的“就是PS處理完后存放的文件夾,可以存在你想要保存的位置,我這里面建個文件夾叫”Pic_Ok"。

“選項”里面就是具體的一些設(shè)置
一共有六項,其中一定要設(shè)置的是“橫幅”“大圖像”“預(yù)覽”。

”橫幅“中可以設(shè)置這個首頁面html的名稱,也就是html頁面的Title,再就是聯(lián)系信息,時間什么的,假如填寫上最后都會顯示出來。
而“大圖像”則可以設(shè)置生成“圖片展示”后大圖片的長寬等,而且PS可以自動優(yōu)化圖片大小,當(dāng)然也可以不設(shè)置。

“縮覽圖”可以設(shè)置生成html頁面中小圖片的大小,也可以設(shè)置個邊框什么的。我直接用默認(rèn)的“0”。
通過以上設(shè)置后,就可以按“好”了,然后就等著PS把咱的這堆圖片變成一個圖片展示吧。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計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教程推薦
- 技巧:讓網(wǎng)頁中文字替代圖片
- 使用Dreamweaver制作網(wǎng)頁事如何使用庫
- Dreamweaver開發(fā)ASP實例視頻教程顯示數(shù)據(jù)庫記錄
- 巧妙運(yùn)用DW進(jìn)行網(wǎng)頁制作技巧
- Dreamweaver CS3 最新功能描述
- 學(xué)習(xí)Dreamweaver8了解掌握CSS層疊樣式表
- 新手入門:利用DW8掌握網(wǎng)頁代碼基本格式
- Dreamweaver使用CSS樣式表設(shè)置網(wǎng)頁文本格式
- Dreamweaver實現(xiàn)網(wǎng)頁滾動的QQ在線咨詢功能
- 在Dreamweaver中按下左右光標(biāo)時切換到相鄰單元格
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Photoshop結(jié)合Dreamweaver制作網(wǎng)頁相冊
。