1、1先用Photoshop做一個(gè)網(wǎng)頁圖片2Ctrl+R調(diào)出標(biāo)尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片4以上步驟完成后，進(jìn)行操作“文件”“儲(chǔ)存為Web和設(shè)備所用格式”，在打開的窗口中。

2、ps中可以在保存時(shí)將保存的格式選擇為“html和圖像”1將圖片處理完成后，點(diǎn)擊ps頂部菜單欄上的“文件”按鈕，在展開的菜單中點(diǎn)擊“導(dǎo)出”按鈕，然后再點(diǎn)擊“存儲(chǔ)為Web所用格式”按鈕2在彈出的窗口中點(diǎn)擊“存儲(chǔ)。

3、1打開安裝好的ps軟件2打開一張圖片3將圖片切片4找到圖片，將圖片儲(chǔ)存為5進(jìn)入儲(chǔ)存圖片界面，設(shè)置好之后點(diǎn)擊儲(chǔ)存6選擇格式，圖像跟HTML。

4、5選擇菜單文件存儲(chǔ)為web格式，調(diào)出web格式窗口 6點(diǎn)擊存儲(chǔ)按鈕，進(jìn)入存儲(chǔ)窗口 7存儲(chǔ)窗口中格式選擇Html和圖像，所有切片然后保存 8自動(dòng)生成網(wǎng)頁代碼文件和圖像如圖示圖片文件夾images和html代碼文件。

5、點(diǎn)擊 文件存儲(chǔ)為Web所用格式，選擇自己所需要的點(diǎn)擊保存，然后如下圖選擇即可。

6、在Photoshop里切好一小格一小格后，點(diǎn)菜單“文件存儲(chǔ)為WEB所用格式”，也可以按Alt+Ctrl+Shift+S點(diǎn)“存儲(chǔ)”，選擇一個(gè)目錄保存，在“保存類型”里選擇“HTML和圖像”存了后，就可以到這個(gè)目錄用DW打開這個(gè)HTML文件。

7、在PHOTOSHOP點(diǎn)切片完成后，點(diǎn)文件==導(dǎo)出HTML。

8、12點(diǎn)擊預(yù)設(shè)，發(fā)現(xiàn)沒有html格式3再點(diǎn)擊預(yù)設(shè)下的下拉列表框，發(fā)現(xiàn)還是沒有html格式此時(shí)徹底沒轍，因?yàn)樗械谋４娣绞蕉紘L試過了，但最終沒有發(fā)現(xiàn)html存檔方式由上述兩個(gè)實(shí)例可以證明Photoshop不支持保存html。

9、1圖片切片后，按住CTL+SHIFT+S保存為WEB格式 2文件名任取，格式選擇html和圖像3images就是存放切片的文件夾，內(nèi)容不為空。

10、photoshop cs5 將圖片儲(chǔ)存為html格式的方法是1打開圖片，復(fù)制圖層，關(guān)閉背景圖層，用“魔術(shù)橡皮擦工具”擦除背景2“文件存儲(chǔ)為web所用格式存儲(chǔ)”，“將優(yōu)化結(jié)果存儲(chǔ)為僅限HTML”，保存3打開“我的圖片。

11、切片做好之后 點(diǎn)擊文件存儲(chǔ)為WEB所用格式 然后設(shè)置相關(guān)參數(shù)，比如切片的格式等 然后點(diǎn)擊SAVE 選擇保存類型為html and image。

12、制作網(wǎng)頁的Photoshop方法 網(wǎng)頁設(shè)計(jì)的方法有很多，比如直接寫代碼可視化軟件設(shè)計(jì)如DreamWeaver用中間軟件進(jìn)行格式轉(zhuǎn)換如Word生成HTML代碼網(wǎng)頁的PS設(shè)計(jì)等我們收集整理了關(guān)于Photoshop的網(wǎng)頁，供大家參考首先用Photoshop。

13、切好圖，保存的時(shí)候，選擇存儲(chǔ)為web所用格式，然后點(diǎn)存儲(chǔ)，這時(shí)候不要急著存，選擇存儲(chǔ)html和圖片，這樣存的就是一個(gè)頁面了，這個(gè)頁面用dreamweaver打開里面就是相應(yīng)的代碼了，然后再給他們加想要的鏈接就好了，過程很簡單的。

14、圖片不會(huì)變成html代碼的， 只是html引用了 那個(gè)圖片。

15、文件－－存為Web使用的格式－－存儲(chǔ) 保存類型選擇下拉選擇“HTML和圖片”，寫入文件名，OK。