教学设计让网页有声有色.doc

资源ID：57147572 资源大小：49.50KB 全文页数：4页
资源格式： DOC 下载积分：15金币

快捷下载

会员登录下载

微信登录下载

三方登录下载：

微信扫一扫登录

下载资源需要15金币

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

教学设计让网页有声有色.doc

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

注意事项

本文（教学设计让网页有声有色.doc）为本站会员（asd****56）主动上传，得力文库 - 分享文档赚钱的网站仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知得力文库 - 分享文档赚钱的网站（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。