网页效果图切片需要使用html代码手工编写才行，自动生成html的软件很少，而且不规范，代码冗余多，效果不理想。
微软开发的html编写软件：Adobe Dreamweaver可以手动编写代码，创建Dom节点，同时可以编写css进行样式定义。
需要判断切片作用，部分切片可以当做背景，部分图片需要插入DOM节点处，提供给程序人员添加网页程序。
切片尽可能在不损失保真度的情况下缩小占用内存大小，这需要在切片的时候注意到背景图片的最小单元，在css中手动添加背景平铺。
网站前端旨在缩小前端图片“体积”，所以大部分切片转div和css都是需要手工编写代码，目前没有完美理想的软件生成。
可能你以前一直用的是table+css的布局方式，至于切片的图片用div+css的布局，因为你每次切片的部位不同，布局方式当然也不同，不过总结起来无外乎几种方式：
上中下
左中右
左右
以上三种混合
总体的架构一般是这样：
1.
<div class="all">
<div class="head"></div>
<div class="middle"></div>
<div class="footer"></div>
</div>
2.
<div class="all">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
3.
<div class="all">
<div class="left"></div>
<div class="right"></div>
</div>
4.(如：上中下，中包括左中右)
<div class="all">
<div class="head"></div>
<div class="middle">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</div>
以上class元素的命名你自己可以定义，关键还是要学习一下div+css一些基础知识，布局其实不难。
ps切片之后可以直接生成页面和图片块，页面代码都是table表格形式的，然后我们对生成的页面进行修改，将table表格用div替换掉，包括里面的tr、td等，当然你的切片一定要切的好，替换起来就方便一些，如果说你切得不够流畅或者不规则，那么替换起来就需要花更多的时间，主要还是遵从以大包小，该断则断
