一、拿到ui给的psd文件，在ps里打开。
Ctrl+Alt滚动鼠标滑轮放大文件；
按着空格键出现手状，按住鼠标可以拖动页面。
二、看一下分为几个板块，在html定好板块。
因为有些html标签自带宽高，要把样式重置一下，可以写一个外部的reset.css；还有公共的样式，比如：头部和尾部，基本上每个页面都有的，可以写一个外部的common.css;
三、切图
就拿一个logo做例子把
（1）方法一：
选择ps里的蚂蚁线，框住你要选择的logo图，在图像里有个剪切，然后点击文件里的存储为..存到你想存的地方。然后在编辑里有个后退一步(快捷键Ctrl+z)，就又回到原来的样子了。
第一步：用蚂蚁线框住你想选的内容
第二步：(快捷键)Ctrl+i；然后再按个p
（2）方法二：
上面的方法一不能切出来png透明的图片出来，这一采用本方法
选择移动工具，在属性栏上勾上自动选择，选择图层；然后点击要切的图片，会找到图片所在的图层，在图层上点击鼠标右键，点击转换为智能对象；选择蚂蚁线工具，框选你想切的图（不用框的正好，大点也可以的），然后依次用快捷键Ctrl+c(复制)，Ctrl+n(新建)背景选择透明，Ctrl+v(粘贴)。然后点击文件里的存储为..存到你想存的地方。
第一步：选择移动工具
第二步：转换为智能对象
第三步：框出logo,新建页面
第四步：复制logo
