《制作安哥建材导航》教案.docVIP

《制作安哥建材导航》教案 课题名称 制作安哥建材导航 建议课时 2课时（建议两节连堂） 教学目标 知识目标 1.了解网页导航条的作用及表现形式。 2.了解网页导航条的设计原则。 3.掌握设计制作网页的导航条的方法。 4.熟练掌握钢笔工具的使用。 5.熟练掌握渐变工具的使用。 6.熟练画笔工具相关属性的设置。 能力目标 培养学生的自学能力、动手实践能力和创新能力。 德育目标 培养学生的团队精神和成功意识，增强学生学习的自信心，形成主动学习的良好氛围。 教学重点 掌握安哥建材导航条的设计制作方法 教学难点 图层样式的设置 任务介绍 本任务是制作安哥建材网站的导航栏 ，如下图所示。 本任务将是制作安哥建材网站的导航栏，该实例在制作前已提供了安哥建材的Logo素材，结合Logo素材的特点，可以确定导航栏的主色调，也可以通过水平排列的方式，简单地将文字排列开，并用曲折的点线将其分开，使静态的导航有了一丝自由与动感。 教学过程 学生活动 教师活动 创设情境 融入情境，产生完成本任务的欲望。 创设一个真实的项目情境，激发学生完成本任务的兴趣。在本“任务情境”的基础上，使用投影，展现本任务完成效果图，激发学生兴趣与完成的欲望。 任务分析 学生小组讨论，如何完成任务。 向学生展示任务效果图，要求学生结合自身知识与技术储备，完成本任务还需要哪些知识与技术支持，找出自己不能完成的内容。 在学生讨论的基础，教师有针对性引导学生，将需要解决的问题收集、整理出来。 任务实施 参照教材中“任务实施”，尝试操作，实施任务。当遇到困难时，向老师或同学们进行请教。 学生在操作的过程中，教师要适时巡查，发现问题，引导学生解决。同时，鼓励小组同学之间相互帮助，积极交流，解决问题。 典型引导 解决问题 阅读教材，尝试操作，掌握新知。 引导学生参照教材的“知识准备”，了解网页导航条的表现形式、设计原则等理论知识。 展示评价 首先自评，然后小组评价。 教师点评，引导学生相互交流学习。 拓展探索 设计制作个人网站导航条。 教师根据实际情况，有针对性示范操作。评价作品，将评价结果反馈给学生。 附件： 任务实施步骤： 1. 启动Photoshop CS5，选择 “文件”→“新建”菜单命令，新建一个大小为900×100像素，分辨率为72，颜色模式为RGB颜色，背景内容为白色的文件，并将其命名为“马自达导航条”，如题7-8所示。 图7-8 新建文件 2. 将给定的Logo素材导入到图层中，将其命名为“Logo”，并为其添加投影效果，设置图层样式，如图7-9所示，效果图如7-10所示。 图7-9设置“Logo”投影 图7-10 添加Logo投影效果 3. 为导航条添加背景色。 （1）新建一个图层，将其命名为“背景”。选择“渐变工具”，在其选项栏上单击渐变色条，弹出“渐变剪辑器”窗口，如图7-11所示。 图7-11 设置“渐变工具”的渐变效果 （2）在画布中，从下方垂直拖动渐变工具向上方，放开鼠标，完成渐变效果的填充，如图7-12所示。 图7-12添加渐变效果 （3）选择“钢笔工具”，绘制选区，如图7-13所示。 图7-13 “钢笔工具”绘制选区 （4）将选区内内容，剪切到新的图层，并将其透明度改为55%，并在Logo下方添加文字，文字内容为“安哥建材有限公司”，字体为华文楷体，字号为16，最终效果如图7-14所示。 图7-14 更改透明度后的效果 4. 添加导航栏按钮的点线。 （1）打开标尺，添加辅助线，垂直标尺位置分别为：250，275，300，450，600, 750。如图7-15所示。 图7-15 添加辅助线 （2）设置画笔工具属性，将其颜色设置为白色，打开画笔调板，进行相关设置，如图7-16所示。 图7-16 设置画笔调板 （3）绘制点线。新建图层，将其命名为“线条1”，选择“钢笔工具”在该图层内绘制路径，如图7-17所示。在路径面板中，选择刚绘制好的路径，单击鼠标右键，选择“描边路径”，弹出描边路径窗口，在下拉菜单中选择已经设置好的画笔。如图7-18所示。复制3个“线条1”图层，并按标尺线调整位置，最终效果如图7-19所示。 图7-17 绘制路径 图7-18 描边路径 图7-19 点线效果 （4）选择“横排文字工具”在选项栏上选择文字字体“宋体”，选择字号“12”，分别输入文字“简体中文版”、“繁体中文版”、“English”，并在各自的前方绘制小方块，效果如图7-20所示。 图7-20 语言 5. 添加导航栏按钮文字。 （1）选择“横排文字工具”，在选项栏上选择文字字体“黑体”，选择字号“20”，选择“锐利”效果，颜色为白色。 （2）选择“窗口”→“字符”打开“字符”面板，把行距设置为24, 相关设置如图7-21所示。