首 页 > 教学实践 >正文
设计自己的网站名片(动态LOGO的制作)——《多媒体技术应用(选修)》
作者: 日期:2007-11-27 11:28:00 出处:教育科学出版社 访问次数:
[1]
  
教材分析
 
  本节课是《网络技术应用(选修)》第四章第二节网站设计这一部分的内容。在策划树立网站风格时,网站的个性标志(LOGO)的设计是个非常重要的因素。教科书中没有具体的设计标志的操作,教师可以根据学生需求和兴趣进行拓展讲解。本课以Photoshop+ImageReady CS软件为例,简单介绍了网站LOGO的制作方法。课后还可以为有兴趣的学生提供一些学习资源和学习建议,让他们深入了解。
 
教学对象分析
 
  本节课内容实践性强,内容新颖有趣,学生的学习兴趣较浓。在必修课程中学生已经学会了利用专业软件Photoshop进行一些图片素材的修饰与加工,触类旁通,ImageReady CS的使用与Photoshop有很多相似之处,学生也就不难上手了。操作技巧容易掌握,但具体作品制作的水平高低还与学生的审美能力、艺术修养和实践能力有关,这也不是通过几节信息技术课就能快速提高的,教师要在长期的教学活动中潜移默化地进行培养,要关注每一位学生的发展。
 
教学目标
 
知识性目标:
  能够根据网页需要,设计动态Logo图片,表达网站主题,凸现网站个性。
技能性目标:
  掌握软件Photoshop,ImageReady CS的基本操作方法,能制作简单的GIF动画图片。
情感性目标:
  ①让学生保持一种主动学习、乐于学习、积极参与信息作品创作的态度;
  ②同学之间能互相进行客观评价,善于发现别人的闪光点。
 
教学策略
 
  课前精心充分的准备工作对这节课的开设至关重要,包括教学网站的制作、教学内容的设置、素材的搜集等。新知识的学习涉及一个新的工具软件,考虑到不适合让学生完全自主学习,采用了教师演示实例在先,促使学生轻松上手,然后由学生通过教学网站自主学习和自主创作。在作品创作中,引入适当的竞争机制,有利于调动学生学习的主观能动性与参与创作的热情。学生会比较喜欢作品上传和网上投票这种评选形式,它能准确、及时地反馈学生的学习结果,有利于评价的客观性和实效性。
 
重点和难点分析
 
  ①Photoshop,ImageReady两款软件的配合使用;
  ②图层的理解与合理运用。
 
教学过程

过程
教师活动
学生活动
设计意图
课前准备
建设本课所用的教学小网站,制作内容包括:a.Logo制作的相关知识与方法介绍;b.搜集制作Logo所需的各类素材;c.提供网上制作教程和素材的优秀站点;d.学生作品及自评意见的上传;e.作品展示,在线投票。
 
学习资源网站的建设方便了学生分层次自主学习,利于因材施教。教师筛选素材的选择放置在页面上,便于大部分学生快速选取利用。
导入
①展示2008年北京奥运会会徽图案,并提问“这是什么标志?它的设计含义是什么?”
总结:a.会徽设计将中国特色、北京特点和奥林匹克运动元素巧妙结合;b.以中国传统文化符号——印章寓意北京将实现“举办历史上最出色的一届奥运会”的庄严承诺;c.红色是中国传统喜庆颜色;d.中国北京张开双臂欢迎世界各地人民的姿态;e.冲刺极限,创造辉煌,弘扬奥林匹克精神。
②展示一些非常典型的网站标志图片,供学生讨论、辨别。提出问题:这些图片分别代表哪些网站?标志由哪些内容组成?
总结:网站标志(Logo)已经成为了网站的名片,它是网站特色与内涵的集中体现。
因为很熟悉,也很关心,学生很快就能说出第一个问题的答案。
通过网站标志图片的欣赏与思考,网站标志图片的功能与魅力激起了学生的创作欲望。
由同学们热情关注的2008年北京奥运会会徽引入,帮助学生理解“标志”的内涵与重要性。然后一步引申到网站的标志,引出本课的学习内容。
新课讲解
①网站的Logo有两种类型。一类是显示在自己网站页面上的标志图片;另一类是用来与其他网站交换链接的标志。
②Logo的大小也有约定:88*31 像素(互联网上最普遍的用作交换链接的Logo大小)、120*60像素(一般大小的Logo)、120*90 像素(大型的Logo) 。
③Logo可静可动,可以利用很多常见的图片编辑工具或动画制作工具来实现。本节课主要讲解利用Photoshop和ImageReady制作动态Logo。
④教师演示动态Logo的制作实例。
听讲解教师新课,观看教师实例演示,学习具体的操作方法,理解各操作步骤的作用。
绝大多数学生不了解Logo知识,不适合一开始就自主学习,所以要先作适当讲解。ImageReady软件的操作也需要教师先演示,帮助学生快速上手。
布置任务:设定一些不同类型网站的主题,请学生选择其中一个并为这个主题的网站设计Logo标志。学生可以选择独立完成,或是和相邻座位的同学合作完成。创作过程中为学生提供自主学习资源与创作素材。教师巡回指导,解答学生疑问,更要在学生设计过程中加以评点,赞赏学生精彩的创意,指出其不足。
根据自己的实际情况选择分组合作还是独立完成任务。通过网络资源自主学习、实践。
让学生实践演练,培养他们的活学活用、自主创新能力。鼓励学生原创,增强他们团结协作的意识。
①完成后,填入自评意见,和作品一并上传。
②同学间互评,在线投票。选出, 5名最佳创作奖,并要求对所选择的作品填入评价意见。
③展示获奖作品,并请作者讲述自己的创作思想和简要的创作过程。
进行自评与同学间的互评,巩固学习成果。
评价形式多样,评价手段新颖,评价客观准确。有利于学生知识的巩固与提升。
①简单总结课堂内容。
②提供课后扩展学习的相关网上资源:
Logo制作专题教程:
http://www.skyuu.com/pm/Special/logo/
Photoshop视频教程网站:http://tech.163.com/special/00091EMV/pscs2.html
    ImageReady 在线教程:
http://www.sj00.com/article/403/
③课后延伸任务布置:请各小组同学合作完成自己的主题网站的标志设计。
课余时间根据需要自主学习,完成主题网站的标志创作工作。
把所学知识进行实际应用,不同能力层次的学生在课后可以得到合适的自主学习的空间,进行拓展学习。

教学后记
Photoshop和ImageReady是工具软件,它是画家手中的笔,雕刻家手中的刻刀,这节课就是要带给学生一个自由创作发挥的空间。学生的作品好坏关键在于他们的创意与设计,不管是模仿老师的制作,还是个性的张扬发挥,目的都是形式与内容的和谐统一。
[1]
返回首页

打印本文

加入收藏
返回顶部
关闭窗口
· 您要为您所发的言论的后果负责,故请各位遵纪守法并注意语言文明。
我要说两句
查看留言
用 户:
内 容:
 

 

 

【相关文章】

 
 
未经教育科学出版社书面特别授权,禁止转载或建立镜像。