最新公告:

中华视窗是诚信为本,市场在变,我们的诚信永远不变...

中华视窗

咨询热线

400-123-4657

公司动态

当前位置: 首页 > 新闻动态 > 公司动态

第3章 08给网页添加动态效果(教学设计)

添加时间:2024-02-05

/

网页添加动态效果课题:给网页添加动态效果(第3章 第2节 第8课时)一、教材分析本课是第3章第2节第8课时,这一内容能够给原图文并茂、色彩和谐的“静止”网页以动感效果,增加网页的浏览效果,它是网页设计的重要内容。二、学情分析教授对象是八年级学生,通过小学阶段和初中的学习,有了一定的操作基础,但因我校地处城乡接合部,外来的借读生比较多,技术水平还存在一定的差异性,这部分内容对于学生来说是新奇的、有趣的、实用的,动手操作部分比较多,相对能够激发学生的主动性。三、教学目标1. 知识与技能(1)理解动态网页与网页动态效果的区别。(2)掌握插入Flash影片的方法及设置。(3)掌握滚动字幕、按钮等控件的插入方法及设置。2. 过程与方法本节课通过分析网页中文字、图片、动画、按钮等元素的搭配与运用。通过任务分析——实践操作——知识小结的过程,强化和升华知识点,使学生主动构建制作和美化网页的思路。3. 情感、态度与价值观(1)调动学生学习积极性,培养学生根据实际需要布局网站和元素的搭配。(2)学生通过自主学习网页动态效果的制作,形成积极、主动的学习气氛,激发学生的学习兴趣,培养学生的探究意识和创新能力。

网页公司动态_动态网页制作是什么_网页动态公司名称

4. 行为与创新以给网页“装修”为主线,每一任务都与生活相联系,形象而生动。作品评价利用ASP技术实现网页投票排名机制,创新学生作品评价形式,从而改变以往由教师单一评价的模式。四、教学重难点1. 重点滚动字幕、按钮等动态效果的制作与Flash动画的插入。2. 难点各种对象属性的设置及网页页面的综合设计。五、教学方法采用任务驱动、自主探究、合作学习为主,教师指导为辅的教学法。六、教学准备网络多功能教室、学习网站。七、教学过程(一)引入1. 教师活动话题引入:装修。制作网站就像建房子,每个页面就是一个房间,那么如何让你网站更能吸引别人的眼球呢?引出课题:给网页添加动感效果。2. 学生活动学生互动交流,并积极回答老师的问题。3. 设计意图联系生活,拉近距离,引入课题。(二)探究1. 教师活动教师操作:展示两个网页作品。教师设问:两种网页,哪个更吸引你?分析网页的组成元素:文字、图片、动画、视频、音乐。分析装修要点:色调——背景颜色,布局——表格规划,搭配——图文位置。2. 学生活动学生积极回答自己的想法,并听老师讲解。3. 设计意图帮助学生认识分析网页中的元素运用,为下一步的学习厘清思路。

(三)练习1. 教师活动给墙面刷漆——设置网页背景(颜色、图片)。2. 学生活动学生练习设置网页背景颜色。3. 设计意图巩固旧知,为下一任务的学习培养信心。(四)讲授1. 教师活动添加动态效果,要有所创新,教师讲解装修网页的任务流程: (1)插入Flash;(2)插入滚动字幕;(3)插入交互式按钮。任务一:制作Flash吊顶,在网页上方插入Flash 横幅,并调整成合适大小。拓展:将Flash设置成透明效果;用gif图片替代Flash效果。任务二:电子滚动屏,插入滚动字幕,并设置字体大小、背景等属性。拓展:如何让字幕滚动方向从上下方向移动?任务三:安装控制开关,插入交互式导航按钮,设置其属性。2. 学生活动学生根据学件完成任务,部分学生参考学件帮助,练习实践。3. 设计意图课堂新授知识,开展教师讲解、学生探究活动,分解教学重点。(五)评价1. 教师活动全班同学对提交作品进行投票,最终选出最优秀作品。2. 学生活动根据评价标准,对同学作品进行投票。3. 设计意图学会欣赏别人的作品并做出公正评价,调动评价的积极性。(六)小结1. 教师活动带领学生共同回顾本节课网页动态效果的制作过程,引导学生明确动态效果制作中应图文并茂、色彩和谐、动静适宜。2. 学生活动学生自我小结本节课所学内容,并听教师讲解。3. 设计意图梳理本节课知识点。【教案设计:李祥(南京江宁区岔路学校)】学科网(北京)股份有限公司$

联系我们

电话:400-123-4657

传真:+86-123-4567

地址:浙江 温州市 温州大道欧江大厦26188号

邮箱:admin@yina37.com

电话:400-123-4657 传真:+86-123-4567 地址:浙江 温州市 温州大道欧江大厦26188号
版权所有:Copyright © 2002-2024 中华视窗 版权所有 非商用版本 ICP备案编号:粤IP**********    网站地图