1、网页设计:从FW切图到DW制作网页生成的实例教程
主要是切片与表格，下载一个视频教程就明白了。比文字要直观。
http://www.verylink.cn/video/soft.asp
2、网页设计怎么切图
你用什么软件设计的就用什么软件来裁切图，我用的是photoshop进行设计，也是用这个来进行的切图；
切图保存格式最好、最常用的是gif和jpg。色彩要求不多的情况下，比如说小图标，就用gif。如果色彩比较丰富，gif就不够用了，就要保存成jpg。至于png，一般情况下不要用，一个是占用空间大，再是在不同的浏览器下浏览，会出现灰色背景，祝你好运！
3、UI 中网页设计切图怎么切
PxCook，目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手，虽然它还附带切图功能，但是比较鸡肋，不推荐用它切图。
切图工具：
Cutterman 一款PS的插件，切图非常方便，但不支持绿色免安装版本PS，而且对PS版本要求比较高，针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc，然后自行破解。官网上有安装使用教程，自己研究下吧，因为我也是最近才开始接触这款插件。
Part 2 Photoshop
现在常用的几种设计尺寸
1. 640*960 4时代的尺寸，刚接触APP设计用的是这个尺寸，拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧)；
2. 640*1136 5/5S/5C，IPhone更新，咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸)，进入扁平的时代了；
3. 750*1334 6 目前我做设计稿的设计尺寸，IPhone6的尺寸，向下可以适配4，5，向上可以适配6 plus；我记得IP6推出后，我问总监应该用什么尺寸设计，他说用IP6的吧，好适配，切出来就是@2x了，改一改上下都能照顾到。