1 / 36

主讲：李艳群

主讲：李艳群. 11.1 设计 Web 页面. 11.1.1 关于切片 什么是切片？设计 Web 页时用它做什么？切片有几种类型？ 11.1.2 切片的类型 切片内容类型 切片创建方式类型. 11.3 创建切片. 使用切片工具创建切片. 11.3 创建切片. 使用参考线创建切片. 11.3 创建切片. 基于图层的切片 (1). 11.3 创建切片. 基于图层的切片 (2). 11.3 创建切片. 将基于图层的切片转换为用户切片 将自动切片转换为用户切片. 11.4 查看切片. 更改切片行的颜色 更改切片的颜色调整

lakia
Download Presentation

主讲：李艳群

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 主讲：李艳群

  2. 11.1 设计Web页面

  3. 11.1.1 关于切片 • 什么是切片？设计Web页时用它做什么？切片有几种类型？ 11.1.2 切片的类型 • 切片内容类型 • 切片创建方式类型

  4. 11.3 创建切片 • 使用切片工具创建切片

  5. 11.3 创建切片 • 使用参考线创建切片

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

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

  8. 11.3 创建切片 • 将基于图层的切片转换为用户切片 • 将自动切片转换为用户切片

  9. 11.4 查看切片 • 更改切片行的颜色 • 更改切片的颜色调整 • 显示或者隐藏切片编号和切片标记

  10. 11.1.5 修改切片 • 复制切片 • 使用“Web内容”调板复制切片（ImageReady） • 拷贝和粘贴切片（ImageReady）

  11. 11.2 优化图像

  12. 11.2.1 在PhotoshopCS2中优化图像 1. 在Photoshop中设置切片选项 (1)

  13. 11.2.1 在PhotoshopCS2中优化图像 1. 在Photoshop中设置切片选项 (2)

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

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

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

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

  18. 11.3 翻转和动画

  19. 11.3.1 关于翻转 • 什么是翻转？翻转有几种状态？

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

  21. 11.3.3 在Web浏览器中预览切片 • 怎样在Web浏览器中预览最终的效果？

  22. 11.3.4 关于动画 • 什么是动画？怎样创建创建动画？ • 动画就是在一段时间内显示的一系列图像或帧。

  23. 11.3.5 关于动画调板 • 动画调板在哪里？ • 用动画调板能做什么？

  24. 11.3.6 制作网页动画 • 怎样用ImageReady CS2制作网页动画？

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

  26. 思考与练习 • 1. 当使用JPEG作为优化图像的格式时: • A. JPEG虽然不能支持动画，但比其它的优化文件格式（GIF和PNG）所产生的文件一定小 • B. 当图像颜色数量限制在256色以下时，JPEG文件总比GIF的大一些 • C. 图像质量百分比值越高，文件尺寸越大 • D. 图像质量百分比值越高，文件尺寸越小 （C）

  27. 思考与练习 • 2. 如果设定了翻转中某个状态的效果，则： • A. 在动画面板上制作的动画适用于所有的滚动状态 • B. 动画不能应用在滚动状态上 • C. 在动画面板制作的动画仅适用当前的滚动状态 • D. 同一动画不能赋予多个滚动状态 （C）

  28. 思考与练习 • 3. 在制作网页时，如果文件中有大面积相同的颜色，最好存储为哪种格式？ • A. GIF         • B. EPS            • C. JPEG         • D. TIFF （A）

  29. 思考与练习 • 4. 在使用裁切命令时： • A. 可以自定义裁切的数量          • B. 可以自定义裁切面积的大小 • C. 能生成大小不同的裁切面积      • D. 可以分别控制垂直方向和水平方向的裁切设置 （ABD）

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

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

  32. 思考与练习 • 7. 在制作图像映射时，可以： • A. 在同一层上制作多个图像映射       • B. 任意定义图像映射的形状 • C. 通过移动层在图像上的位置，改变映射的位置 • D. 为图像映射标记上不同的颜色 （ABD）

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

  34. 思考与练习 • 9. 如果一幅图像制作了滚动效果，则： • A. 只需将该图像优化存储为GIF格式即可保持所有效果 • B. 只需将该图像优化存储为JPEG格式即可保持所有效果 • C. 需要将该图像存储为HTML格式 • D. 存储为以上任意格式均可 （C）

  35. 思考与练习 • 10. 使用过渡功能制作动画时： • A. 可以实现同一层中图像的大小变化         • B. 可以实现层透明程度的变化 • C. 可以实现层效果的过渡变化               • D. 可以实现层中图像位置的变化 （BCD）

  36. 本章结束 谢谢大家

More Related