Download - 主讲:李艳群

Transcript
Page 1: 主讲:李艳群

主讲:李艳群

Page 2: 主讲:李艳群

11.1 设计 Web 页面

Page 3: 主讲:李艳群

11.1.1 关于切片什么是切片?设计 Web 页时用它做什么?切片有几种类型?

11.1.2 切片的类型切片内容类型切片创建方式类型

Page 4: 主讲:李艳群

11.3 创建切片1. 使用切片工具创建切片

Page 5: 主讲:李艳群

11.3 创建切片2. 使用参考线创建切片

Page 6: 主讲:李艳群

11.3 创建切片3. 基于图层的切片 (1)

Page 7: 主讲:李艳群

11.3 创建切片3. 基于图层的切片 (2)

Page 8: 主讲:李艳群

11.3 创建切片4. 将基于图层的切片转换为用户切片

5. 将自动切片转换为用户切片

Page 9: 主讲:李艳群

11.4 查看切片

更改切片行的颜色更改切片的颜色调整显示或者隐藏切片编号和切片标记

Page 10: 主讲:李艳群

11.1.5 修改切片

复制切片使用“ Web 内容”调板复制切片( ImageReady )拷贝和粘贴切片( ImageReady )

Page 11: 主讲:李艳群

11.2 优化图像

Page 12: 主讲:李艳群

11.2.1 在 PhotoshopCS2 中优化图像

1. 在 Photoshop 中设置切片选项 (1)

Page 13: 主讲:李艳群

11.2.1 在 PhotoshopCS2 中优化图像

1. 在 Photoshop 中设置切片选项 (2)

Page 14: 主讲:李艳群

11.2.1 在 PhotoshopCS2 中优化图像2. 在 Photoshop 中优化切片

Page 15: 主讲:李艳群

11.2.2 在 ImageReady 中优化图像使用优化调板 (1)

Page 16: 主讲:李艳群

11.2.2 在 ImageReady 中优化图像使用优化调板 (2)

Page 17: 主讲:李艳群

11.2.3 链接切片在 ImageReady CS2 中的切片可以链接在一起共享优化设置吗?

Page 18: 主讲:李艳群

11.3 翻转和动画

Page 19: 主讲:李艳群

11.3.1 关于翻转什么是翻转?翻转有几种状态?

Page 20: 主讲:李艳群

11.3.2 关于图像映射什么是图像映射?图像映射与翻转有什么关系?使用图像映射和使用切片创建链接有什么不同吗?

Page 21: 主讲:李艳群

11.3.3 在 Web 浏览器中预览切片怎样在 Web 浏览器中预览最终的效果?

Page 22: 主讲:李艳群

11.3.4 关于动画什么是动画?怎样创建创建动画?

动画就是在一段时间内显示的一系列图像或帧。

Page 23: 主讲:李艳群

11.3.5 关于动画调板动画调板在哪里?用动画调板能做什么?

Page 24: 主讲:李艳群

11.3.6 制作网页动画怎样用 ImageReady CS2 制作网页动画?

Page 25: 主讲:李艳群

小结本章以通俗易懂的语言,以 Photoshop CS2 中自带“样本”中的范例为主线,系统地介绍了网页图像设计的方法及技巧。从设计 Web 页、对切片的认识理解开始,到介绍在 Photoshop CS2 和 ImageReady CS2 中优化图像等,以实战的方式介绍了翻转和动画的应用。这些内容为学习者运用所学知识进行 Web 设计打下了坚实的基础。

Page 26: 主讲:李艳群

思考与练习

1. 当使用 JPEG 作为优化图像的格式时 :

A. JPEG 虽然不能支持动画,但比其它的优化文件格式( GIF 和 PNG )所产生的文件一定小B. 当图像颜色数量限制在 256 色以下时, JPEG 文件总比 GIF 的大一些C. 图像质量百分比值越高,文件尺寸越大D. 图像质量百分比值越高,文件尺寸越小

( C )

Page 27: 主讲:李艳群

思考与练习

2. 如果设定了翻转中某个状态的效果,则: A. 在动画面板上制作的动画适用于所有的滚动状态 B. 动画不能应用在滚动状态上 C. 在动画面板制作的动画仅适用当前的滚动状态 D. 同一动画不能赋予多个滚动状态

( C )

Page 28: 主讲:李艳群

思考与练习

3. 在制作网页时,如果文件中有大面积相同的颜色,最好存储为哪种格式?

A. GIF        

B. EPS           

C. JPEG        

D. TIFF

( A )

Page 29: 主讲:李艳群

思考与练习

4. 在使用裁切命令时: A. 可以自定义裁切的数量 B. 可以自定义裁切面积的大小 C. 能生成大小不同的裁切面积 D. 可以分别控制垂直方向和水平方向的裁切设置

( ABD )

Page 30: 主讲:李艳群

思考与练习

5. 在切片面板中: A. 使用无图像形式可在切片割图位置上添加 HTML 文本 B. 可以任意将切片位置设为图像形式或无图像形式 C. 进行多个裁切后,所有的切片要么全部是图像形式,要么全部是无图像形式 D. 以上都不对

( A )

Page 31: 主讲:李艳群

思考与练习

6. 切片可以通过以下哪些方式来制作? A. 使用切片工具手工裁切出切片 B. 使用参考线或选取范围自动生成 C. 在图层选项面板上设定切片 D. 使用划分切片命令生成

( ABD )

Page 32: 主讲:李艳群

思考与练习

7. 在制作图像映射时,可以: A. 在同一层上制作多个图像映射 B. 任意定义图像映射的形状 C. 通过移动层在图像上的位置,改变映射的位置 D. 为图像映射标记上不同的颜色

( ABD )

Page 33: 主讲:李艳群

思考与练习

8. 在制作滚动按钮过程中: A. 只能出现一个鼠标经过按钮的动作效果 B. 在滚动按钮不能加入动画效果 C. 一个滚动按钮不能和其他的滚动按钮有相通的效果 D. 可以将一个滚动按钮层状态粘贴到另一个滚动按钮中

( AD )

Page 34: 主讲:李艳群

思考与练习

9. 如果一幅图像制作了滚动效果,则: A. 只需将该图像优化存储为 GIF 格式即可保持所有效果 B. 只需将该图像优化存储为 JPEG 格式即可保持所有效果 C. 需要将该图像存储为 HTML 格式 D. 存储为以上任意格式均可

( C )

Page 35: 主讲:李艳群

思考与练习

10. 使用过渡功能制作动画时: A. 可以实现同一层中图像的大小变化 B. 可以实现层透明程度的变化 C. 可以实现层效果的过渡变化 D. 可以实现层中图像位置的变化

( BCD )

Page 36: 主讲:李艳群

本章结束谢谢大家