第6课 我的网页 教案.doc

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