网页效果图切片需要使用html代码手工编写才行，自动生成html的软件很少，而且不规范，代码冗余多，效果不理想。
微软开发的html编写软件：Adobe Dreamweaver可以手动编写代码，创建Dom节点，同时可以编写css进行样式定义。
需要判断切片作用，部分切片可以当做背景，部分图片需要插入DOM节点处，提供给程序人员添加网页程序。
切片尽可能在不损失保真度的情况下缩小占用内存大小，这需要在切片的时候注意到背景图片的最小单元，在css中手动添加背景平铺。
网站前端旨在缩小前端图片“体积”，所以大部分切片转div和css都是需要手工编写代码，目前没有完美理想的软件生成。
自动生成的好像是table的不是div+css吧，现在外面没有一家公司是自动生成的都是自己手写的。至于切出来是乱的可能是你切的片太小了，导致无关的切片占了大量的空间所以看起来很乱。
其实是不冲突的我们做一个网页为什么要图片加布局？
1.为了网页打开的速度。 2.为了SEO 3.修改方便
我们切图不是说，这个图全部都切出来，而是有用的切出来，能在DIV里面写的就不要
所以在PS里面做出来的一般叫效果图，也就是半成品。而DIV+CSS布局再到网页上，才算成品
