如何將psd文件切圖并布局html

1、首先，在ps中打開一張要處理的圖片。然后，在左側(cè)的工具欄中點擊切片工具。接著，用切片工具把圖片分成4份。之后，再依次點擊左上角的文件——存儲為web所用格式。在彈出的窗口中點擊存儲的按鈕。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比綏濱網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式綏濱網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋綏濱地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

2、在電腦上打開PS軟件，在軟件的菜單欄中找到文件，點擊后選擇打開按鈕。選中需要處理的PSD文件，點擊打開。在軟件的導(dǎo)航欄中選擇切片工具。用切片工具在圖片上進(jìn)行所需要的分割，如本例中分為上下兩塊。

3、傳統(tǒng)切圖 (1)打開一個psd文件，選擇ps左邊菜單欄的裁剪工具，選擇切片工具。首先我們對這個psd文件進(jìn)行分析，有意識的將其劃分成幾個選區(qū)，然后通過鼠標(biāo)的拖拽用切片工具將我們所需要的圖案切下來。

4、建議LZ先用DIV+CSS寫出網(wǎng)頁大致框架，然后再把切出的圖片填進(jìn)去。具體的轉(zhuǎn)換步驟是：切片工具切圖---文件---儲存為web和設(shè)備所用格式--- 點擊儲存后在格式化一欄選擇HTML和圖像 搞定~，很簡單的。

5、很容易呀，在Photoshop里切好一小格一小格后，點菜單“文件/存儲為WEB所用格式”，也可以按Alt+Ctrl+Shift+S。點“存儲”，選擇一個目錄保存，在“保存類型”里選擇“HTML和圖像”。

6、需要的技能有PS，xhtml，css，js。學(xué)東西不要學(xué)的太雜，學(xué)門一精就好，拿高薪很容易。

我是新手,怎樣在ps中把psd文件變成html文件呢?

1、打開任意圖片，點擊文件-存儲為。點擊格式下拉列表，發(fā)現(xiàn)沒有.html格式，只能放棄保存.html格式操作。實例二：用存儲為Web所有格式來保存為網(wǎng)頁文件。點擊預(yù)設(shè)，發(fā)現(xiàn)沒有.html格式。

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

3、首先打開ps，然后點擊左上角的文件→打開，打開psd模板文件。接下來對這個模板分析一下，確定如何作圖，決定把照片放在哪里。感覺把照片放在框中空白的地方比效好。

4、修改好相應(yīng)的文字與圖象之后，我們就將PSD文件輸出(X)HTML文件。首先得先對PSD文件做切片，有兩種方法：①使用工具欄上的“切片工具”，然后在圖象上劃出一塊一塊的區(qū)域。

如何快速把PSD轉(zhuǎn)成DIV+CSS_html/css_WEB-ITnose

1、應(yīng)該是 整個 網(wǎng)站 如果頁面 不超過40個的話 最多 4天能敲完。要說好的辦法 其實 是基于工具的。比如 我們公司 有一個自己研發(fā)的 工具 頁面不是敲出來的 是 直接畫出來的。不過我還是 偏向于 用 DW 工具來自己敲。

2、你可以在紙上畫一個概念 手繪的感覺效果不好 PS最終還是需要使用css，或者table進(jìn)行排版，沒法單獨用。 PS是幾年前的用的，是直接繪制一個底圖。之后美工就知道在那里定位每個div的位置。

3、如果有的是拿來當(dāng)背景顏色的，如果是純色的，就直接取出顏色，使用顏色就行了。如果是在縱向漸變的圖，高度全取，寬度取1px的就行，css設(shè)置水平重復(fù)。橫向漸變的，就高度取1px。

4、對于HTML文本，我們可以使用 text-shadow 創(chuàng)建一個跨瀏覽器的描邊，但是這種類型的描邊有非常多的限制： 手工用CSS寫這種類型的描邊是非常繁瑣而且無聊的，所以我在Sass中使用了一個小函數(shù)來完成。我們可以設(shè)置 color 和 width 為參數(shù)。

5、當(dāng) white-space 為 nowrap 時，文本內(nèi)容不自動換行（至于是強(qiáng)行突破容器還是截斷顯示則要視乎另一個CSS——overflow，下文詳述），其它表現(xiàn)與 normal 一致。