《教学设计让网页有声有色.doc》由会员分享,可在线阅读,更多相关《教学设计让网页有声有色.doc(4页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、八上十九课让网页有声有色一、教学目标知识目标:1、了解加入背景图片及背景音乐的方法,设置图像属性;2、理解网页特效的概念技能目标:1、添加网页背景图片及背景音乐2、掌握添加特效代码能力目标:培养尊重知识产权的观念。为已现雏形的网站再作修饰,使网站呈现活泼精美的特色。培养学生独立思考、动手实践的能力;培养学生自主探究性、协作性学习能力;激发学生学习信息技术的兴趣,培养学生发现美、创造美的能力,提高学生的综合素质。二、教学重点与难点教学重点:添加网页背景图片及背景音乐。下载网页特效代码及将其加入网页中。教学难点:运用、修改“特效代码”。三、教学准备1、多媒体教学网;2、forntpage2003制
2、作的网页课件;3、素材(文字、图片、声音,网页特效代码);四、教学过程课前展示完整的网页。(一)激情导向,自启入境:1、展示上堂课学生动手制作的第一个网页。2、出示两至三个预先制作好的网页(设置了背景、背景音乐及插入了图片)。3、提问:更喜欢哪种网页? 4、导入课题让网页有声有色,做出这样丰富多彩的网页。(二)认定目标:1、提问:为什么喜欢第二种网页,不同在哪里?2、出示本节课学习目标:学会在网页中添加背景及背景音乐,在网页中插入FLASH动画,为网页添加特效。心动不如行动,下面我们马上来试试吧。(三)任务设置自主探索任务一:雕虫小技 8分钟必做题:1、为网页添加一张背景图片或为网页设置背景颜
3、色 2、及时保存你的网页选做题:自主探索你知道怎样为表格或单元格添加背景吗?任务一帮助:添加背景图片的操作步骤点击文件 / 属性 / 格式 / 背景 或单击右键 / 网页属性/格式 / 背景归纳总结:展示2-3个学生添加到背景注意:给网页加单色背景时,以选择浅色背景为宜。 选择图片最为背景时,以选择细小图案为宜,忌选大图案导致页面杂乱,破坏主题风格。任务二 举一反三必做题:1、为网页添加一段背景音乐 2、及时保存你的网页选做题:温故知新 你知道怎样插入FLASH动画吗?任务二帮助:背景音乐的操作步骤:点击文件 / 属性 / 常规 / 背景音乐 或单击右键 / 网页属性 / 常规 / 背景音乐归
4、纳总结:你们想听听你们插入的音乐效果怎么样吗?给网页添加音乐时,最好选择容量小,音质上课的MID音乐。容量太大的WAV或是MP3在网上传播的速度相对MID来说太慢了,因此短小精悍的MID音乐是最佳的背景音乐。FLASH动画以她精美的画面吸引了很多人的眼光,我们经常在浏览的网页中见到她的身影。那么怎样在网页中插入FLASH动画呢? 请一位学生上台来演示。插入图片FLASH动画总结:插入动画后要适当调整画面的大小和他的位置。这点和插入图片后的调整操作时一样的。任务三:网页特效的魅力网站丰富多彩的画面,除了背景、图片和小动画之外,制作者常常在页面加上了一些特殊的效果,如滚动的字幕,跟随鼠标的一些小礼
5、花,自动更新的日期等等。要增加一些特殊效果就要先了解一些网页的代码。以前同学们都是在普通页面处编辑,在预览页面下查看结果。中间一个HTML页面从来没有进去编辑过,今天的网页特效的实现就要用到这个页面。那么什么是HTML呢?结合大屏幕显示讲解:HTML语言,又称超文本标识语言,理解和掌握都是十分容易的。HEAD单词的中文含义是?body单词的中文含义是?HTML文件结构.(语言开始结束).(头开始结束).(身体开始结束)“/”表示部分的结束了解了HTML语言后,我们再来了解一下动态效果的网页特效由什么语言实现的?绝大多数的网页动态效果是由一种JavaScript语言编写的,结合大屏幕显示讲解语句
6、的开始与结束的标志。(由JavaScript语言编写,用.来标识)。下面我们就以飘动的字符跟随鼠标特效为例,来展示添加网页特效的操作。步骤:1、复制代码 2、找到后面粘贴代码,修改文字为“蓝色阳光欢迎你“ 3、预览查看效果任务三设置: 1、在“网页特效文件夹中选择一种你喜欢的特效加到网页中”。2、保存网页,将文件名修改成你自己的名字上交。任务三帮助: 1、复制代码 2、在代码窗口的最后(后)粘贴代码 3、修改代码时,只修改中文字,或文件名称,其他的代码不变,包括引号,都不能去掉,否者会容易出错! 4、若要变换特效方式,请先将原来复制进去的代码删除。拓展任务:我要吸引你请进一步美化你的网页,比如插入图片、制作字幕等等,让你的网页更加丰富多彩,更加吸引人!(四)作品展示及评价请结合自己的情况,来给你的同伴做个客观的评价吧评 价 表制作者评价者项目评价目标有/无基础目标1、有无插入背景图片2、有无修改背景颜色3、有无插入FLASH动画4、有无插入网页特效5、有无对代码进行适当的修改总体感觉如何,有何建议