1、1导出JPGGIFPNG等格式观察效果2不要合层，尽量保持每个文字图标图片都有独立图层，这样在DIV CSS切图时方便隐藏显示切图在新建设置之后，就要开始进行网页美工设计了，在网页美工设计的过程中要注意1 注意页面的分块，着手设计一个页面的时候，你必须根据所掌握的内容，以及其风格，对页面的；网页设计好后的切图是将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，有利于交互，形成良好的视觉感通俗来讲，把一张设计图利用到切片工具，把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局设计好的网页都需要切图，主流的是dreamweaverphotoshop软件；可以，把div 的大小设成和图片的大小一样 就行 也可以不改图片大小 但是如果图片比div大 就会看不到一部分 如果图片小了，会自动重复图片铺满整个div 可以设置repeat 让背景图片重复 div 一定要设 大小 不然div没有内容 就不会显示背景了。

2、UI设计中的“切图”是指将设计师的设计转化为实际网页的过程这一过程是将设计师的“理想”变为“现实”的关键步骤具体操作中，设计师会将psd文件进行切片重组，以便于利用divcssjs等前端开发代码来生成网页通过这样的技术，设计师能够将平面设计转化为动态交互式的网页界面对于这一技术有；2图片什么样，就切成什么样，每张小图都单独切出来注意要做成png格式保存，背景设置为透明，然后写html的时候，用css画出等大的不规则图形，吧图片当做背景加进去，然后用css绝对定位一下，如有链接加链接，完美实现备注css画不规则图形，网上可以搜到教程，看一看就差不多，不难至于；如果不想使用PS来编辑图片，可以在网页中直接用多个DIV+CSS实现，先设置好各个DIV的位置和大小，然后用CSS指定该图片为背景图片，只要把backgroundposition的值计算好，就可以使DIV显示图片的不同部位，实现拼图效果；2图片什么样，就切成什么样，每张小图都单独切出来注意要做成png格式保存，背景设置为透明，然后写html的时候，用css画出等大的不规则图形，吧图片当做背景加进去，然后用css绝对定位一下，如有链接加链接，完美实现！ 备注css画不规则图形，网上可以搜到教程，看一看就差不多，不难！ 至于其他几张图，比较简单，简单；1首先打开Dreamweaver插入图片2点击插图右键选择CSS样式新建3点击新建后弹出的对话框自定义名称即可4后在弹出的对话框中设置需要的效果即可，可以自定义类型背景区块定位等；切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示PS切图步骤1打开PS，然后点击切片工具2点击切片工具后，就可以把图片切成需要的大小3切好图片后，点击导出web所用格式4进入导出web所用格式页面，按住shift。

3、1，就是DW布局而已2，制作步骤效果图切片不用输出自动生成的页面，那个东西没用直接到DW布局如果还是不懂，你要还是学生可以问老师，这是作为学生唯一的好处想当初我都是自学DIV+CSS，如果你是自己学，可以用我的方法，被我教的人基本都是被我的这种方法折服哈哈~~~，那就是去别；使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图切好片以后，文件保存为web存储文件，就会弹出下面的图片点击红框的箭头点击输出设置如下图选择切片，下面就会出来生成css。

4、第一jpg的格式很多保存是有损保存，当你就行第二次切图后，那么效果可能会相比之前的更差一些第二还有就是 PSD文件 是方便切图人员，去掉需要有些图标上面的文字，如果是jpg 你就没有办法去掉别告诉我，又再去用PS去掉上面的文字，那就是多此一举，还费事举一个例子那个图片就有；优酷等视频网站搜索“PSD转HTML”里面不少的国外视频，如果你英语够好的话，会学到经典的基础也有了，仿站也会了，只要勇于尝试自己去写就好了PS设计基础里就有 切图基础里也有 DIV+CSS同样也在基础里 把这些综合起来多尝试自己动动手就会有所提高电脑里下载再多的教程，自己不动手写，不会成为；效果图一般都是一整张的，到网页中显示时需要是用DIV+CSS布局，把图片拼接起来，所以需要把效果图先切图切成一小块一小块。

5、切片属于网站页面设计后，把一张效果图切成一块一块的，再用div+css布局组回效果图那个布局 切片的目的一个是为了减少网站打开时的加载时间，另一个是为了网站静态页制作 你可以看到你提问的这个页面是由一个一个的小图片和文字，链接组成的原先设计的时候是一张图片，就是用切片切成这样的切；css3的话就简单很多，一个大DIV写圆角和投影，CSS2的话就要分3快来做，中间的背景循环，2边的背景左右各一个这样就可以了；通俗来讲，把一张设计图 利用到切片工具 把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，把图片切出来这个过程是叫切片切图的目的第一个是让网页稿有了交互性，实现你平时看到的各种各样的功能。