切片(Slice)就是将一幅大图像分割为一些小的图像.ppt_第1页
切片(Slice)就是将一幅大图像分割为一些小的图像.ppt_第2页
切片(Slice)就是将一幅大图像分割为一些小的图像.ppt_第3页
切片(Slice)就是将一幅大图像分割为一些小的图像.ppt_第4页
切片(Slice)就是将一幅大图像分割为一些小的图像.ppt_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

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

文档简介

切片（Slice）就是将一幅大图像分割为一些小的图像 切片，然后在网页中通过没有间距和宽度的表格重新 将这些小的图像没有缝隙的拼接起来，成为一幅完整 的图像。这样做可以减低图像的大小，减少网页的下 载时间，并且能创造交互的效果，如翻转图像等，还 能将图像的一些区域用html来代替。,Fireworks切片,将图像切片至少有三个主要优点： “优化” 网页图形设计的挑战之一是在确保图像快速下载的同时保证质量。切片使您可以使用最适合的文件格式和压缩设置来优化每个独立切片。 “交互性” 您可以使用切片来创建响应鼠标事件的区域。 “更新网页的某些部分” 切片使您可以轻松地更新网页中经常更改的部分。,Fireworks切片,使用切片 创建切片、编辑切片 “矩形切片”、“多边形切片” 导出切片 导出所选切片、导出为网页 使用层面板快速选定切片，切片可以复制到另外一个 PNG图像中，注意技巧（等大比例、分辨率）,Fireworks切片,在FW可以选择导出表格布局或者div、css布局 1、导出Table布局 (1) “HTML和图像” (2) FW 8、FW CS3、FW CS4、FW CS5 2、导出Div、CSS布局 (1) “CSS和图像（.htm）” (2) FW CS3、FW CS4、FW CS5 （FW 8 导出的是绝对定位的DIV、cs4和cs3又有 点不同，推荐使用CS4）,Fireworks切片,1、导出Table布局 导出-选项-表格 间隔：1像素透明间隔符 嵌套表格，无间隔符 单一表格，无间隔符号,Fireworks切片,古代文学01 1像素透明间隔符： 删除东西表格比例不会变化 古代文学02 嵌套表格，无间隔符： 删除东西表格比例不会变化 古代文学03 单一表格，无间隔符号： 删除东西表格比例会变化,Fireworks切片,2、导出Div、CSS布局 （1）CS3、CS4切片属性设置 “背景图像” （CS4前景图像也可以） （2）CS4不管背景还是前景都导出，CS3则不会 注意区别 （3）“名字优化”：起有意义的名字 Div自动居中：margin 左右auto,Fireworks切片,实例Table布局要点： （1）“首页” 控制好切片区域文字的大小,结合样式表 如：体育、艺术两个页面,Fireworks切片,实例Table布局要点： （2）内容页：保持水平 内容区域自动拉伸只影响两边，两边背景自动拉伸能够连续或者是纯色背景，所以看起来能自动拉伸（通过设置单元格的背景让其拉伸） 不要滥用 “渐变” 色 两边纯色或者单调背景，如艺术内容页，教育系页面,Fireworks切片,古代文学页面例子 页面可以一次切好，也可以切好宏观再继续切微观 （1）宏观可以使用“1像素间隔图像” （2）微观戏切尽量不要使用“1像素间隔图像” ，容易变形，使用“嵌套表格，无间隔符” 当页面比
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论