起点教育 - 中小学教育资源免费下载平台

第14课 网页的动态效果 教学设计1

教学
  
内容
第十四课  网页动态效果

教学
    
目标
知识目标:1、了解网页动态效果的初步知识2、学会为网页添加简单的动态效果。
  
能力目标:通过制作动态效果网页,提高学生动手实践操作能力
  
情感目标:通过制作生动、有趣的动态网页,

教学
  
重点
学会为网页添加简单的动态效果

教学
  
难点
掌握设置过渡网页和动态HTML效果的方法

教学
  
准备
网络教室  动态效果的网页。

教学过程(包括课前小研究、教学设计、巩固练习等)
个案添加

一、导入新课
  
师:教师播放设置有动态效果的网页。生:欣赏观察。
  
师:你认为静态网页和动态网页有哪些区别,你喜欢设置有动态效果的网页吗?学生回答
  
师:今天我们就一起来学习制作动态效果网页,好吗?教师板书课题:网页动态效果。(910教师福利网www.910fl.com,一个可以让教师赚钱的网站)
  
二、新授
  
1、设置网页的过渡效果
  
师:在网页的切换过程中设置动态的过渡效果可以使网页变得美妙生动。
  
请同学们先看几张设置有过渡效果的网页,你认为怎样?想做出这样的效果吗?学生回答
  
布置任务:请同学们结合教科书将你这几节课制作的网页设置成过渡效果并在浏览器中预览。
  
学生实践操作,教师巡视指导。
  
     教师指定部分学生演示设有过渡效果的网页作品,其余学生欣赏并给与评价
  
2、动态HTML效果和横幅广告管理器
  
  教师演示制作方法,学生观察分析。
  
师:请同学们选择部分网页制作HTML效果和横幅广告管理器。
  
学生实践操作,教师巡视指导。
  
师提示:(1)如何取消添加的HTML效果呢,请同学们在实践中总结。
  
         (2)准备横幅广告的图片素材时,最好先用图像处理软件调整图片尺寸,使它们大小基本相同。
  
学生相互参观作品
  
学生推荐优秀学生作品,师生评价。
  
五、课堂小结
  
教师小结。(1、学生课堂表现情况。2、本课知识小结。)
  
六、布置作业(910教师福利网www.910fl.com,一个可以让教师赚钱的网站)
  
完成P121  1-4题


反
  

  

  









同类资源