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

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

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

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

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

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

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

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

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