第11课 使用Photoshop CS5制作网页素材（上 1）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第11课 使用Photoshop CS5制作网页素材（上 1） 课时 2课时（90 min） 教学目标 知识目标： （1）熟悉Photoshop CS5工作界面，掌握新建、保存和打开图像文件的方法 （2）掌握在Photoshop中调整图像大小和画布大小，以及使用裁剪工具裁切图像的方法 技能目标： （1）能够熟练使用Photoshop基本功能 （2）能够在Photoshop中调整和裁切图像 素质目标： 培养知难而上的精神，勇于学习新知识，不怕困难 教学重难点 教学重点：在Photoshop中调整图像和画布大小 教学难点：在Photoshop裁切图像 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（27 min）→ 课堂实训（10 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生通过网络查找电脑端有哪些图片处理软件，其各有什么优势 【学生】按照要求完成课前任务 通过课前任务，让学生了解行业中图片处理的各类软件 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们日常中，经常说把照片P一下，这个P指代的是什么？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：认识Photoshop 通过日常用语，让学生了解我们大多数用的图像处理软件是Photoshop 传授新知 （30 min） 【教师】讲解新知，认识Photoshop 任务一 认识Photoshop 一、任务说明 本任务先来介绍一下Photoshop CS5的工作界面，然后学习新建、保存和打开图像文件的方法。 二、预备知识 （一）熟悉Photoshop CS5工作界面 单击桌面左下角的“开始”按钮，选择“所有程序”>“Adobe Photoshop CS5”，就可以启动Photoshop CS5了。 【多媒体】展示“Photoshop CS5工作界面”图片（详见教材），并讲解其组成部分 如图所示为Photoshop CS5的工作界面，可以看出，其主要由标题栏、菜单栏、工具箱、工具属性栏、文档窗口和调板等组成。 标题栏：位于界面顶部，其左侧显示了Photoshop CS5的程序图标和一些常用工具按钮，右侧是3个窗口控制按钮，单击它们可以将窗口最小化、最大化和关闭。 工具箱：Photoshop CS5的工具箱中包含70余种工具。这些工具大致可分为选区制作工具、绘画工具、修饰工具、颜色设置工具及显示控制工具等几类，使用这些工具可以方便地编辑图像。一般情况下，要使用某种工具，只需单击该工具即可。另外，部分工具的右下角带有黑色小三角，如选框工具；这表示该工具中隐藏着其他工具。在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。 【知识库】 要观察图像效果时，可以按【Tab】键关闭工具箱和所有调板；再次按【Tab】键，将重新显示工具箱和调板。 工具属性栏：当用户在工具箱中选择某个工具后，菜单栏下方的工具属性栏中会显示该工具的属性和参数，利用它可设置当前工具的相关参数。 文档窗口：用来显示和编辑图像文件。 文档标签栏：显示文档标签。默认情况下，Photoshop使用选项卡的方式来组织打开或新建的图像，每个图像都有自己的标签，上面显示了图像名称、显示比例、色彩模式和通道等信息。当用户同时打开多个图像时，通过单击图像标签可在各图像之间切换，当前图像的标签将显示为灰白色。 【知识库】 单击图像标签并向下拖动可使文档标签脱离文档标签栏，而成为独立的文档。用户可通过拖动独立文档的标题栏移动其位置。 调板：位于图像窗口右侧。Photoshop CS5为用户提供了很多调板，分别用来观察信息，选择颜色，管理图层、通道、历史记录等。与Dreamweaver的调板一样，用户也可以折叠和展开调板。 【知识库】 若要关闭某个调板，可右键单击调板名称，在弹出的快捷菜单中选择“关闭”菜单项。若要打开已经关闭的调板，可选择“窗口”>“调板名”菜单。 状态栏：位于图像窗口底部，由两部分组成，分别显示了当前图像的显示比例和文档大小/暂存盘大小（指编辑图像时所用的空间大小）。用户可在左侧的显示比例编辑框中直接修改数值来改变图像的显示比例。 （二）新建、保存和打开图像文件 1．新建文