文档介绍:会计学
1
Photoshop的切片功能
小提示:
如果要合并而且不影响以后修改,可以尝试盖印图层。具体操作时在所有图层上面新建空白图层,然后使用快捷键<Ctrl>+<Alt>+<Shift>+<E>盖印可见图层到新建的图层。
如果你想借鉴某个网页的设计,不妨把它截成图片放在最下面的图层中,再拉出多个参考线划出网页的大致版式,再在此基础之上边参考边制作自己的网页。
第1页/共9页
二、为什么要使用切片?
1、 使用切片是最直白的网页布局方法。不要再想如何去设计表格,也不要想什么DIV,你首先要想的是你的网页要做成什么样子?把你所想的画出来就行了!! 
2、 使用切片可以有效地减小页面文件的大小,提高浏览者浏览页面的体验。想想看是把一个图片完整下载下来快,还是把一个图片分成若干个小图同时下载快呢?
第2页/共9页
三、如何切片?
1、 打开你设计好的PS图,选择切片工具
第3页/共9页
2、  按网页的结构和图片的特点进行切片 切片的大小和位置可以通过切片选项来进行调整
第4页/共9页
3、 选择文件菜单 另存为WEB格式命令, 图片文件会存放在images文件夹中(CS3要选择存储为html和图片)
第5页/共9页
4、使用Dreamweaver软件打开刚刚保存生成的html文件进行编辑,删除不必须的图片和进行内容的填充。
第6页/共9页
四、切片原则
1、切片是生成表格的依据,切片的过程要先总体后局部,即先把网页整体切分成几个大部分,再细切其中的小部分。
2、 对于渐变的效果或圆角等图片特殊效果,需要在页面中表现出来的,要单独切出来 3、 在DW中进行编辑时,少用图片,如果能用背景颜色代替的就使用背景颜色, 能使用图案的也尽可能使用图案平铺来形成背景
第7页/共9页
五、常见问题
1、在photoshop中设计网页大小如何确定?
8