(
课件网) 添加网页的动态效果 目 录 CONTENTS 1 2 3 学习目标 学习过程 知识窗 4 课堂练习 了解网页动态效果的初步知识。 学会为网页添加简单的动态效果。 学习目标 第1步：打开要设置过渡效果的网页。 第2步：打开“格式”菜单，单击其中的“网页过渡”命令，打开“网页过渡”对话框。 第3步：在“事件”框中选择所需的选项，如进入网页、离开网页、进入站点、离开站点等，在“过渡效果”框中选择一种效果，在“周期”框中输入持续的时间。 第4步：单击 按钮，然后保存并浏览网页。 一、设置网页的过渡效果 学习过程 动手做：为网页设置过渡效果。 第1步：打开“北京风光”网页。 第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。 第3步：把插入点移到要添加放大镜效果的文字段落中，如“北海白塔”。 二、动态HTML效果 学习过程 动手做：为“北京风光”网页中的风光名称添加放大镜效果。 第4步：在“DHTML效果”工具栏中，单击“开启”选择框中的 按钮，打开下拉列表框，选定“鼠标悬停”选项，然后打开“应用”选择框中的下拉列表框，选择“格式”选项。 第5步：在右侧的选择框中选定“选择字体”选项，屏幕上出现“字体”对话框时，选择文字放大后要使用的字体、字号、颜色等，然后单击 按钮。 学习过程 操作后，插入点所在段落中会出现淡蓝色背景的方框，表示添加了DHTML效果。 第6步：存盘后在IE浏览器窗口中浏览这个网页，把指针移到添加了DHTML效果的名称“北海白塔”上时，文字就会显示出所设置的放大效果。 学习过程 第1步：打开要添加效果的网页，如jieshao.htm。 第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。 第3步：选定网页中要添加效果的图片。 第4步：在“DHTML效果”工具栏中，在“开启”选择框选定“网页加载”选项，在“应用”选择框中选定“螺旋”选项。 学习过程 动手做：为网页中的图片添加螺旋飞入效果。 操作后，图片所在的段落会出现淡蓝色背景的方框，表示添加了DHTML动态效果。例如，下图中的图片就添加了DHTML效果。 学习过程 第1步：打开要制作标题广告的网页，把插入点移到要插入横福广告的位置上。 第2步：依次打开“插入”菜单、“组件”菜单，单击“横幅广告管理器”命令，打开“横幅广告管理器属性”对话框。 三、横幅广告管理器 学习过程 动手做：制作一幅标题广告，使几幅相关的图片轮流显示。 第3步：类似地，在表格的“年龄”“联系电话”和“E-mail地址”等提示文字右侧的单元格中插入单行文本框，并修改文本框的名称。 第4步：单击表格第1行第4列的单元格，依次打开“插入”菜单、“表单”菜单，单击“单选按钮”命令，插入一个单选按钮。 第5步：双击插入的单选按钮，打开“单选按钮属性”对话框，设置组名称为“sex”，值为“男”，初始状态为“已选”，然后单击 按钮。 学习过程 第6步：类似地，在第1行第6列的单元格中再插入一个单选按钮，并设置组名为“Sex”，值为“女”，初始状态为“未选”。 第7步：单击“文化程度”右侧的单元格，依次打开“插入”菜单、“表单”菜单，单击“下拉菜单”命令，插入一个下拉菜单。 第8步：双击插入的下拉菜单，打开“下拉菜单属性”对话框，单击对话框中的 按钮。出现“添加选项”对话框后，在“选项”框中输入“小学”，然后单击 按钮。 学习过程 第3步：单击 按钮，打开“添加横幅广告图片”对话框，找到一幅要添加的图片后双击它。 第4步：仿照第3步操作，把要轮流显示的几幅图片依次添加到“显示图片”列表框中。 第5步：设置横幅的宽度和高度值以及每幅图片显示的时间。 第6步：在“过渡效果” ... ...
