第6课 我的网页 教案.docVIP

课目 第6课我的网页 年级 9年级下册 备课 张萧萧 总课时 总第12课时 第12周第1课时 本课课时安排 2课时 授课时间 45分钟 课型：新授课 教学程序 教学活动 媒体运用 （第一课时） 一、引言导入新课（网页设计的重要意义） 师：互联网已经遍布世界的每个角落，你想拥有自己的网页吗？为什么？ 生：把自己的个性、特长、爱好表现出来，让更多的人认识自己，了解自己，加强人与人之间的联系和交流。 师：适当地补充、总结。 有了自己的网页，你就会加倍的努力使自己变得更加优秀 今天，我们就一起来设计属于自己的网页。 动画显示课题：我的网页 二、赏析学生网页（动画图标在网页中的重要性） 师：其实我们学校的有些同学早就有了属于 自己的网页，下面我们就一起来欣赏一下。 （选择了本校学生的两个网页，其中一个网页用了很多漂亮的图标，另一个几乎没有用图标。）你比较喜欢哪一个网页？为什么？ 生：学生回答（对学生提出的各种建议，老师要给于充分肯定）。 师：老师适当地补充、总结。一个好的网站，内容固然非常重要，但视觉效果也不容忽视，设计的好的动画图标，可以使整个网页充满活力。 下面我们就来欣赏一些优秀的图标设计 打开互联网，点开在课前找到的两个有代表性的学生网站 三、加菲猫带我们欣赏优秀的图标设计（了解图标设计的类别、特点） 屏幕上出现了学生很熟悉的加菲猫的动画形象（加菲猫的声音可以课前配音，也可以有老师当堂模仿） 加菲猫：同学们，你们好！我是加菲猫，今天我带你们去我的乐园游玩. 进入“加菲猫乐园”网站。 加菲猫：欢迎你们来到我的家里做客，我在不同的地方设置了不同的图标，它会引导你去不同的地方游玩。比如点击“我的相册”图标，你就可以看到我的许多照片，都是我自己拍的，不错吧！ 你有自己的网页吗？你一定要设计一些图标，不要让我迷路哦！ 我告诉大家一个网站，上面有各种各样的动画图标，你可以直接下载，用到你的网页上。 屏幕出现“百万图库”（动画图标），打开几个有代表性的类别，如人物类、动物类、植物类、卡通类。。。。 让学生欣赏各类图标。 加菲猫：不过你想使自己的网页与众不同，还是自己动手设计吧，像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢，赶快动手设计完全属于你自己的图标吧。 点击加菲猫的动画形象 打开“加菲猫乐园” 网站（/） 打开“我的相册”网页 打开“百万图库“（动画图标） ( http://www.cj888. com/photo/65/index.htm) 点击几个有代表性的图标类别 打开“加菲猫网站“ 四、活动一（学生练习，老师知道） 显示活动一：为你的网页设计图标,设计时注意表现自己的个性、特长、爱好等相关因素。展示四幅优秀的学生作品。 显示活动一内容，同时展示四幅优秀的学生作品 五、小结（作业展示讲评） 把已经完成的学生作业用投影仪投射到大屏幕上，可以用学生自己介绍作品、同学之间互提意见，老师总结点评的方式进行作业讲评。 打开投影仪，也可以把学生作业直接贴到黑板上 六、布置课后准备工作 师：这节课我们欣赏了别的同学设计的网页，还去了“加菲猫乐园”，并绘制了完全属于自己的图标，下节课加菲猫将教我们怎样设计网页，不过我们要提前做好准备，比如：确定网页的名称、栏目内容、相关图片等，并修改图标，下节课再见。 显示课前准备：确定“我的网页”名称、栏目内容和相关图片，并修改图标 二次备课： 二次备课： 教学程序 教学活动 媒体运用 （第二课时） 七、加菲猫演示自己的网页绘制过程（了解网页绘制步骤以及要注意的问题） 加菲猫：同学们好，我们又见面了！图标、网页名称、栏目内容、相关图片都准备好了吗？下面就跟我一起来看看我的网页是怎样设计的吧（以“加菲猫乐园”为例演示绘制过程）。 确定网页名称、栏目内容。 栏目板式排列，赋予变化与统一。 寻求版式的视觉平衡与呼应（举一反例，学生分析，从而明白怎样做到版式的视觉平衡与呼应）。 强化版式、色彩及图文的整体协调（变换几种色调和不同的色彩搭配方式让学生感受并分析哪种色调和色彩搭配方式最合理，使学生能正确地运用色彩）。 适当地调整完成。 点击出现加菲猫的动画形象 以动画的方式演示绘制步骤 八、加菲猫介绍网页的绘制工具 加菲猫：同学们，你们现在应该知道怎样绘制网页了吧，你会用什么工具绘制呢？下面介绍几种制作网页的工具给大家： 最简单易学的网页制作软件是FrontPage，我们中学生绘制个人网页用这个软件就足够了。 另一个比较专业的网页制作软件是被称为网页设计三剑客之一的Dreamweaver，这个软件学起来难一些，不过效果会更好。 如果你想使自己的网页动起来，就要用到网页设计三剑客之二的Flash，这是一个专门做动画的软件，不过学起来有一定的难度。 我建议你还是先学会用FrontPage软件把，现在很多