网站设计与网页制作立体化项目教程（第4版） 课件 2-2-4 课件：英博特网站开发准备-裁切网站首页效果图_第1页
网站设计与网页制作立体化项目教程（第4版） 课件 2-2-4 课件：英博特网站开发准备-裁切网站首页效果图_第2页
网站设计与网页制作立体化项目教程（第4版） 课件 2-2-4 课件：英博特网站开发准备-裁切网站首页效果图_第3页
网站设计与网页制作立体化项目教程（第4版） 课件 2-2-4 课件：英博特网站开发准备-裁切网站首页效果图_第4页
网站设计与网页制作立体化项目教程（第4版） 课件 2-2-4 课件：英博特网站开发准备-裁切网站首页效果图_第5页
已阅读5页，还剩6页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论