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

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

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

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

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

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