很容易呀，在Photoshop里切好一小格一小格后，點菜單“文件存儲為WEB所用格式”，也可以按Alt+Ctrl+Shift+S點“存儲”，選擇一個目錄保存，在“保存類型”里選擇“HTML和圖像”存了后，就可以到這個目錄用DW打開；網(wǎng)頁制作入門教程HTML1第一步，打開記事本開始，點擊所有程序，接著點擊附件，然后打開記事本 2第二步，在記事本中編輯HTML語言，如圖3第三步，保存HTML在記事本的文件菜單選擇“另存為”當(dāng)您保存HTML文件時。

不是Photoshopexe其次打開你想做切片的圖片 在英文輸入法下，在程序界面中按 K 切換到切片工具 在圖片上隨意進(jìn)行切片 按CTRL+ALT+SHIFT+S 將優(yōu)化結(jié)果存儲為 保存類型下拉框拉下來選擇“HTML和圖像”進(jìn)行保存；用html如何制作一個簡單的網(wǎng)頁代碼1首先，在計算機(jī)桌面上創(chuàng)建一個新文件夾，然后在該文件夾中創(chuàng)建一個新的文本文檔2然后雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼3單擊“另存為”的。

1傳統(tǒng)切圖 1打開一個psd文件，選擇ps左邊菜單欄的裁剪工具，選擇切片工具首先我們對這個psd文件進(jìn)行分析，有意識的將其劃分成幾個選區(qū)，然后通過鼠標(biāo)的拖拽用切片工具將我們所需要的圖案切下來；1打開PS，點擊切片工具，如下圖所示2點擊切片工具，可以將圖片切割成所需的大小，如下圖所示3剪切圖片后，點擊導(dǎo)出特殊網(wǎng)頁使用的格式，如下圖所示4輸入屬導(dǎo)出web的格式頁面，并按住shift鍵選擇所有部分5導(dǎo)出。

下面是PS切圖的基本步驟1打開設(shè)計圖 首先要打開設(shè)計師提供的設(shè)計圖，通常設(shè)計圖是一個psd文件，其中包含了所有需要切割的元素2選擇需要切割的元素 在打開的設(shè)計圖中，選擇需要切割的元素，比如按鈕圖片文字等3。

一般的網(wǎng)頁做1000或者1200px 網(wǎng)頁設(shè)計師給的1920是有那種全屏的banner或者圖片背景之類是是1920寬，普通的內(nèi)容一般是我上面說得兩種像素做頁面的時候定寬1000或者1200px設(shè)計上1920的部分你要做成100%適應(yīng)不同分辨率的屏幕；1首先，在ps中打開一張要處理的圖片2然后，在左側(cè)的工具欄中點擊切片工具3接著，用切片工具把圖片分成4份4之后，再依次點擊左上角的文件存儲為web所用格式5在彈出的窗口中點擊存儲的按鈕6最。

將psd網(wǎng)站模板轉(zhuǎn)換成html網(wǎng)頁形式，首先需要理解，psd的模版，只是對于網(wǎng)站的一個整理布局，使用圖片的形式來做的，而在瀏覽器上需要過html+css+js等等這些技術(shù)手段才可以來做出來，如PSD的網(wǎng)站的背景顏色，在網(wǎng)頁中，需要去；四更新網(wǎng)頁，查看已保存的更改將ltstrongHelloltstrong輸入空白的文件更新瀏覽器上的空白網(wǎng)頁，你應(yīng)該可以看到網(wǎng)頁上方有個加粗的“Hello”字眼在本教程中，你隨時可以測試新的HTML只要保存html文件，然后更新瀏覽。

使用Photoshop的切圖工具，將圖片切分為不同的小圖片，然后導(dǎo)出，導(dǎo)出時選擇HTML和圖片；具體的轉(zhuǎn)換步驟是切片工具切圖文件儲存為web和設(shè)備所用格式 點擊儲存后在格式化一欄選擇HTML和圖像 搞定~，很簡單的LZ只需要了解切圖工具的用法就可以了PS圖片一般儲存為PNG格式一個網(wǎng)頁最少需要兩次。

1打開任意圖片，點擊文件存儲為2點擊格式下拉列表，發(fā)現(xiàn)沒有html格式，只能放棄保存html格式操作實例二用存儲為 Web 所有格式來保存為網(wǎng)頁文件12點擊預(yù)設(shè)，發(fā)現(xiàn)沒有html格式3再點擊預(yù)設(shè)下的下拉列表框；1將所需的PSD文件打開 2點擊打開按鈕，選擇需要打開的文件 3文件打開以后，選擇工具欄的切片工具，根據(jù)需要進(jìn)行圖片的分割，選擇切片工具，然后在psd頁面上拉動選擇位置，就可完成一張圖的切片 4將切圖保存 5選擇保存。

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