网站logo设计--让网站先“生”夺人.doc

PAGE PAGE 10 网站logo设计 ——让网站先“生”夺人 一、教材分析： 本节课选自中国地图出版社高中必修教材《信息技术基础》第四单元《加工表达信息》第二节“创作电子作品”。本节是以网站设计为工作任务，让学生通过完成网页制作的活动过程中，亲历利用信息技术加工信息和表达思想的过程与方法。 在网站制作中，一份详细的规划书有利于指导创作过程，而策划主题风格同样至关重要，它以显性的方式向人们展示了网站的主题、个性等，其中较为突出的是logo的设计，它是一个网站的“标志”，但可惜教材中对于这点并没有过多的介绍，因此，我从学生的实际水平和兴趣出发，将网页中所需图像素材的加工知识点单独提出，以logo制作为载体设计了1课时的教学内容，让学生整体感受网站中的logo。在具体软件的选择上我放弃了功能强大的Photoshop软件，因为其复杂的操作功能往往会将学生的关注点转移甚至会让那些初次接触的学生产生畏惧的情绪，介于目前存在大量的“功能专一、操作简单”的小软件，我通过筛选确定了两款：AAA logo 和 Photoimpact,通过它们的配合使用，学生通过简单的几步就可以制作出网站logo，由此，不仅让学生比较容易地产生成就感，从中对图像处理有初步的了解；而且也培养学生对功能软件的学习、应用与迁移能力，树立了技术不唯一，技术为主题表达服务的意识。 二、学生分析： 高一年级的学生通过近一学期的学习，已经掌握了电子报刊和演示文稿的加工与表达，在此基础上学习网页的加工与表达，就会相对容易一些。另外，他们精力充沛，乐于接受新鲜事物，从思维发展上看，已经具备初步的逻辑思维能力，能进行独立思考和自学，可以有意识地尝试问题解决。 三、教学目标： 基于以上的教材分析和学情分析，初步拟定教学目标如下： 了解网站logo的元素构成，理解网站logo在网站中的作用。 初步掌握使用AAA logo 制作logo的方法，能使用Photoimpact软件中的文字工具，进行文字画廊中特殊效果的制作。 通过学生自主探究，加深对网站logo设计与网站主题以及整体色彩基调的协调统一关系的认识。 在亲历网站logo的制作中，初步感受图像加工在网站中的作用，突出彰显个性的意识。 重难点： 教学重点：AAA logo 与 Photoimpact 两款软件的配合使用制作网站logo。 教学难点：网站logo设计与网站主题以及整体色彩基调的协调统一。 四、教学策略 本节课的教学内容来源于教材但深于教材，所以需要由教师准备教学支持网站和相关的教学素材利于学生的学习。考虑到制作软件的具体情况和学生的认知规律，两款软件的学习方法都是学生在教师的“技术支持”栏目中相关教程的指导下，通过学生自主探究的形式来完成。 本节课主要通过让学生亲历一个完整的logo制作过程，给学生以具体的图像加工和完整logo的感性认识，完成简单模仿到自主创作的过程的转变。在此过程中，注重对学生进行“软件工程”思想的渗透：从规划开始，亲历设计、制作过程，以评价结束。培养学生的运用信息技术解决实际问题的能力。教学过程中主要采用了以下教法与学法： 任务驱动法 自主探究法 讲授法 五、教学流程： （一）．活动导入，引出学习任务 【教师】上课开始，和学生说明一起做一个小游戏，考考他们的眼力、记忆力。形式为快速播放几张著名网站截图，请学生说出网站名称、个数以及自己记住了几个网站。 ppt网站截图（部分截图画面见下图）。 【学生】百度 新浪 腾讯QQ 淘宝网…… 【教师】你们都浏览过这些网站吗？你们如何知道网站名称？ 【学生】思考回答，指出网站上有一个网站名称标志。 【教师总结】网站名称标志称为网站logo，在网站的常规版式中，网站logo放在左上方，这个logo就像网站的名片让浏览者快速记住网站本身。 【教师】大家在生活中有没有见过类似的logo？ 【学生】思考并回答。 【教师】大家说得非常好，这些都是商标logo，网站logo和现实生活中的商标logo一样，设计的目的也是唯一标识自己、宣传自己。今天我们就来学习如何设计制作网站logo，让自己的网页也能——先“生”夺人。（出示课题） 设计意图：本环节教师通过Lanstar教学广播快速播放著名网站截图构成的ppt，吸引学生的注意力，在师生交流中引导学生重新认识早已熟悉的网站名称图像——网站标志logo，明确logo的设计目的是唯一标识自己、宣传自己的一种形式，进而引出本节课的学习任务——设计制作网站logo。 （二）．分析网站logo元素，制定logo评价标准 【教师】展示经典网站logo——新浪logo和百度logo，以此为例分析网站logo的寓意。 【学生】思考并回答。 【教师】展示参考答案。 新浪的logo底色为白色，文字sina、新浪网、新浪网址是黑色