第六课 我的网页 教学设计

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