资源简介

第三节 移动的信息
—— 加上动态效果
教学目标
1、了解FrontPage中常用的几种动态效果的作用。
2、学会在网页中插入字幕、横幅广告管理器、悬停按钮等动态效果。
3、能合理利用动态效果如字幕，动态效果让网页动感十足。
4、能够熟练灵活的美化自己制作的网页，参与网页动态效果的制作中，激发学生对网页制作的兴趣。
二、学情分析
1、本课程的主要教学对象是初二年级学生。
?2、在学习本课内容前，学生已经学会上网、Word和PowerPoint等软件，还会
制作简单的网页，动手能较强，但审美意识较弱。
3、初二学生具有一定的逻辑思维能力，处于这个年龄段的学生思维活跃，对许
多事物充满了好奇心，富有探索精神。
三、教学重点、难点
【教学重点】 通过学习添加滚动字幕等动态效果，使学生掌握Web组件的使用方法。
【教学难点】 使学生能够合理的使用动态效果，提高其审美意识。
四、教学过程
（一）导言
在网页中添加一定的动态效果会给网页增加许多的色彩。本课将介绍添加滚动字幕、动态HTML效果和网页过渡效果
（二）新课
1、加入滚动字幕
（1）打开首页，单击要添加字幕的位置，选择“插入”—“web组件”
（2）在“组件类型”下方，单击“动态效果”，在“选择一种效果”的下方，双击字幕，打开“字幕属性”
（3）在“文本”中输入汉字
（4）在“方向”区中指定字幕移动的方向
（5）在“速度”指定字幕文本移动的速度
（6）在“表现方式”区中指定字幕文本的移动方式
（7）如果要指定字幕组件的大小，可以选中宽度或高度复选框，然后输入所需要的宽度或高度的像素值
（8）指定重复次数，可以选“连续”
（9）在“背景色”下拉表框中选择一种颜色作为字幕的背景颜色
（10）这样好看而实用的字幕就做好了
2、设置动态HTML效果
（1）选定需要设置动态HTMLA效果的网页元素，即网页中得文字部分
（2）选择“视图”—“工具栏”—“DHTML动态效果”，打开“DHTML效果”工具栏
（“DHTML效果”工具栏）
试试看：
在网页中插入一幅图片，设置动态DHTML效果，开启“鼠标悬停”，应用“交换图片”，
在“选择设置”里选中另一幅图片，切换到预览视图可以看到当鼠标移动到图片上时，图片会变成另外一幅图片的效果。
（3）选中一段文字或一幅图片，开启动态DHTML效果的“网页加载”，使其以螺旋方式进入网页。
在“开启”下拉列表中选择“网页加载”，在“应用”下拉列表框中选择“飞入”，后面选择“从右侧”
（4）删除效果
（5）切换到“预览”模式下，就可以看到了
小提示：（1）选择相应的元素，在“开启”对话框的下拉菜单中选择引发动画事件；（2）在“启用”框中得下拉菜单中可以选择动画效果的类型；（3）在“选择设置”框的下拉菜单中选择效果的设置
3、网页过渡效果
（1）在“设计”视图中，打开网页
（2）选择“格式”—“网页过渡”
（3）在“事件”下拉列表中选择“进入网页”，在“过渡效果”列表框中选择一种过渡效果
（4）单击“确定”按钮
教师讲解滚动字幕的插入方式，然后学生做练习，并展示学生的练习成果，老师点评。
三、自主探究
1、插入悬停按钮和横幅广告管理器，教师不再讲解，只进行简单提示，学生之间进行讨论，并在自己的网页中尝试加入动态效果。
2、由做出来的同学介绍自己的做法，教师进行总结。
四、总结巩固
1、本节介绍了字幕、动态HTML效果的含义和特点。
2、学习了如何在网页中加入滚动字幕实现文字“跑”动的效果，通过调理“字幕属性”对话框，使主题“跑”得更欢，以及设置动态HTML效果使文字、图片产生各种不同的动画效果。
总之，设置不同的动态效果能使网页更加有魅力、艺术性更强。在学生基本掌握动态效果的添加方法后，教师总结本节课所讲的内容，帮学生巩固重点、难点。
板书设计
在网页中使用动态效果
任务一：插入滚动字幕（方向、方式、速度、文字）
任务二：插入悬停按钮（文本、按钮设置）
任务三：插入横幅广告管理器

展开更多......

收起↑