切图显示图.jpg" alt="title" title="title" width="400" height="300"/>

网站用户体验-切图教程

Ctrl+Shift+A=创建列
Ctrl+M=创建行
Ctrl+Alt=插入图片
style="padding:0px 20px 0px 0px"  (顺时针：上，右，下，左)
插入图像域时，会发现有一个空的标记，这时就要把它去掉.下面体验一下网站的切图的过程。
最终效果图：
 （图1）

开始讲解切图的详细步骤：
 （图2）
1. 我们对这张WEB效果图进行切图，完整的HTML页面是由切图和文字等组成，先分析所要切的部分.（如，图4）
2. 运行photoshop，我们用photoshop中的切图工具（如，图3）进行切割 （图3）
  （图4）
3．图4就是我们全部切割完成的效果。这时，我们把切好的图进行保存，WEB页面上用的图像素尽量压缩到最小，切图的保存是在存储为WEB和设备所用格式（如，图5、6）。
（图5）

 （图6）

4．图切好后，我们就开始做HTML页面，运行Dreamweaver,新建空白页面（如，图7） （图7）
5．新建站点（如，图8）
（图8）

6．设置站点（如，图9）
 （图9）

7．创建CSS（如，图10）  （图10）
 
8．在HTML页面上划表格
 

相关文章：　　　　　　　　　　　　　　　　　　　　　　     　　　　　　　　　　
#  体验photoshop教程 之 调整图片大小的技巧
#  体验photoshop教程---教你如何PS出逼真的头发
#  网站用户体验之体验photoshop教程抠树叶技巧
#  网站用户体验-切图教程
#  体验抠图技法三：抠黑发
#  体验抠图技法二：抠婚纱数码相片
#  体验抠图技法一：抠透明玻璃物体
#  体验Photoshop 抠图技巧
                                                                                                                        +