这时你就可以使用PS或是FW进行切图了#切图一般说来，Fireworkscs6切图更快，但是Fireworks有时会有图片失真的情况发生，所以，有时需要使用PS进行配合，PS有切片工具可以专门用来切图。

切图我们用的一般都是PS软件，有切图工具的，PS里好像叫切片。

HTML5版相对有响应速度快本地读取拖拽功能简单前端切图不需要依赖服务器，减少开发成本在旧版的切图工具里，我们的做法是将图片上传到服务器，然后通过服务器端把图片切好后把对应的地址返回，前端再把页面显示出来。

以一个网站为例包括网站设计前端开发程序开发等网站设计就是网站的外观，平面的东西程序开发也好理解就是功能实现而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态它的工作包括了切图写。

1首先我们先建一个 div 元素 2给它一些基本样式 最终效果从效果上看，这个方法实现的曲线过渡处不够平滑，仍存在较大缺陷下面就介绍两个更加常用的方法在搜索实现方案的过程中，发现一个好用的 工具 ，可以用它。

一HTML5+CSS3 HTML5和CSS3是通往Web工程师路上必须学会的基本内容，主要包括了解常用浏览器和浏览器内核了解语义化的概念掌握HTML5语法及使用技巧掌握HTML5常用标签掌握CSS语法及使用技巧掌握DIV+CSS布局方式掌握。