第二篇：项目实战篇任务2：“英博特智能科技”企业网站开发准备2.4 裁切网站首页效果图2.4 裁切网站首页效果图（1）熟练使用Photosh
op软件裁切网页效果图。（2）掌握创建和编辑切片的方法。能力要求学习导览在Photoshop中将“英博特智能科技”企业网站首页设计
图进行裁切，获取网页制作的图片素材文件2.4 裁切网站首页效果图2.4 裁切网站首页效果图2.4 裁切网站首页效果图切片可以使整个
图片分为多个不同的小图片分开下载，这样下载的时间就大大地缩短了，能够节约很多时间。切片可以优化图像。对于作为切片的各幅小图片就可以
分别对其优化，并根据各幅切片的情况还可以存为不同的文件格式。2.4 裁切网站首页效果图（1）切片是使用HTML+CSS实现网页布局
的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分。（2）没有使用特殊文字效果的网页正文不需要切
，可以直接使用HTML代码来实现。（3）裁切的时候要注意平衡，比如右侧裁切了，那么左侧也要等高地裁切一下。（4）纯色背景和线型边框
线不需要切片，可以直接由CSS代码实现。（5）如果某个对象的范围正好是要裁切的大小，可以直接使用“新建基于图层的切片”功能。（6）
如果区域面积不大，可以不进行细致划分，只需将其整体裁切即可。（7）如果图片上面不需要添加文字，也就没有必要将其作为背景图案，直接作
为图片处理即可。（1）用户切片：使用切片工具创建的切片。（2）基于图层的切片：从图层创建的切片。（3）自动切片：创建新的用户切片或
基于图层的切片时，将生成占据图像其余区域的附加切片。2.4 裁切网站首页效果图具体要求见任务书2.4 裁切网站首页效果图请对“英博
特智能科技”网站首页效果图进行切片，并将psd中的切片效果图以及切出的所有图片缩略图截图上传讨论区。2.4 裁切网站首页效果图完成
5个在线测试题运用本课学习的技术，完成主题网站首页及子页效果图的裁切，生成对应图片文件夹。（详见能力拓展）。2.4 裁切网站首页效
果图学习知识要善于思考，思考，再思考。Web前端技术基础爱因斯坦 |
|
