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

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

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

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

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

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