资源简介

3 年 月 4

(共18张PPT)
怎么办呀！小羊们这么聪明我怎样才能抓到它们。对了知己知彼百战百胜，我只要了解了它们的习性，肯定可以抓到它们了。
瞧！这是小羊们的资料，我把它们建成了一个网站，知己知彼，我们很快就可以捉到羊了
这么丑的网站我才不要看，快去美化一下，否则有你好看。
这个怎样美化呢？（美丽的方法 ）好怕呀，谁来帮帮我！
灰太狼是位好同志。他坚持不懈，意志坚强，
非常聪明，幽默搞笑，永远不服输。
一句“嫁人就嫁灰太狼”的语言曾广为流行,
老师也是它的粉丝之一。
自学-----通过看书、喜羊羊帮助网站完成下面两个任务
任务1：给网站主页添加背景图片
任务2：给网站主页添加背景音乐
小知识：
1.给网页添加背景图片应该以浅色的小图片为主或浅色的单色为背景,忌选大图案导致网页页面杂乱。破坏主题风格。
2.作为网站，是用大容量的WAV文件合适还是用小巧的MID音乐文件合适？均要考虑到网页的容量。MID音乐是最佳的背景音乐
任务3：给网站的所有网页添加背景图片和音乐
老婆，我已经美化好了。我们很快就可以吃到羊了
你OUT啦，连个网页特效也没有，还好意思拿那过来
啥……啥叫网页特效
网页特效：指网页上的特殊效果。主要是运用JavaScript程序代码加入网页,它可以使网页页
面更加生动、活泼，特效代码的特点使以小的
程序量完成大的功能。
翻书……有了
教你一招
HTML语言，又称超文本标识语言，理解和掌握都是十分容易的。
HEAD单词的中文含义是？
头
body单词的中文含义是？
身体
HTML文件结构
...（语言开始…结束）
...（头开始…结束）
...（身体开始…结束）
“/”表示部分的结束
任务4:给网站主页添加一个“飘动的字 符跟随鼠标”的网页特效。
任务5:更改“飘动的字符跟随鼠标”的网页特效中的字符
挑战任务
1.把网页特效中的2、3二种之一插入网站网页 完成度20%
2.把网页特效中的4、5二种之一插人网站网页 完成度40%
3.把网页特效中的6、7二种之一插入网站网页 完成度60%
4.把网页特效中的8、9二种之一插入网站网页 完成度90%
5.保存网页并预览 完成度100%
思考题：
如何将FLASH动画作品加入到网页页面？
老婆，我已经美化好了。我们很快就可以吃到羊了
哇！太美了！
抓羊去啰网页特效集锦： http://www./ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
网页教学网—网页特效： http://www./jscode/ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
网页制作特效代码大全 http://www./ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
网页制作大宝库—网页特效 http://www./texiao/ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
精美网页背景图片：
http://www.3lian.com/gif/2006/4-24/23133653476.html ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
网页背景图片—京米吧：
http:///index.html ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
网页制作大宝库—背景音乐
http://bj./ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
懒人图库—网页素材 http://www./lanren/ ( http: / / www.21cnjy.com / " \o "欢迎登陆21世纪教育网 )
您在本站逗留了

第十九课 让网页有声有色
授课教师：张世海 单位：台门中学

一、教材分析
本课是第三单元网站制作部分的最后一课，此前，学生已经学习了如何建立一个初具雏形的网站，通过本课的学习，学生能够对网页进行润色，让网站更加精美。学生通过掌握添加背景图片、背景音乐的方法，理解网页特效的概念，掌握添加和修改网页特效代码的方法，对网页进行修饰美化，对层次较高的学生要求能根据实际需要选择适当的特效代码，修改并添加到网页中，并为网页添加flash动画。
二、学情分析
芦花中学是城市初中之一，本部学生的学习能力、学习态度、学习习惯、信息技术基础普遍较好。学生对制作网页已有一定的基础知识与能力。
三、教学目标
知识与技能：
1.了解加入网页背景图片和背景音乐的方法。
2.理解网页特效的概念。
3.掌握添加特效代码，基础好的掌握修改特效代码的方法。
过程与方法：
能够根据网页的具体需要对网页进行润色。
情感、态度与价值观：
培养学生助人为乐的精神，审美观念，自己研究的精神，使网站呈现活泼精美的特色。
四、教学重点与难点
教学重点：添加网页背景及背景音乐，添加网页特效。
教学难点：运用、修改特效代码。
五、环境与素材
准备好一个半成品网站、一个成品网站、一个帮助网站、网站素材资源包。
六、教学过程
环节 教师活动 学生活动 设计意图
引入 播放《喜羊羊与灰太狼》视频 观看 吸引学生注意力
导入 用PPT引入情景提出老师是灰太狼的粉丝，问学生愿不愿帮助灰太狼 学生边看PPT,进入情景。 主要是为了激发学生的兴趣，为后面教学开展铺垫。
添加网页背景图片、背景音乐。 1.指明网站图片素材存放的位置。 2.,比较指出2个网页的不同之处3.学生自主看书学习添加背景图片跟音乐。注意点1:在选择背景图片的时候可以选择缩略图。2：声音 学生借助书本及同学的示范操作，尝试设置网页背景图片和音乐。 。 通过自主探索尝试，提升学生的自学能力。 通过尝试，学生总结出选择合适背景的注意点。
添加 1.如果想添加背景音乐，如何添加？背景音乐其实也是网页的属性之一。 提示：背景音乐同属网页属性。 2.两首同样歌曲却不同格式的音乐文件，是不是都可以作为背景音乐呢？网页背景音乐有什么样的要求？ 学生根据提示，尝试找到设置网页背景音乐的方法。 学生分析并思考，为什么mp3音乐文件不可以。 引导学生进行观察，并分析，什么样的音乐适合作网页背景音乐。
添加特效代码 1.教师展示自己网站中的鼠标跟随文字特效，问学生如何给网页增加这样生动活泼的效果呢？教师示范。 2.请同学们自己尝试增加特效。 学生根据观察，自己动手操作添加网页特效代码。 对能力强的学生可以进行另一种特效的添加。 保证基础一般的同学能跟上，让能力强的同学能修改特效，消除网页特效的神秘感。
小结 拓展 总结添加背景图片、背景音乐、网页特效的方法与技巧。强调有技术还要有关于发现美、创造美。 如何线网页添加falsh动画？ 根据喜好选择添加、改其他特效代码。 给学生课后思考。 总结本课内容，强调学习信息技术不仅仅是技术，还有各方面的知识。

展开更多......

收起↑