五年级下册信息技术课件 - 第14课 网页动态效果 人教新课标 (共21张PPT)

第14课 网页动态效果 1 目 录 CONTENTS 1 2 3 学习目标 学习过程 知识窗 4 课堂练习 2 了解网页动态效果的初步知识。 学会为网页添加简单的动态效果。 学习目标 第1步：打开要设置过渡效果的网页。 第2步：打开“格式”菜单，单击其中的“网页过渡”命令，打开“网页过渡”对话框。 第3步：在“事件”框中选择所需的选项，如进入网页、离开网页、进入站点、离开站点等，在“过渡效果”框中选择一种效果，在“周期”框中输入持续的时间。 第4步：单击按钮，然后保存并浏览网页。 一、设置网页的过渡效果 学习过程 动手做：为网页设置过渡效果。 4 第1步：打开“北京风光”网页。 第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。 第3步：把插入点移到要添加放大镜效果的文字段落中，如“北海白塔”。 二、动态HTML效果 学习过程 动手做：为“北京风光”网页中的风光名称添加放大镜效果。 5 第4步：在“DHTML效果”工具栏中，单击“开启”选择框中的 按钮，打开下拉列表框，选定“鼠标悬停”选项，然后打开“应用”选择框中的下拉列表框，选择“格式”选项。 第5步：在右侧的选择框中选定“选择字体”选项，屏幕上出现“字体”对话框时，选择文字放大后要使用的字体、字号、颜色等，然后单击按钮。 学习过程 6 操作后，插入点所在段落中会出现淡蓝色背景的方框，表示添加了DHTML效果。 第6步：存盘后在IE浏览器窗口中浏览这个网页，把指针移到添加了DHTML效果的名称“北海白塔”上时，文字就会显示出所设置的放大效果。 学习过程 7 第1步：打开要添加效果的网页，如jieshao.htm。 第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。 第3步：选定网页中要添加效果的图片。 第4步：在“DHTML效果”工具栏中，在“开启”选择框选定“网页加载”选项，在“应用”选择框中选定“螺旋”选项。 学习过程 动手做：为网页中的图片添加螺旋飞入效果。 8 操作后，图片所在的段落会出现淡蓝色背景的方框，表示添加了DHTML动态效果。 学习过程 9 第1步：打开要制作标题广告的网页