为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

为网页添加声音-教案

2017-12-04 11页 doc 27KB 21阅读

用户头像

is_531654

暂无简介

举报
为网页添加声音-教案为网页添加声音-教案 为网页添加声音 教案 宜昌市水利电力学校 陈波 【教学内容】 为网页添加声音(高等教育出版社《网页制作教程》郭振欣 史红星编 第六章第一节) 【教学目标】 (1) 认知目标:了解常用声音文件的格式和特点。 (2) 能力目标:掌握为网页添加声音的多种方法。 (3) 情感目标:利用上机分组研讨,独立操作,培养学生的协作精神。 【重点】 声音文件链接和嵌入至网页中的方法 【难点】 嵌入音频文件并设置参数、“播放声音”动作的应用 【教学方法】 (1) 采用案例演示、启发式教学法。 (2)...
为网页添加声音-教案
为网页添加声音- 为网页添加声音 教案 宜昌市水利电力学校 陈波 【教学内容】 为网页添加声音(高等教育出版社《网页制作教程》郭振欣 史红星编 第六章第一节) 【教学目标】 (1) 认知目标:了解常用声音文件的格式和特点。 (2) 能力目标:掌握为网页添加声音的多种方法。 (3) 情感目标:利用上机分组研讨,独立操作,培养学生的协作精神。 【重点】 声音文件链接和嵌入至网页中的方法 【难点】 嵌入音频文件并设置参数、“播放声音”动作的应用 【教学方法】 (1) 采用案例演示、启发式教学法。 (2) 采取由浅入深、循序渐进的教学策略:“实例讲解”?“引导思考”?“综合练习”。 【教学资源】 自制课件、多媒体机房、互联网 【教学时间】 1课时(45分钟) 【教学过程】 一、导入新课及实践准备(约4分钟) 1(网页展示: 用,个互联网中的包含音乐的网页,直观的向学生展示,使学生感受音乐添加到网页中的特点。 课件准备:三个Internet快捷方式,指向互联网中包含音乐的网页。展示的网页中有两个是嵌入音频文件,显示控件面板,一个是背景音乐;音乐的格式包括.wma、.mid、.mp3。 2(了解本节将学习的内容: 一、常见音频文件的格式 二、链接到音频文件 三、嵌入音频文件 四、“播放声音”动作运用 五、添加网页背景音乐 第1页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 3(实践操作准备: 指导学生下载本节练习素材,解压缩,运行Dreamweaver,新建站点(以提供的素材文件夹为站点根目录,方便制作),为后面将进行的实践操作做好准备。 二、讲授新课与课堂练习(共约30分钟) 1(关于音频文件的格式(约4分钟) 教师:同学们知道的音频格式有哪些, 使用课件,试听不同格式的音频文件,分辨声音的差异。 教师: 因公司和的不同,音频文件格式多种多样。简单介绍各自特点(更详细的说明可从互联网查阅资料)。 音质最好的是CD(即通常所说的激光唱片),但容量太大; 最流行的是MP3,压缩程度高、音质好; 网络流行的主流音频媒体格式有.wma、.rm等; MIDI使得人们可以利用多媒体计算机和电子乐器去创作、欣赏和研究音乐; 微软Windows本身提供的音频格式,由于Windows的影响力,这个格式已经成为了事WAV是 实上的通用音频格式。 2(添加声音至网页的两种方法: (1)链接到音频文件:(约5分钟) 教师: 链接到音频文件是将声音添加到 Web 页面的一种简单而有效的方法。这种集成声音文件的方法可以使访问者能够选择他们是否要收听该文件,并且使文件可用于最广范围的观众。 操作方法:与添加普通超级链接方法相同,只不过链接的是音频文件。 演示课件中相关链接,简单描述操作步骤。 学生实践一:新建html文档,保存,插入图片,输入文字,为图片和文字分别添加超级链接, 链接目标为“sound”文件夹中的不同格式的音频文件(任意选取),保存,预览,测试链接。 注意:链接到音频文件将受客户端软件的影响,出现媒体播放器播放或下载。 (2)嵌入音频文件(约6分钟) 教师: 嵌入音频文件是将声音直接并入页面中,可控制音量、播放器在页面上的外观或者声音文件的开始点和结束点等。 操作演示: 第2页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 1)新建html页,在“插入”栏的“常用”类别中,单击“媒体”按钮,然后选择“插件”图标,在“选择文件”对话框中选择站点文件夹内的某个音频文件,调整插件宽、高,保存,预览。 2)选中插件,添加参数“autostart”,值为“false”,保存,预览。 3)选中插件,修改参数“autostart”值为“true”,添加参数“hidden”,值为“true”,保存,预览。 学生实践二:同教师操作演示。并简单浏览课件附录,大致了解embed标签的属性参数。 注意: 客户机应具有所选声音文件的适当插件后,声音才可以播放。视频文件也可采用此方法嵌入至网页中。 备注:教师边讲解边操作,让学生观察效果,掌握网页中嵌入音频文件的方法,再加上学生 的亲身体验,突破难点。并且在教师的引导下,学生通过观察,了解插件参数设置后产生的 变化。 3(使用“播放声音”动作为网页添加声音:(约10分钟) 教师: 在Dreamweaver的“动作”中,有一项为“播放声音”,结合“第三章Dreamweaver行为”知识,能否为一张图片添加如下效果:当鼠标指针指上图片时播放音效,当点击图片后播放一段声音剪辑, 演示课件效果)。 答案是肯定的( 学生实践三:根据课件描述,新建html页,使用练习素材进行制作。 说明:此方法实际仍使用embed标签,结合javascript脚本程序控制播放,embed标签中使用了“hidden”属性,其值为“true”,因此控件面板未显示。 备注:学生根据课件操作步骤描述自主操作,相互交流,提高学生自学能力和意识。教师巡 视辅导,指导操作关键点,修正错误。 教师总结操作关键点并演示操作。 关键步骤: 1)选取将添加行为的对象;2)添加“播放声音”动作;3)改变动作的触发事件。 4(添加网页背景音乐:(约5分钟) 教师: 经过以上三个实践操作后,同学们思考一下,能否灵活运用以上方法为网页添加背景音乐, 提示:所谓背景音乐,即表示音频文件自动播放并且不会在页面中显示。 操作演示: 第3页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 方法一:使用插件,改变插件“宽”、“高”属性值均为“0”,增加参数“hidden”,值为“true”,以隐藏控件面板;增加参数“loop”,值为“true”,以循环播放;增加参数“autostart”,值为“true”,以自动播放(不加改参数默认也为自动播放)。 方法二:在代码视图中,添加html代码“”。其中,src属性表示音乐文件的路径,loop=表示音乐循环播放次数,值为“-1”表示无限循环,如果要设置播放次数,则改为相应的数字即可。 学生实践四:根据教师演示和课件描述,新建html页,使用练习素材进行制作。重点理解参 数作用及代码视图中对代码的编辑方法。 注意:Dreamweaver中对代码的编辑也很方便,有代码提示功能,简单了解并掌握基本的代码编辑方法。 备注:方法一为引导学生查阅embed标签的属性参数作用后,得出操作思路,以提高学生运 用知识的能力,再由学生描述、教师操作进行验证。方法二由教师演示操作,学生按照课件 操作提示进行操作。 三、思考与练习(约8分钟) 1(使用“播放声音”动作,为网页添加背景音乐。 提示:选取对象为“body”(网页),动作为“播放声音”,事件为“onLoad”(加载)。 备注:利用以前所学的知识,结合本次课程内容,利用多种方法实现同一目标,促使学生对 知识融会贯通,灵活运用,充分发挥学生的主动性,培养学生的创新精神。 2(如果我喜欢一首歌曲,它已经存在于另一个网站的某张网页的链接之中,我能否仅链接到它而不用提供我自己的文件, 课件显示解答,学生探索后,教师指导进行示范:1)插件源文件路径使用URL;2)合理方法:链接至该网页。 学生实践五:新建html页,使用外部网站中的音频文件作为网页背景音乐。 四、小结(约3分钟) 选取部分学生实践操作中制作的网页,由教师上传至测试服务器,师生共同进行交流点评,小结添加声音至网页的方法。 第4页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 下面是赠送的两篇散文欣赏,可以仔细阅读,不需要的朋友可以下载后编辑删除~~谢谢~~ 脚下的时光 不知走过多少地方,不知看过多少风景,不知听说过多少轶事; 不知经历过多少岁月,不知邂逅过多少良人,不知变换过多少心情; 不知理想的未知是否在前路等待?????? 记:蒲公英 悠悠岁月,时间苍苍~( 文章阅读网:www.sanwen.net ) 在这繁花似锦的青葱岁月里,我们不断的接受新鲜的美好事物,不断的享受科技发展所带来的高品质生活;我们总是随大流的,去跟风一些前卫潮流的思想;然而,很少有人去整理那些过往的断壁残垣~ 第5页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 我走过很多地方,但是同样的,我也有更多的地方没去过~ 我渴望走遍地球上每一寸土地,我期许世界上每一个地方的人都善良~ 从踏入社会的那一刻起,我就觉得人应该是自由的;应该去做自己喜欢的事,看自己喜欢的风景,爱自己喜欢的人;一切都那么单纯,完美~ 然而,现实的世界告诉我;理想的丰满一定要遇到拥有相同理想的另一半~ 我喜欢珠海,一个美丽的花园城市;我喜欢那里的天气,没有北方的寒冷;四季如春的温度感觉非常惬意,不用担心换季带来的差异~走在市区的街道上,绿化的花草树木被园丁修剪的井然有序;形态各异的花卉搭配得格外美观~尤其是除过草之后的绿地,泥土的芬芳与绿草的清新扑鼻而来,有一种身处大草原的感觉,使人心旷神怡~我时常一个人发呆,散步;看着过往的人群,车水马龙的街道;也时常去繁华的街巷,拥挤的商业中心;感觉这才是生活,正因为世界有了这么多事物的陪伴,才使我有了对美好生活的向往与喜悦~ 珠海的夜,很美;到处灯红酒绿,一派歌舞升平的祥和;每当夜幕降临,才是广东因有的生活的开始~溜冰场,酒吧,迪厅,大排档等等等等;我很庆幸在这里认识了很多人,他们教会了我很多,也帮助了我很多;我们都是来自五湖四海,为了同一个目标而聚集在一起的年轻人;我们时常出去聚会,嗨皮;但等到散场后,又回到了应有的孤寂~白天,可以去渔女,公园,九州城,免税店等等都是不错的地方~ 人常说,一个时代会有一个时代的代表;而我在这个曾经为之奋斗的地方,也时常会想起曾经相识的人,走过的地方,看过的风景;有时候,听着当时的流行歌曲,也会感伤;也会自嘲一笑;还有那公车到站的粤语提醒,还有那想见却永远没见的人;一篇篇,一幕幕久久回荡在脑海;早晨的肠粉,中午的餐饭,下午的炒粉,晚上的烧烤;好像味道还回味在口中一样~人,只有在对自己真诚的人的眼里,才会感觉到亲切;而我,也着实喜欢这座城市带给我家一样的温暖感觉~ 在这短暂而悠长的时光里,我成长了很多,也磨砺了很多;正是因为思想的成熟,阅历的增长,我选择了离开;去寻找属于自己的新的天地,新的开始,新的征程~ 其实,无论走过多少地方;都不重要~ 第6页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 重要的是你从中得到什么~知识~阅历~思想~?????? 每个人,在人生的道路上;难免遇到挫折困苦,也难免会因为一些因素而错失机缘~ 不可能因为一时的艰难险阻而放弃将要来临的幸福~ 也不可能因为一时的过失而自暴自弃颓废一生~ 人,应该用豁达的心态来迎接下一秒的新鲜时光;而不是沉溺在上一秒的懊恼当中~ 每个人的路,都在自己的脚下;只有自己醒悟才能把未来的路走好,反之只会让错误延续到未来,从而影响以后的健康生活~ 即便曾经的时光再美好,那也只是人生道路上的一段插曲;没必要去纠结当时的愕然,愚昧~就像我,从来不对上一秒的事情产生情绪一样~ 一切都是恬淡的样子,顺其自然比什么都好~ 对于未来,只要真诚的去善待身边的所有;我相信,未来的时光,也该是你想象的模样~ 蒲公英 2015.12.13 家乡的茶籽林 坐落在戴云山脉西麓的高才坂,属亚热带季风气候区,夏无酷暑,冬无严寒,日照充足,雨量充沛,山区丘陵满地尽是红壤土,非常适宜茶籽树的生长。高才坂种植小果油茶有着悠久的历史,是远近闻名的茶籽油之乡。 家乡高才坂,一年四季茶籽林郁郁葱葱,枝繁叶茂。村头的亭后坑、银珠垄、赤土岭、牛脊崎,村尾的庵墘头、虎坪林、下淂,村庄对岸的牌匾山、坑里、墘头、下坋、坑柄里 第7页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 等等,山坡上,山坳里,道路边,田边地头,屋后山边,漫山遍野到处是一片连着一片的茶籽林。那里是我儿时与伙伴们捉迷藏、摘茶苞、采茶菇、捡茶籽的地方。 每当春风拂来,几场淅淅沥沥的春雨之后,唤醒沉睡了一个冬季的茶籽树林。老茶树开始发出新枝,抽出嫩芽,嫩芽吐露出嫩红嫩红的叶片,转眼间,嫩红的叶片又变成稚嫩的绿叶。整片茶籽林绿浪涛涛,层层叠叠,在家乡群山环抱的山腰上,形成一道翠绿的屏障。清明节后,儿时的我常与伙伴们在嬉戏玩耍的同时,十分注意寻找茶籽树梢上的“茶苞”,这是一种生长在茶籽树上的果实,果熟时表面会脱去一层薄如蝉翼的白皮,淡绿色的形似胖胖的寿桃,中空,果瓤可以食用,果肉脆而汁多,清甜爽口。“茶苞”是儿时伙伴们最喜欢的果实,从茶籽树上摘下,在袖口上来回擦几下,脱去表层酥松的外皮,馋猫似地往嘴里塞,津津有味地品尝着大自然恩赐的美食,这是我与伙伴们喜欢到茶籽林玩耍的原因之一。 秋季来临,茶籽树上挂满了青色中夹杂着褐色的茶籽果,茶树枝被压弯下垂,这是村民一年的希望。全村的村民这时节荷锄上山为茶籽林锄草,将林地里各种杂草锄掉,并填埋在茶籽树头下作为有机肥,锄后的茶籽林寸草不留。这是家乡当地的传统习惯,很少采撷树上的油茶果,而是在锄得干干净净的林地上捡茶籽。村民在锄草中,时常发现茶籽林里长的一种真菌——茶树菇,菇伞灰色如碗口大,菇腿灰白色很长,采摘回家煮汤或煮米粉汤味道极其甜美。 清爽的秋风送来百花仙子的柔情蜜意,吹开了丹桂的花骨朵,让神州大地香气四溢的同时,茶籽树也毫不犹豫地绽放自己的花朵,展示自己最妖艳的容貌,一夜之间,漫山遍野的茶籽林中雪白的油茶花盛开了,白色花朵中间吐露出金黄色的花蕊,散发出沁人心脾的芬芳,茶籽林变成一片白色的花海。成群的蜜蜂“嗡嗡嗡”在花丛中飞来飞去,落在金黄色的花蕊中不知疲倦地采蜜,也为油茶花义务传授花粉,为明年茶籽树挂果立下汗马功劳。儿时,我和伙伴们像一群快乐的小蜜蜂,一头扎进茶籽林里,一边观赏着洁白娇艳的油茶花,一边折一根抽去内心的赤蕨杆当吸管,插入金黄色的花蕊中,轻轻一吸,芬芳甜美、味道香醇的花蜜便进入口中。我们小心翼翼地攀下茶树枝,如痴如醉地在一朵又一朵的油茶花中滋滋有声吮吸着花蜜,比供销社卖的硬糖粒还要甜美十倍。 到了秋高气爽的秋末,山区空气相对干燥,白天依然烈日炎炎,可夜晚却出现霜冻,昼夜温差很大。这时,茶籽树上的茶籽果由原来的青色转瞬间全部变成深褐色,已经熟透的茶籽果一颗颗裂开大嘴,露出大嘴里油光发亮的油茶籽。阵阵秋风送爽,茶籽树梢随风摇曳,催促油茶籽快快离开树梢,洒脱地坠落在村民锄得干干净净的地板上,几天时间,茶树林的地面上便铺上一层深褐色的油茶籽。此时的茶籽林沸腾了,满怀丰收喜悦的村民,发动全村男女老幼一起上山捡收油茶籽,大家一边欢快地捡着,一边大声地说笑着,这边 第8页?共9页 《网页制作》教案 宜昌市水利电力学校 陈波 有母亲唤儿声,那边有青年男女对歌声,茶籽林里飘出一阵阵欢乐的笑声。这笑声就像嘹亮的集合号角,将满地的油茶籽在愉快的气氛中快速聚结起来,坚定果断地跟随村民进入农家大院。( 油茶籽从开花、授粉、结果到成熟落地,经历了秋、冬、春、夏、秋五个季节的阳光雨露,尽吸天然养分,天地精华,营养极高,是纯天然的绿色食品。村民视油茶籽为农家之宝,及时晒干,装筐储藏,等待冬闲之时送到榨油坊加工成金黄色的茶籽油。 第9页?共9页
/
本文档为【为网页添加声音-教案】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索