打造网站中的个性图片（二等奖）.doc

打造网站中的个性图片（二等奖） 打造网站中的个性图片——强奕岚 设计者 强奕岚 单位 无锡市市北高级中学 案例名称 打造网站中的个性图片 适应范围 高一信息技术必修模块一 课时 2课时 qyl577@ 本节课所使用的教材是中国地图出版社的普通高中教材《信息技术基础》。教学内容是第四单元第二节中图像素材的加工这一部分的内容。第二节的主题是以网站创作为活动主线，让学生亲历创作电子作品的活动过程，体会利用信息技术发布信息和表达思想的规范和方法。本次课针对网站中所需要的图片素材，引导学生根据自己网站的主题，设计制作自己网站的LOGO、BANNER、背景等图片。本节课是一节新授课。 在本节课之前，学生已经经历了个人网站的设计和规划，搜集了相关的图片和文字等素材，完成了建设个人网站的部分工作。产生对图片进行修饰和制作个性图片的愿望和要求。大部分同学对比较专业的图形处理软件既陌生又好奇。 知识与技能： 1. 能够根据需要，设计图像，表达主题。 2. 了解PHOTOSHOP的工作环境。 3. 掌握简单的抠像技术。 4. 给图像、文字设置特殊效果。 情感态度与价值观： 　　　　　　 　　　 1. 保持主动学习和使用工具软件、积极参与信息作品创作的态度。 2. 能够捕捉他人作品中的闪光点，乐于学习、善于帮助。 本节课从学生正在进行的做网站的活动导入，激发学生的内在学习需要。因为新课内容涉及到一个新的的工具软件，考虑到不适合让学生完全自主学习，采用了老师演示实例在先，然后逐步引导的方法。促使学生轻松上手，然后自主创作，在课堂上体会成功的喜悦。为了帮助学生学习，设计了辅助的学案。除了将范例的制作思路写入学案作为提示，同时提供网上相关教程的链接，让学生有自我拓展的空间。最后利用电子档案袋，进行交流与评价。针对以往交流与评价流于形式的问题，老师强调要给同学提出建设性意见，使得评价和交流更具实效，同时帮助学生形成乐于学习、善于帮助的态度。 激发兴趣 导入新课 展示图片： 提出问题： 1、看到这些图片之后你们立刻联想到了什么？ 2、这些图片主要有哪几部分组成？它的作用是什么？ 学生通过欣赏和思考，体会网站标志图片的魅力，了解网站标志图片的功能。 其实，这些极富个性的图片，几乎成了网站的名片，它们有个专有名词——LOGO，也就是网站标志的意思。同学们想不想给自己的网站也制作一个独一无二的LOGO呢？ 新授——网站LOGO的制作 1. 网站的LOGO有2种类型。一类是显示在自己网站页面上的标志图片；另一类是用来与其它网站交换链接的标志。对于LOGO的大小，也有约定： 88*31 像素 互联网上用作交换链接最普遍的LOGO大小。 120*60像素 一般大小的LOGO。 120*90 像素 大型的LOGO。 2. 一个好的LOGO应具备的条件 老师提出问题，学生思考、回答。总结如下： 设计精美、独特 有网站名字或网址 体现网站的风格 …… 3. 老师演示网站LOGO制作实例 一般LOGO由文字、图形构成。这里我们以选择图片素材中的局部图形和文字叠加的办法，来制作一个LOGO。 步骤1：设置LOGO的尺寸大小 打开photoshop，新建，根据需要，设置大小。 步骤2：选择图片，抠取局部图形 打开所需要的图片素材。 利用工具栏的“选择框”、“套索”、“魔术棒”，选择图片中的局部；复制、粘贴到新建的图片上。 步骤3：添加文字 利用工具栏的“文字”工具，添加文字、设置字体、字号。 步骤4：添加特效 选择图形图层，执行“滤镜”——“模糊”——“径向模糊”，给图层添加模糊效果。 给文字添加特效。在图层浮动面板中该文字图层上用右键点出“混合选项”。常用的特效有投影、描边等。 步骤5：保存 “存储为”PSD文件，可以便于以后修改。但是PSD文件大小比较大，不适合在网页中使用。因此再选择“存储为WEB所用格式”，将图片保存成JPG或GIF适合网页中使用的图片格式。 实践演练 老师根据学案，介绍任务。因为BANNER、背景图片和LOGO相比，除了功能上有所不同，在制作方法和LOGO并没有太大的区别。因此，只给出了几个设计范例和参考尺寸。 学生根据个人网站的风格，自主设计，创作网站的LOGO图片。 老师巡回指导，除了回答学生操作的问题，更对学生的设计加以评点。赞赏学生精彩的创意，也指出设计中的不足。 附：学案 作品交流＆评价与提高 学生们通过电子档案袋，既可以浏览同学的作品，也可以给出评价文字。因此，老师在最后评价时，以选择典型作品，请创作者介绍设计思路和制作方法的方式进行。 注意对同学间给出的建设性意见加以肯定。 设计问题：可以用来处理图片的工具软件有很多，比如画笔、CORELDRAW。今天我们选择用