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

课题 第16课 使用Photoshop CS5制作网页效果图（1） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握文本的输入与格式设置，以及变形文字的应用 （2）在应用文本基础上，综合运用各类图像处理方法 技能目标： （1）能够熟练使用文本，设置文本格式，使用变形文字 （2）能够在综合运用各类图像处理方法时，添加和设置文本 素质目标： 开拓眼界，不局限于课本上有限的知识，培养综合运用各类知识的能力 教学重难点 教学重点：文本输入与格式设置，变形文字的应用 教学难点：配合图层使用和设置文本 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（27 min）→ 课堂实训（10 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生通过日常上网浏览的各类网页，观察文本在网页中的应用场景和作用 【学生】按照要求完成课前任务 通过课前任务，让学生体会文本在网页制作中的重要性 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 前面两个项目的实例中用到了大量的文本，试着分析文本在前面两个项目中所起到的作用。 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：输入和设置文本 通过之前用到的文本知识，引出其在网页制作中的作用，增加学生系统化掌握文本应用的兴趣 传授新知 （30 min） 【教师】讲解新知，介绍输入和设置文本 任务一 输入和设置文本 一、任务说明 Photoshop提供了4种文字工具：“横排文字工具”、“直排文字工具”、“横排文字蒙版工具”和“直排文字蒙版工具”。本任务主要学习“横排文字工具”和“直排文字工具”的应用。 二、预备知识 （一）输入文本 Photoshop中的文本包括“点文本”和“段落文本”。如果需要输入的文字较少，可以使用文字工具直接单击来输入点文本；如果需要输入较多的文字，可以使用文字工具在图像中单击并拖出一个文本框，然后把大段的文字以段落的形式输入在文本框里，下面分别介绍。 1．输入点文本 点文本的输入方式很简单。在选择横排或直排文字工具后，在“工具属性栏”中设置文字属性，文字工具属性栏如图8-1所示（详见教材） 【知识库】 操作系统提供的字体是有限的，当这些字体不能满足需要时，可以到相关网站下载字体，如方正字体、汉仪字体等。并将其拷贝到“C:\WINDOWS\Fonts”目录下，这样就可以在Photoshop中使用任何字体了。 设置完文字属性后，在文档窗口中要输入文本的位置单击，当出现闪烁的光标后即可输入文本。在输入完毕后可以按【Ctrl＋Enter】组合键结束输入，此时系统会自动新建一个文本图层。 2．输入段落文本 选择横排或直排文字工具后，在工具属性栏中设置合适的文字属性；然后将鼠标光标移至图像窗口中，此时光标呈或形状，按住鼠标左键不放并拖动鼠标，当达到所需位置后松开鼠标，绘制一个文本框，待文本框左上角出现闪烁的光标时，即可输入文字，输入完毕后按【Ctrl＋Enter】组合键结束输入，如图8-2所示（详见教材）。 【课堂问答】 【教师】随机邀请学生回答以下问题 请同学们观察，输入文字时，为什么有时文本框右下角的控制点呈形状？ 【学生】聆听、思考、回答 【教师】总结学生的回答 如果输入的文字过多，文本框右下角的控制点将呈形状，这表明文字超出了文本框范围，文字被隐藏了。此时可以拖动文本框上的控制点来改变文本框大小（操作方法与缩放图像相似），以显示被隐藏的文字。 选中文本图层（但不要进入文本编辑状态），选择“图层”>“文字”>“转换为段落文本”或“转换为点文本”菜单，可将点文本和段落文本相互转换。 （二）设置文本格式 1．选择文本 选择横排或直排文字工具后，将光标移至文字区域单击，系统会自动将文本图层设置为当前图层，并进入文本编辑状态。此时可以在插入点输入文字，也可以按住鼠标左键的同时拖动鼠标选中单个或多个文字，然后对选中的文字进行属性设置，或者复制、删除等操作，如图8-3所示（详见教材）。 另外，双击“图层”调板中文本图层的缩览图，可以选中图层中的所有文字，如图8-4所示（详见教材）。 2．设置字符格式 选中文本后，单击工具属性栏中的按钮，或选择“窗口”>“字符”菜单，打开“字