- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
切片Slice就是将一幅大图像分割为一些小的图像.ppt
Fireworks切片 切片(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像素透明间隔符: 删除东西表格比例不会变化 tdimg src=images/spacer.gif width=21 height=1 border=0 alt= //td ②古代文学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像素间隔图像” ,容易变形,使用“嵌套表格,无间隔符” 当页面比较简单的时候可以一次切完。复杂的可以先宏观切完,导出后,再细切图片导出网页,最后通过DW复制粘贴回去 * * *
您可能关注的文档
- 公路建设法律关系主体.ppt
- 公输一字多义.ppt
- 公选课影视鉴赏_第二课.ppt
- 公钥密码体制详解.ppt
- 六一黑板报.ppt
- 六下.放大镜.ppt
- 六单因素方差分析.ppt
- 六国论—高三一轮复习.ppt
- 六级数学图形的放缩.ppt
- 六级科学放大镜.ppt
- 第十一章 电流和电路专题特训二 实物图与电路图的互画 教学设计 2024-2025学年鲁科版物理九年级上册.docx
- 人教版七年级上册信息技术6.3加工音频素材 教学设计.docx
- 5.1自然地理环境的整体性 说课教案 (1).docx
- 4.1 夯实法治基础 教学设计-2023-2024学年统编版九年级道德与法治上册.docx
- 3.1 光的色彩 颜色 电子教案 2023-2024学年苏科版为了八年级上学期.docx
- 小学体育与健康 四年级下册健康教育 教案.docx
- 2024-2025学年初中数学九年级下册北京课改版(2024)教学设计合集.docx
- 2024-2025学年初中科学七年级下册浙教版(2024)教学设计合集.docx
- 2024-2025学年小学信息技术(信息科技)六年级下册浙摄影版(2013)教学设计合集.docx
- 2024-2025学年小学美术二年级下册人美版(常锐伦、欧京海)教学设计合集.docx
文档评论(0)