《我的网页》教学设计
教学目标
1、能够了解构成网页风格的基本元素及其基本作用。
2、能够了解网页的常见风格创意手法。
3、能够根据网页的主题设计体现网页特点的主体图标。
4、能够了解网页版式的设计要点及网站中的页面关系。
5、能够整合网页设计的相关知识,进行适合特定主题的主页设计。
教学重难点
重点:引导学生了解网页版式的设计要点及网站中的页面关系。
难点:引导学生明确任何设计不但是追求视觉上的设计美感,更是追求与主题内容充分对应的表达。
课前准备
教师:教学课件、多媒体教室、“我的网页”作品欣赏、主页制作视频等。
学生:收集“我的网页”相关素材(自己的照片、信息等相关资料)。
教学过程
一、引言导入新课(网页设计的重要意义)
师:互联网已经遍布世界的每个角落,你想拥有自己的网页吗?为什么?
生:把自己的个性、特长、爱好表现出来,让更多的人认识自己,了解自己,加强人与人之间的联系和交流。
师适当地补充、总结:有了自己的网页,你就会加倍的努力使自己变得更加优秀。今天,我们就一起来设计属于自己的网页。
二、赏析学生网页(动画图标在网页中的重要性)
师:其实我们学校的有些同学早就有了属于自己的网页,下面我们就一起来欣赏一下。(选择了本校学生的两个网页,其中一个网页用了很多漂亮的图标,另一个几乎没有用图标。)你比较喜欢哪一个网页?为什么?
生:学生回答(对学生提出的各种建议,老师要给于充分肯定)。
师:老师适当地补充、总结。一个好的网站,内容固然非常重要,但视觉效果也不容忽视,设计的好的动画图标,可以使整个网页充满活力。下面我们就来欣赏一些优秀的图标设计。
三、加菲猫带我们欣赏优秀的图标设计(了解图标设计的类别、特点)
屏幕上出现了学生很熟悉的加菲猫的动画形象。(加菲猫的声音可以课前配音,也可以有老师当堂模仿。)
加菲猫:同学们,你们好!我是加菲猫,今天我带你们去我的乐园游玩。
进入“加菲猫乐园”网站。
加菲猫:欢迎你们来到我的家里做客,我在不同的地方设置了不同的图标,它会引导你去不同的地方游玩。比如点击“我的相册”图标,你就可以看到我的许多照片,都是我自己拍的,不错吧!
你有自己的网页吗?你一定要设计一些图标,不要让我迷路哦!
我告诉大家一个网站,上面有各种各样的动画图标,你可以直接下载,用到你的网页上。
屏幕出现“百万图库”(动画图标),打开几个有代表性的类别,如人物类、动物类、植物类、卡通类……
让学生欣赏各类图标。
加菲猫:不过你想使自己的网页与众不同,还是自己动手设计吧,像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢,赶快动手设计完全属于你自己的图标吧!
四、学生创作(学生练习,老师指导)
显示创作活动:为你的网页设计图标,设计时注意表现自己的个性、特长、爱好等相关因素。展示四幅优秀的学生作品。
五、小结(作业展示讲评)
把已经完成的学生作业用投影仪投射到大屏幕上,可以用学生自己介绍作品、同学之间互提意见,老师总结点评的方式进行作业讲评。
六、布置课后准备工作
师:这节课我们欣赏了别的同学设计的网页,还去了“加菲猫乐园”,并绘制了完全属于自己的图标,下节课加菲猫将教我们怎样设计网页,不过我们要提前做好准备,比如:确定网页的名称、栏目内容、相关图片等,并修改图标,下节课再见。
1/2