這時你就可以使用PS或是FW進(jìn)行切圖了#切圖一般說來，F(xiàn)ireworkscs6切圖更快，但是Fireworks有時會有圖片失真的情況發(fā)生，所以，有時需要使用PS進(jìn)行配合，PS有切片工具可以專門用來切圖。

切圖我們用的一般都是PS軟件，有切圖工具的，PS里好像叫切片。

HTML5版相對有響應(yīng)速度快本地讀取拖拽功能簡單前端切圖不需要依賴服務(wù)器，減少開發(fā)成本在舊版的切圖工具里，我們的做法是將圖片上傳到服務(wù)器，然后通過服務(wù)器端把圖片切好后把對應(yīng)的地址返回，前端再把頁面顯示出來。

以一個網(wǎng)站為例包括網(wǎng)站設(shè)計前端開發(fā)程序開發(fā)等網(wǎng)站設(shè)計就是網(wǎng)站的外觀，平面的東西程序開發(fā)也好理解就是功能實(shí)現(xiàn)而前端開發(fā)，簡單來說，就是把平面效果圖轉(zhuǎn)換成網(wǎng)頁，把靜態(tài)轉(zhuǎn)換成動態(tài)它的工作包括了切圖寫。

1首先我們先建一個 div 元素 2給它一些基本樣式 最終效果從效果上看，這個方法實(shí)現(xiàn)的曲線過渡處不夠平滑，仍存在較大缺陷下面就介紹兩個更加常用的方法在搜索實(shí)現(xiàn)方案的過程中，發(fā)現(xiàn)一個好用的 工具 ，可以用它。

一HTML5+CSS3 HTML5和CSS3是通往Web工程師路上必須學(xué)會的基本內(nèi)容，主要包括了解常用瀏覽器和瀏覽器內(nèi)核了解語義化的概念掌握HTML5語法及使用技巧掌握HTML5常用標(biāo)簽掌握CSS語法及使用技巧掌握DIV+CSS布局方式掌握。