《制作网站标志》教学设计周古月一、教学内容分析本节将综合使用图像处理和文字处理进行制作网站图标的学习。二、教学目标1、知识与技能（1）掌握导入图像与加工处理的方法（2）掌握文字处理的方法2、过程与方法通过案例学习培养学生实践能力。通过教具的展示讲解理解图层的概念。3、情感态度与价值观（1）培养学生严谨务实的作风、认真学习的态度和探索新知识的兴趣。（2）进一步培养学生对标志设计的兴趣。三、教学重难点重点：“图层”概念、设置文字效果难点：设置文字效果四、教学方法任务驱动法、教学演示法、类比法五、教学过程1、导入每一个网站（网站的logo）都有表现自己特色的标志，在网站首页顶端最显眼的地方，以下收集了几个比较典型的网站标志，请大家认真观察，看看有哪些是你们比较熟悉的。师：这么多优秀的网站标志是怎么做出来的呢？今天我们就来学习怎么在fireworks中制作网站标志。2、案例演示（1）分析范例师：请同学们看看这个网站标志，告诉老师它由哪几个部分组成的。生：观察并回答。（总结范例的组成部分：图标、网站名称、拼音）师：我们观察出来了网站图标的组成，下面我们一一来完成这些组成元素，将它们拼凑成完整的网站标志。（2）制作范例新建文档画布高宽：500像素分辨率：72像素画布颜色：白色导入图片（图标）师：网站为了让人记忆深刻，会有一个特有的LOGO标志，一般是一个设计图特的图形。这里我们也对自己的网站标志添加一个LOGO。操作：“文件”——“导入”——选择图标——点击画布将图标添加进来——调整大小和位置师：请同学们留意左边“层”面板，这里添加了一条记录，显示图标的缩略图，这个我们叫做“图层”。概念解释：“图层”就像是透明的玻璃纸，在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸，上面一层会遮挡住下面的图像。最后将玻璃纸叠加起来，通过移动各层玻璃纸的相对位置或者添加更多的玻璃纸即可改变最后的合成效果。编辑文字（名称、拼音）师：要让人显而易见的知道这是什么网站，我们还需要添加什么呢？生：文字、名称师：对了，添加网站的名称。工具箱里有个文本工具“A”，点击该工具——点击画布——输入文字——调整文字的位置。（提示：文字设置可以通过“属性”面板调整。）设置文字效果师：现在我们的网站标志基本上成形了，同学们觉得好看吗？文字是不是太普通了？为了让网站标志更好看更显眼，我们可以给文字添加一些特别的效果。请同学们再次留意“属性”面板，在在上一步，我们通过面板设置文字的大小、字体、颜色，下面我们通过里面的“滤镜”给文字添加效果。点击“滤镜”处的“+”按钮——在下拉菜单中选择效果“阴影个光晕”——设置投影的颜色、角度、透明度等（提示：删除效果只要点击效果然后单击“—”按钮。）导处图像保存文档：“文件”——“保存”，保存为PNG格式（保存图层信息）导出图像：“文件”——“图像预览”——格式：GIF——拖动定界框选择导出区域——单击“导出”按钮。3、布置任务参考范例文件夹，利用“制作网站标志”里的素材自行发挥想象力，制作一个网站标志。