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

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

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

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

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

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

7、在PHOTOSHOP點切片完成后，點文件==導出HTML。

8、12點擊預(yù)設(shè)，發(fā)現(xiàn)沒有html格式3再點擊預(yù)設(shè)下的下拉列表框，發(fā)現(xiàn)還是沒有html格式此時徹底沒轍，因為所有的保存方式都嘗試過了，但最終沒有發(fā)現(xiàn)html存檔方式由上述兩個實例可以證明Photoshop不支持保存html。

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

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

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

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

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

14、圖片不會變成html代碼的， 只是html引用了 那個圖片。

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