课程名称PhotoshopCS教学对象电脑艺术专业教材Photoshop轻松学电脑系列教程授课内容第二十讲Photoshop的切片课时3课时教学目的与要求通过本课的学习，您应该学会以下知识和技能：1、切片工具的使用2、切片选择工具的使用3、利用切片制作简单的网页链接重点、难点本节课介绍了PhotoshopCS中切片工具的使用：1、切片工具和切片选择工具的使用（重点）2、图像的优化（重点）3、制作简单网页效果（难点）课型新授课教学方法讲授法，演示法教学过程设计（包括讲授知识、演示内容及案例、提问及学生演示内容）一、复习（10分钟）：复习上节课所学滤镜的知识，解答学员在上机时出现的问题。二、导入课题（5分钟）：本节课采用典型案例方式来导入课题，以提高学员对本节课学习兴趣。三、知识剖析（120分钟）：（一）切片工具的使用（50分钟）：1、关于切片：可以使用切片将源图像分成许多的功能区域。在您存储图像和HTML文件时，每个切片都会作为独立文件存储，并具有其自己的设置和颜色调板，而且会保留正确的链接、翻转效果以及动画效果。2、切片的类型：（1）自动切片（2）用户切片3、创建用户切片（1）使用切片工具创建切片：选择切片工具。任何现有切片自动显示在文档窗口中。选取选项栏中的样式设置：“正常”选项通过拖移确定切片比例。“固定长宽比”选项设置高度与宽度的比例。输入整数或小数作为长宽比。例如，若要创建一个宽度是高度两倍的切片，请输入宽度2和高度1。“固定大小”选项指定切片的高度和宽度。输入整数像素值。在要创建切片的区域上拖移。按住Shift键并拖移可将切片限制为正方形。按住Alt键拖移可从中心绘制。使用对齐使新切片与参考线或图像中的另一切片对齐。（2）从参考线创建切片：向图像中添加参考线。执行下列操作之一：(Photoshop)选择切片工具，然后在选项栏中点按“基于参考线的切片”。(ImageReady)选取“切片”>“从参考线创建切片”。从参考线创建切片时，将删除所有现有切片。（3）从选区创建切片(ImageReady)：选择图像的一部分。选取“选择”>“从选区中创建切片”。ImageReady创建基于选框的用户切片。如果选区已羽化，则切片将覆盖整个选区（包括羽化的边缘）。如果选区不是矩形，则切片将包括足以覆盖整个选区的矩形区域。4、创建基于图层的切片从图层创建切片时，切片区域包含图层中的所有像素数据。如果移动该图层或编辑其内容，切片区域将自动调整以包含新的像素。当源图层被修改时，基于图层的切片将会更新。在处理翻转时，基于图层的切片特别有用。如果将某种效果（如投影或发光）应用于图层以创建翻转状态，则切片将自动调整以包含新的像素。但是，如果计划在动画期间在图像的一块很大区域上移动该图层，则不要使用基于图层的切片，因为切片尺寸可能超出有用的大小。从图层创建切片：在图层调板中选择图层。选取“图层”>“新建基于图层的切片”。5、将自动切片转换为用户切片：（1）选择自动切片。在ImageReady中可以选择多个切片。（2）执行下列操作之一：(Photoshop)选中切片选择工具后，在选项栏中点按“转为用户切片”。(ImageReady)选取“切片”>“转为用户切片”。6、将基于图层的切片转换为用户切片（1）选择基于图层的切片。在ImageReady中，可以选择多个切片。（2）执行下列操作之一：(Photoshop)点按选项栏中的“转为用户切片”。(ImageReady)选取“切片”>“转为用户切片”。（二）切片选择工具的使用（20分钟）：1、观看切片选项2、优化切片（三）制作简单网页链接效果（15分钟）：为“图像”切片指定链接信息：选择一个切片。如果正在使用Photoshop，则用切片选取工具点按两次该切片，以显示“切片选项”对话框。在“切片选项”对话框(Photoshop)或“切片”调板(ImageReady)的URL文本框中输入URL，或从弹出式菜单中选取以前创建的URL。可以输入相对URL或完整URL。如果输入完整URL，请确保包括http://（例如，输入http://www.sina.com.cn而非www.sina.com.cn）。如果愿意，在“目标”文本框中输入目标帧名，或从弹出式菜单中选取选项。帧名必须与以前在HTML文件中为该文档定义的帧匹配。当用户点按链接时，指定的文件显示在新帧中：_blank在新窗口中显示链接文件，而保持原始浏览器窗口打开。_self在原始文件的同一帧中显示链接文件。_parent在自己的原始父帧组中显示链接文件。如果HTML文档包含帧，并且当前帧是子帧，则使用此选项。链接文件显示在当前